oMenu = new MenuObj('oMenu');

function MenuObj(name) {
	this.id_buffer = -1;
	this.id_show_layer = -1;
	this.id_active_layer = -1;
}

function LayerEnter(id) {
	oMenu.id_show_layer = id;
}

function LayerExit(id) {
	oMenu.id_show_layer = - 1;
	setTimeout ('Hide('+ id +')', 200);
}

function ImageEnter(img) {
	img.src = img.src.replace('.gif', '_ov.gif');
	img.src = img.src.replace('.jpg', '_ov.jpg');
}

function ImageExit(img) {
	img.src = img.src.replace('_ov.gif', '.gif');
	img.src = img.src.replace('_ov.jpg', '.jpg');
}

function MenuEnter(parent, id) {
	if(oMenu.id_buffer >= 0) {
		Hide(oMenu.id_buffer);
	}
	var divlayer = document.getElementById('jsMenu' + id);
	divlayer.style.visibility = "visible";
	var leftpos = parent.offsetLeft + 2;
	if (parent.offsetWidth && divlayer.offsetWidth)
		leftpos += (parent.offsetWidth - divlayer.offsetWidth) / 2;
	divlayer.style.left = leftpos;
	
	oMenu.id_active_layer = id;
}

function MenuExit(id) {
	setTimeout ('Hide('+ id +')', 1000);
	oMenu.id_buffer = oMenu.id_active_layer;
	oMenu.id_active_layer = -1;
}

function Hide(id) {
	if (oMenu.id_active_layer != id && oMenu.id_show_layer != id) {
		document.getElementById('jsMenu' + id).style.visibility = "hidden";
	}
}

function CreateMenu(selectedindex) {
	var menu_spacing = 5;
	document.write("<table border='0' cellPadding='0' cellSpacing='0' valign='middle'>");
	document.write("<tr>");
	// BEGIN MAIN MENU
	if (selectedindex == 0)
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(0)' onmouseover='MenuEnter(this, 0)'><a href='about.html'><img border='0' src='images/menu/menuabout_ov.jpg'></a></td>");
	else
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(0)' onmouseover='MenuEnter(this, 0)'><a href='about.html'><img border='0' src='images/menu/menuabout.jpg' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td width='" + menu_spacing + "'>&nbsp;</td>");
	if (selectedindex == 1)
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(1)' onmouseover='MenuEnter(this, 1)'><a href='services.html'><img border='0' src='images/menu/menuservices_ov.jpg'></a></td>");
	else
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(1)' onmouseover='MenuEnter(this, 1)'><a href='services.html'><img border='0' src='images/menu/menuservices.jpg' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td width='" + menu_spacing + "'>&nbsp;</td>");
	if (selectedindex == 2)
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(2)' onmouseover='MenuEnter(this, 2)'><a href='safety.html'><img border='0' src='images/menu/menusafety_ov.jpg'></a></td>");
	else
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(2)' onmouseover='MenuEnter(this, 2)'><a href='safety.html'><img border='0' src='images/menu/menusafety.jpg' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td width='" + menu_spacing + "'>&nbsp;</td>");
	if (selectedindex == 3)
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(3)' onmouseover='MenuEnter(this, 3)'><a href='awards.html'><img border='0' src='images/menu/menuawards_ov.jpg'></a></td>");
	else
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(3)' onmouseover='MenuEnter(this, 3)'><a href='awards.html'><img border='0' src='images/menu/menuawards.jpg' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td width='" + menu_spacing + "'>&nbsp;</td>");
	if (selectedindex == 4)
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(4)' onmouseover='MenuEnter(this, 4)'><a href='gallery.html'><img border='0' src='images/menu/menugallery_ov.jpg'></a></td>");
	else
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(4)' onmouseover='MenuEnter(this, 4)'><a href='gallery.html'><img border='0' src='images/menu/menugallery.jpg' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td width='" + menu_spacing + "'>&nbsp;</td>");
	if (selectedindex == 5)
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(5)' onmouseover='MenuEnter(this, 5)'><a href='contact.html'><img border='0' src='images/menu/menucontact_ov.jpg'></a></td>");
	else
		document.write("<td align='left' bgColor='#d8d6d8' vAlign='middle' onmouseout='MenuExit(5)' onmouseover='MenuEnter(this, 5)'><a href='contact.html'><img border='0' src='images/menu/menucontact.jpg' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	// END MAIN MENU
	document.write("</tr>");
	document.write("</table>");
	document.write("<div id='mainmenu' style='position: relative; left: 0; top:0; zIndex:1'>");
	// ABOUT SUBMENU
	document.write("<div id='jsMenu0' onMouseOver='LayerEnter(0);' onMouseOut='LayerExit(0);' style='visibility: hidden; position: absolute; left: 0; top: 2;'>");
	document.write("<table cellpadding=0 cellspacing=0 border=0><tr>");
	document.write("<td><a href='about_companyprofile.html'><img border='0' src='images/menu/company.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='about_history.html'><img border='0' src='images/menu/history.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='about_mission.html'><img border='0' src='images/menu/mission.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='about_associations.html'><img border='0' src='images/menu/associations.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("</tr></table></div>");
	// SERVICES SUBMENU
	document.write("<div id='jsMenu1' onMouseOver='LayerEnter(1);' onMouseOut='LayerExit(1);' style='visibility: hidden; position: absolute; left: 0; top: 2;'>");
	document.write("<table cellpadding=0 cellspacing=0 border=0><tr>");
	document.write("<td><a href='services_municipal.html'><img border='0' src='images/menu/municipal.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='services_industrial.html'><img border='0' src='images/menu/industrial.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='services_commercial.html'><img border='0' src='images/menu/commercial.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='services_institutional.html'><img border='0' src='images/menu/institutional.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='services_residential.html'><img border='0' src='images/menu/residential.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("</tr></table></div>");
	// SAFETY SUBMENU
	document.write("<div id='jsMenu2' onMouseOver='LayerEnter(2);' onMouseOut='LayerExit(2);' style='visibility: hidden; position: absolute; left: 0; top: 2;'></div>");
	// AWARDS SUBMENU
	document.write("<div id='jsMenu3' onMouseOver='LayerEnter(3);' onMouseOut='LayerExit(3);' style='visibility: hidden; position: absolute; left: 0; top: 0;'></div>");
	// GALLERY SUBMENU
	document.write("<div id='jsMenu4' onMouseOver='LayerEnter(4);' onMouseOut='LayerExit(4);' style='visibility: hidden; position: absolute; left: 0; top: 2;'>");
	document.write("<table cellpadding=0 cellspacing=0 border=0><tr>");
	document.write("<td><a href='gallery_municipal.html'><img border='0' src='images/menu/municipal.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='gallery_industrial.html'><img border='0' src='images/menu/industrial.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='gallery_commercial.html'><img border='0' src='images/menu/commercial.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='gallery_institutional.html'><img border='0' src='images/menu/institutional.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("<td><a href='gallery_residential.html'><img border='0' src='images/menu/residential.gif' onmouseover='ImageEnter(this)' onmouseout='ImageExit(this)'></a></td>");
	document.write("</tr></table></div>");
	// CONTACT SUBMENU
	document.write("<div id='jsMenu5' onMouseOver='LayerEnter(5);' onMouseOut='LayerExit(5);' style='visibility: hidden; position: absolute; left: 0; top: 0;'></div>");

	document.write("</div>");
}