// Main Navigation buttons
nav1_button = new Image;
nav1_button.src = "images/nav/residential_over.gif";
nav2_button = new Image;
nav2_button.src = "images/nav/commercial_over.gif";
nav3_button = new Image;
nav3_button.src = "images/nav/member_over.gif";
nav4_button = new Image;
nav4_button.src = "images/nav/features_over.gif";
nav5_button = new Image;
nav5_button.src = "images/nav/controls_over.gif";
nav6_button = new Image;
nav6_button.src = "images/nav/info_over.gif";
nav7_button = new Image;
nav7_button.src = "images/nav/dealer_over.gif";
nav8_button = new Image;
nav8_button.src = "images/nav/contact_over.gif";
nav9_button = new Image;
nav9_button.src = "images/nav/where_buy_over.gif";

// Sub Nav buttons for the member services page
subnav1_button = new Image;
subnav1_button.src = "images/nav/subnav_support_over.gif";
subnav2_button = new Image;
subnav2_button.src = "images/nav/subnav_password_over.gif";
subnav3_button = new Image;
subnav3_button.src = "images/nav/subnav_lockout_over.gif";

// Dealer Info page Nav Buttons
dealnav1_button = new Image;
dealnav1_button.src = "/images/nav/dnav_resource_over.gif";
dealnav2_button = new Image;
dealnav2_button.src = "/images/nav/dnav_oesoftware_over.gif";
dealnav3_button = new Image;
dealnav3_button.src = "/images/nav/dnav_news_over.gif";
dealnav4_button = new Image;
dealnav4_button.src = "/images/nav/dnav_contact_over.gif";
dealnav5_button = new Image;
dealnav5_button.src = "/images/nav/dnav_logout_over.gif";

// Buttons for other pages
product_button = new Image;
product_button.src = "images/products_button_over.gif";
example_button = new Image;
example_button.src = "images/example_button_over.gif";
clickhere_button = new Image;
clickhere_button.src = "images/clickhere_button_over.gif";
submit_button = new Image;
submit_button.src = "images/submit_button_over.gif";

