// define variables
var img_menu_1_open				=	new Image();
var img_menu_1_closed			=	new Image();
	var img_menu_1_1_over		=	new Image();
	var img_menu_1_1_out		=	new Image();
	var img_menu_1_2_over		=	new Image();
	var img_menu_1_2_out		=	new Image();
	var img_menu_1_3_over		=	new Image();
	var img_menu_1_3_out		=	new Image();
	var img_menu_1_4_over		=	new Image();
	var img_menu_1_4_out		=	new Image();

var img_menu_2_open				=	new Image();
var img_menu_2_closed			=	new Image();
	var img_menu_2_1_over		=	new Image();
	var img_menu_2_1_out		=	new Image();
	var img_menu_2_2_over		=	new Image();
	var img_menu_2_2_out		=	new Image();
	var img_menu_2_3_over		=	new Image();
	var img_menu_2_3_out		=	new Image();
	var img_menu_2_4_over		=	new Image();
	var img_menu_2_4_out		=	new Image();
	var img_menu_2_5_over		=	new Image();
	var img_menu_2_5_out		=	new Image();

var img_menu_3_open				=	new Image();
var img_menu_3_closed			=	new Image();
	var img_menu_3_1_over		=	new Image();
	var img_menu_3_1_out		=	new Image();
	var img_menu_3_2_over		=	new Image();
	var img_menu_3_2_out		=	new Image();
	var img_menu_3_3_over		=	new Image();
	var img_menu_3_3_out		=	new Image();
	var img_menu_3_4_over		=	new Image();
	var img_menu_3_4_out		=	new Image();
	var img_menu_3_5_over		=	new Image();
	var img_menu_3_5_out		=	new Image();

var img_menu_4_open				=	new Image();
var img_menu_4_closed			=	new Image();
	var img_menu_4_1_over		=	new Image();
	var img_menu_4_1_out		=	new Image();
	var img_menu_4_2_over		=	new Image();
	var img_menu_4_2_out		=	new Image();
	var img_menu_4_3_over		=	new Image();
	var img_menu_4_3_out		=	new Image();
	var img_menu_4_4_over		=	new Image();
	var img_menu_4_4_out		=	new Image();
	var img_menu_4_5_over		=	new Image();
	var img_menu_4_5_out		=	new Image();

var img_menu_5_open				=	new Image();
var img_menu_5_closed			=	new Image();
	var img_menu_5_1_over		=	new Image();
	var img_menu_5_1_out		=	new Image();
	var img_menu_5_2_over		=	new Image();
	var img_menu_5_2_out		=	new Image();
	var img_menu_5_3_over		=	new Image();
	var img_menu_5_3_out		=	new Image();
	var img_menu_5_4_over		=	new Image();
	var img_menu_5_4_out		=	new Image();
	var img_menu_5_5_over		=	new Image();
	var img_menu_5_5_out		=	new Image();


var openMenu = null; // currently open menu

var timerOn = false; 
var timeCount = 500;


// pre-load images
function preLoad() {
	img_menu_1_open.src			=	"images/new_home_brown.gif";
	img_menu_1_closed.src		=	"images/new_home_white.gif";
		img_menu_1_1_over.src	=	"images/new_about_us_open.gif";
		img_menu_1_1_out.src	=	"images/new_about_us_mouseover.gif";
		img_menu_1_2_over.src	=	"images/new_team_open.gif";
		img_menu_1_2_out.src	=	"images/new_team_mouseover.gif";
		img_menu_1_3_over.src	=	"images/new_contact_us_open.gif";
		img_menu_1_3_out.src	=	"images/new_contact_us_mouseover.gif";
		img_menu_1_4_over.src	=	"images/new_design_services_open.gif";
		img_menu_1_4_out.src	=	"images/new_design_services_mouseover.gif";

	img_menu_2_open.src			=	"images/new_contractors_brown.gif";
	img_menu_2_closed.src		=	"images/new_contractors_white.gif";
		img_menu_2_1_over.src	=	"images/new_pictures_open.gif";
		img_menu_2_1_out.src	=	"images/new_pictures_mouseover.gif";
		img_menu_2_2_over.src	=	"images/new_testimonials_open.gif";
		img_menu_2_2_out.src	=	"images/new_testimonials_mouseover.gif";
		img_menu_2_3_over.src	=	"images/new_case_open.gif";
		img_menu_2_3_out.src	=	"images/new_case_mouseover.gif";
		img_menu_2_4_over.src	=	"images/new_engage_open.gif";
		img_menu_2_4_out.src	=	"images/new_engage_mouseover.gif";
		img_menu_2_5_over.src	=	"images/new_design_services_open.gif";
		img_menu_2_5_out.src	=	"images/new_design_services_mouseover.gif";

	img_menu_3_open.src			=	"images/new_home_owners_brown.gif";
	img_menu_3_closed.src		=	"images/new_home_owners_white.gif";
		img_menu_3_1_over.src	=	"images/new_pictures_open.gif";
		img_menu_3_1_out.src	=	"images/new_pictures_mouseover.gif";
		img_menu_3_2_over.src	=	"images/new_testimonials_open.gif";
		img_menu_3_2_out.src	=	"images/new_testimonials_mouseover.gif";
		img_menu_3_3_over.src	=	"images/new_case_open.gif";
		img_menu_3_3_out.src	=	"images/new_case_mouseover.gif";
		img_menu_3_4_over.src	=	"images/new_engage_open.gif";
		img_menu_3_4_out.src	=	"images/new_engage_mouseover.gif";
		img_menu_3_5_over.src	=	"images/new_design_services_open.gif";
		img_menu_3_5_out.src	=	"images/new_design_services_mouseover.gif";

	img_menu_4_open.src			=	"images/new_architects_brown.gif";
	img_menu_4_closed.src		=	"images/new_architects_white.gif";
		img_menu_4_1_over.src	=	"images/new_pictures_open.gif";
		img_menu_4_1_out.src	=	"images/new_pictures_mouseover.gif";
		img_menu_4_2_over.src	=	"images/new_testimonials_open.gif";
		img_menu_4_2_out.src	=	"images/new_testimonials_mouseover.gif";
		img_menu_4_3_over.src	=	"images/new_case_open.gif";
		img_menu_4_3_out.src	=	"images/new_case_mouseover.gif";
		img_menu_4_4_over.src	=	"images/new_engage_open.gif";
		img_menu_4_4_out.src	=	"images/new_engage_mouseover.gif";
		img_menu_4_5_over.src	=	"images/new_design_services_open.gif";
		img_menu_4_5_out.src	=	"images/new_design_services_mouseover.gif";

	img_menu_5_open.src			=	"images/new_designers_brown.gif";
	img_menu_5_closed.src		=	"images/new_designers_white.gif";
		img_menu_5_1_over.src	=	"images/new_pictures_open.gif";
		img_menu_5_1_out.src	=	"images/new_pictures_mouseover.gif";
		img_menu_5_2_over.src	=	"images/new_testimonials_open.gif";
		img_menu_5_2_out.src	=	"images/new_testimonials_mouseover.gif";
		img_menu_5_3_over.src	=	"images/new_case_open.gif";
		img_menu_5_3_out.src	=	"images/new_case_mouseover.gif";
		img_menu_5_4_over.src	=	"images/new_engage_open.gif";
		img_menu_5_4_out.src	=	"images/new_engage_mouseover.gif";
		img_menu_5_5_over.src	=	"images/new_design_services_open.gif";
		img_menu_5_5_out.src	=	"images/new_design_services_mouseover.gif";
}