function menu(page)
{	document.writeln("<table border='0' width='730px' cellpadding='0' cellspacing='0'>");
	document.writeln("	<tr><td><img border='0' src='images/spacer.gif' width='1' height='18'></td>");
	document.writeln("		<td><img border='0' src='images/spacer.gif' width='81' height='1'></td>");
	document.writeln("		<td><img border='0' src='images/spacer.gif' width='81' height='1'></td>");
	document.writeln("		<td><img border='0' src='images/spacer.gif' width='81' height='1'></td>");
	document.writeln("		<td><img border='0' src='images/spacer.gif' width='81' height='1'></td>");
	document.writeln("		<td><img border='0' src='images/spacer.gif' width='81' height='1'></td>");
	document.writeln("		<td><img border='0' src='images/spacer.gif' width='81' height='1'></td>");
	document.writeln("		<td><img border='0' src='images/spacer.gif' width='81' height='1'></td>");
	document.writeln("		<td><img border='0' src='images/spacer.gif' width='81' height='1'></td>");
	document.writeln("		<td><img border='0' src='images/spacer.gif' width='81' height='1'></td></tr>");
	document.writeln("	<tr><td><img border='0' src='images/spacer.gif' width='1' height='70'></td>");
	
	if (page == 1)
	{	document.writeln("		<td align='center'><img border='0' src='images/nav/residential_on.gif' name='nav1'></td>");
	} else {
		document.writeln("		<td align='center'><a href='residentialautomation.htm' onmouseover='nav1.src=nav1_button.src' ");
		document.writeln("			onmouseout=\"nav1.src='images/nav/residential.gif'\">");
		document.writeln("			<img border='0' src='images/nav/residential.gif' name='nav1'></a></td>");
	}

	if (page == 2)
	{	document.writeln("		<td align='center'><img border='0' src='images/nav/commercial_on.gif' name='nav2'></td>");
	} else {
		document.writeln("		<td align='center'><a href='commercialautomation.htm' onmouseover='nav2.src=nav2_button.src' ");
		document.writeln("			onmouseout=\"nav2.src='images/nav/commercial.gif'\">");
		document.writeln("			<img border='0' src='images/nav/commercial.gif' name='nav2'></a></td>");
	}

	if (page == 3)
	{	document.writeln("		<td align='center'><img border='0' src='images/nav/member_on.gif' name='nav3'></td>");
	} else {
		document.writeln("		<td align='center'><a href='member.htm' onmouseover='nav3.src=nav3_button.src' ");
		document.writeln("			onmouseout=\"nav3.src='images/nav/member.gif'\">");
		document.writeln("			<img border='0' src='images/nav/member.gif' name='nav3'></a></td>");
	}

	if (page == 4)
	{	document.writeln("		<td align='center'><img border='0' src='images/nav/features_on.gif' name='nav4'></td>");
	} else {
		document.writeln("		<td align='center'><a href='automationfeatures.htm' onmouseover='nav4.src=nav4_button.src'");
		document.writeln("			onmouseout=\"nav4.src='images/nav/features.gif'\">");
		document.writeln("			<img border='0' src='images/nav/features.gif' name='nav4'></a></td>");
	}

	if (page == 5)
	{	document.writeln("		<td align='center'><img border='0' src='images/nav/controls_on.gif' name='nav5'></td>");
	} else {
		document.writeln("		<td align='center'><a href='automationcontrols.htm' onmouseover='nav5.src=nav5_button.src'");
		document.writeln("			onmouseout=\"nav5.src='images/nav/controls.gif'\">");
		document.writeln("			<img border='0' src='images/nav/controls.gif' name='nav5'></a></td>");
	}

	if (page == 6)
	{	document.writeln("		<td align='center'><img border='0' src='images/nav/info_on.gif' name='nav6'></td>");
	} else {
		document.writeln("		<td align='center'><a href='aboutus.htm' onmouseover='nav6.src=nav6_button.src'");
		document.writeln("			onmouseout=\"nav6.src='images/nav/info.gif'\">");
		document.writeln("			<img border='0' src='images/nav/info.gif' name='nav6'></a></td>");
	}

	if (page == 7)
	{	document.writeln("		<td align='center'><img border='0' src='images/nav/dealer_on.gif' name='nav7'></td>");
	} else {
		document.writeln("		<td align='center'><a href='dealerinfo.htm' onmouseover='nav7.src=nav7_button.src'");
		document.writeln("			onmouseout=\"nav7.src='images/nav/dealer.gif'\">");
		document.writeln("			<img border='0' src='images/nav/dealer.gif' name='nav7'></a></td>");
	}

	if (page == 8)
	{	document.writeln("		<td align='center'><img border='0' src='images/nav/contact_on.gif' name='nav8'></td>");
	} else {
		document.writeln("		<td align='center'><a href='contactus.htm' onmouseover='nav8.src=nav8_button.src'");
		document.writeln("			onmouseout=\"nav8.src='images/nav/contact.gif'\">");
		document.writeln("			<img border='0' src='images/nav/contact.gif' name='nav8'></a></td>");
	}

	if (page == 9)
	{	document.writeln("		<td align='center'><img border='0' src='images/nav/where_buy_on.gif' name='nav9'></td></tr>");
	} else {
		document.writeln("		<td align='center'><a href='wheretobuyfrom.htm' onmouseover='nav9.src=nav9_button.src'");
		document.writeln("			onmouseout=\"nav9.src='images/nav/where_buy.gif'\">");
		document.writeln("			<img border='0' src='images/nav/where_buy.gif' name='nav9'></a></td></tr>");
	}
	
	document.writeln("	<tr><td><img border='0' src='images/spacer.gif' width='1' height='18'></td>");
	document.writeln("		<td class='link'>Residential</td>");
	document.writeln("		<td class='link'>Commercial</td>");
	document.writeln("		<td class='link'>Member Services</td>");
	document.writeln("		<td class='link'>System Features</td>");
	document.writeln("		<td class='link'>System Controls</td>");
	document.writeln("		<td class='link'>Company Info</td>");
	document.writeln("		<td class='link'>Dealer</td>");
	document.writeln("		<td class='link'>Contact Us</td>");
	document.writeln("		<td class='link'>Where To Buy</td></tr>");
	document.writeln("</table>");
}