function initImages() {

	// set inital menu images
	img_menu_1.src = img_menu_1_closed.src;
		img_menu_1_1.src = img_menu_1_1_out.src
		img_menu_1_2.src = img_menu_1_2_out.src
		img_menu_1_3.src = img_menu_1_3_out.src
		img_menu_1_4.src = img_menu_1_4_out.src
	img_menu_2.src = img_menu_2_closed.src;
		img_menu_2_1.src = img_menu_2_1_out.src
		img_menu_2_2.src = img_menu_2_2_out.src
		img_menu_2_3.src = img_menu_2_3_out.src
		img_menu_2_4.src = img_menu_2_4_out.src
		img_menu_2_5.src = img_menu_2_5_out.src
	img_menu_3.src = img_menu_3_closed.src;
		img_menu_3_1.src = img_menu_3_1_out.src
		img_menu_3_2.src = img_menu_3_2_out.src
		img_menu_3_3.src = img_menu_3_3_out.src
		img_menu_3_4.src = img_menu_3_4_out.src
		img_menu_3_5.src = img_menu_3_5_out.src
	img_menu_4.src = img_menu_4_closed.src;
		img_menu_4_1.src = img_menu_4_1_out.src
		img_menu_4_2.src = img_menu_4_2_out.src
		img_menu_4_3.src = img_menu_4_3_out.src
		img_menu_4_4.src = img_menu_4_4_out.src
		img_menu_4_5.src = img_menu_4_5_out.src
	img_menu_5.src = img_menu_5_closed.src;
		img_menu_5_1.src = img_menu_5_1_out.src
		img_menu_5_2.src = img_menu_5_2_out.src
		img_menu_5_3.src = img_menu_5_3_out.src
		img_menu_5_4.src = img_menu_5_4_out.src
		img_menu_5_5.src = img_menu_5_5_out.src
}




// updates (re-draws) the menu
function updateMenu() {
	stopTimer();

	// close all menus
	closeAll();

	// turn on active menu header
	document.all("img_"+openMenu).src = eval("img_"+openMenu+"_open").src;

	// open active menu
	document.all(openMenu).style.visibility = "visible"; 

}




// closes all menus
function closeAll() {

	// turn off all menu headers
	document.all("img_menu_1").src = eval("img_menu_1_closed").src;
	document.all("img_menu_2").src = eval("img_menu_2_closed").src;
	document.all("img_menu_3").src = eval("img_menu_3_closed").src;
	document.all("img_menu_4").src = eval("img_menu_4_closed").src;
	document.all("img_menu_5").src = eval("img_menu_5_closed").src;

	// close all menus
	document.all("menu_1").style.visibility = "hidden";
	document.all("menu_2").style.visibility = "hidden";
	document.all("menu_3").style.visibility = "hidden";
	document.all("menu_4").style.visibility = "hidden";
	document.all("menu_5").style.visibility = "hidden";
}




// swap item image when mouse is over item
function mouseover(item) {
	stopTimer();
	item.src = eval(item.id+"_over").src;
}

// swap item image when mouse is out of item
function mouseout(item) {
	item.src = eval(item.id+"_out").src;
}




// start the timer to close all menus
function startTimer() {
	setTimeout( "timedCloseAll()" , timeCount);
	timerOn = true;
}

// stop the timer
function stopTimer() {
	timerOn = false; 
}

// when timer goes off, close all menus
function timedCloseAll() {
	if (timerOn)
	{
		closeAll();
		timerOn = false;
	}
}