function feature_menu(page)
{	document.writeln("<table border=0 width='730px' cellpadding=0 cellspacing=0 style='font:12px Tahoma; text-align:center;'>");
	document.write("	<tr><td width='76px' align='center'>");
		if (page == 1)
			{ document.write("<span style='color:#f7941d'>LIGHTING</a>"); }
		else
			{ document.write("<a href='feature_lighting.htm' style='color:546e8b; text-decoration:none;'>LIGHTING</a>"); }
	document.writeln("</td>");
	document.writeln("		<td bgcolor='#6281a2'><img border='0' src='images/spacer.gif'></td>");
	document.write("		<td width='54px' align='center'>");
		if (page == 2)
			{ document.write("<span style='color:#f7941d'>VIDEO</a>"); }
		else
			{ document.write("<a href='feature_video.htm' style='color:546e8b; text-decoration:none;'>VIDEO</a>"); }
	document.writeln("</td>");
	document.writeln("		<td bgcolor='#6281a2'><img border='0' src='images/spacer.gif'></td>");
	document.write("		<td width='55px' align='center'>");
		if (page == 3)
			{ document.write("<span style='color:#f7941d'>AUDIO</a>"); }
		else
			{ document.write("<a href='feature_audio.htm' style='color:546e8b; text-decoration:none;'>AUDIO</a>"); }
	document.writeln("</td>");
	document.writeln("		<td bgcolor='#6281a2'><img border='0' src='images/spacer.gif'></td>");
	document.write("		<td width='72px' align='center'>");
		if (page == 4)
			{ document.write("<span style='color:#f7941d'>SECURITY</a>"); }
		else
			{ document.write("<a href='feature_security.htm' style='color:546e8b; text-decoration:none;'>SECURITY</a>"); }
	document.writeln("</td>");
	document.writeln("		<td bgcolor='#6281a2'><img border='0' src='images/spacer.gif'></td>");
	document.write("		<td width='100px' align='center'>");
		if (page == 5)
			{ document.write("<span style='color:#f7941d'>SURVEILLANCE</a>"); }
		else
			{ document.write("<a href='feature_surveillance.htm' style='color:546e8b; text-decoration:none;'>SURVEILLANCE</a>"); }
	document.writeln("</td>");
	document.writeln("		<td bgcolor='#6281a2'><img border='0' src='images/spacer.gif'></td>");
	document.write("		<td width='31px' align='center'>");
		if (page == 6)
			{ document.write("<span style='color:#f7941d'>IR</a>"); }
		else
			{ document.write("<a href='feature_ir.htm' style='color:546e8b; text-decoration:none;'>IR</a>"); }
	document.writeln("</td>");
	document.writeln("		<td bgcolor='#6281a2'><img border='0' src='images/spacer.gif'></td>");
	document.write("		<td width='116px' align='center'>");
		if (page == 7)
			{ document.write("<span style='color:#f7941d'>ACCESS CONTROL</a>"); }
		else
			{ document.write("<a href='feature_access.htm' style='color:546e8b; text-decoration:none;'>ACCESS CONTROL</a>"); }
	document.writeln("</td>");
	document.writeln("		<td bgcolor='#6281a2'><img border='0' src='images/spacer.gif'></td>");
	document.write("		<td width='66px' align='center'>");
		if (page == 8)
			{ document.write("<span style='color:#f7941d'>CLIMATE</a>"); }
		else
			{ document.write("<a href='feature_climate.htm' style='color:546e8b; text-decoration:none;'>CLIMATE</a>"); }
	document.writeln("</td>");
	document.writeln("		<td bgcolor='#6281a2'><img border='0' src='images/spacer.gif'></td>");
	document.write("		<td width='69px' align='center'>");
		if (page == 9)
			{ document.write("<span style='color:#f7941d'>SHADING</a>"); }
		else
			{ document.write("<a href='feature_shading.htm' style='color:546e8b; text-decoration:none;'>SHADING</a>"); }
	document.writeln("</td>");
	document.writeln("		<td bgcolor='#6281a2'><img border='0' src='images/spacer.gif'></td>");
	document.write("		<td width='82px' align='center'>");
		if (page == 10)
			{ document.write("<span style='color:#f7941d'>INTERCOM</a>"); }
		else
			{ document.write("<a href='feature_intercom.htm' style='color:546e8b; text-decoration:none;'>INTERCOM</a>"); }
	document.writeln("</td>");
	document.writeln("</table>");
}