//##################################################################################################################
//MAAK Technologies Group Website
//Developer: Jeff Gobatto, P. Eng.
//Date: 2009-02-27
//##################################################################################################################

// initialize variables
menuwidth=740;
pagewidth=780;
shift=0;
ltop=90;
ltopmax=90;
pos=0;
moveOnScroll=true;
scrollSpeed=20;
scrolled='document.body.scrollTop';

// attempt to identify out of date browsers
if (document.layers) {top.location.href="http://www.mozilla.org";}
if (document.all && !document.getElementById) { //oops - MSIE ver 5
   top.location.href="http://www.microsoft.com/windows/ie/";}

// scrolling - to hold menu on screen
function checkScrolled(){
	pos=eval(scrolled);
	if (pos>ltopmax) ltop=0;
	else ltop=ltopmax-pos;
   document.getElementById('menu').style.top=eval(scrolled)+ltop+'px';
   setTimeout('checkScrolled()',scrollSpeed);}

// visibility code
function show(elmnt) {
   document.getElementById(elmnt).style.visibility="visible";}
function hide(elmnt) {
   document.getElementById(elmnt).style.visibility="hidden";}

// write the menu dynamically instead of including on each page
function writeMenu() {
   document.getElementById('menu').style.marginLeft=shift+'px';
   document.getElementById('menu').style.top=ltop+'px';
   x1=eval(scrolled);window.scrollBy(0,1);  //test scrolled ptr
   x2=eval(scrolled);window.scrollBy(0,-1); //reset position
   if ((x2-x1)<1) {scrolled='document.documentElement.scrollTop';}
copy ='';
copypr = '';

//##################################################################################################################
// Services Menu
//##################################################################################################################
// menu title
if (window.frmBanner.txtMain.Value != 'Svc') {
	copy+='<ul class="cl1" id="cl1">';
	copy+='<li class="cl1" onmouseover="show(\'id1\')"';
	copy+=' onmouseout="hide(\'id1\')"><a class="cl1" href="pgServices.htm">&nbsp;Services<\/a>';
	copy+='<ul class="cl2" id="id1" onmouseover="show(\'id1\')" onmouseout="hide(\'id1\')">';
	copypr+='<td class="prmenu" id="prmenu">Services</td>';
	}
else {
	copy+='<ul class="cl1on" id="cl1on">';
	copy+='<li class="cl1on" onmouseover="show(\'id1\')"';
	copy+=' onmouseout="hide(\'id1\')"><a class="cl1on" href="pgServices.htm">&nbsp;Services<\/a>';
	copy+='<ul class="cl2on" id="id1" onmouseover="show(\'id1\')" onmouseout="hide(\'id1\')">';
	copypr+='<td class="prmenuon" id="prmenuon">Services</td>';
	}
// menu elements
if (window.frmBanner.txtSub.Value != 'SvcPEM') copy+='<li class="cl2"><a class="cl2" href="pgServices_PlanEngMgmt.htm">&nbsp;Planning, Engineering & Management<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgServices_PlanEngMgmt.htm">&nbsp;Planning, Engineering & Management<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'SvcAI') copy+='<li class="cl2"><a class="cl2" href="pgServices_AutomationIntegration.htm">&nbsp;Automation System Design & Integration<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgServices_AutomationIntegration.htm">&nbsp;Automation System Design and Integration<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'SvcDM') copy+='<li class="cl2"><a class="cl2" href="pgServices_DataManagement.htm">&nbsp;Data Management<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgServices_DataManagement.htm">&nbsp;Data Management<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'SvcTV') copy+='<li class="cl2"><a class="cl2" href="pgServices_TestingValidation.htm">&nbsp;Testing & Validation<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgServices_TestingValidation.htm">&nbsp;Testing & Validation<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'SvcOpt') copy+='<li class="cl2"><a class="cl2" href="pgServices_Optimization.htm">&nbsp;Optimization<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgServices_Optimization.htm">&nbsp;Optimization<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'SvcCP') copy+='<li class="cl2"><a class="cl2" href="pgServices_ControlSystems.htm">&nbsp;Control Systems<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgServices_ControlSystems.htm">&nbsp;Control Systems<\/a><\/li>';
copy+='<\/ul><\/li>';

//##################################################################################################################
// Markets Menu
//##################################################################################################################
// menu title
if (window.frmBanner.txtMain.Value != 'Mkt') {
	copy+='<li class="cl1" onmouseover="show(\'id2\')"';
	copy+=' onmouseout="hide(\'id2\')"><a class="cl1" href="pgMarkets.htm">&nbsp;Markets<\/a>';
	copy+='<ul class="cl2" id="id2" onmouseover="show(\'id2\')" onmouseout="hide(\'id2\')">';
	copypr+='<td class="prmenu" id="prmenu">Markets</td>';
	}
else {
	copy+='<li class="cl1on" onmouseover="show(\'id2\')"';
	copy+=' onmouseout="hide(\'id2\')"><a class="cl1on" href="pgMarkets.htm">&nbsp;Markets<\/a>';
	copy+='<ul class="cl2on" id="id2" onmouseover="show(\'id2\')" onmouseout="hide(\'id2\')">';
	copypr+='<td class="prmenuon" id="prmenuon">Markets</td>';
	}
// menu elements
if (window.frmBanner.txtSub.Value != 'MktPhm') copy+='<li class="cl2"><a class="cl2" href="pgMarkets_Pharmaceutical.htm">&nbsp;Pharmaceutical<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgMarkets_Pharmaceutical.htm">&nbsp;Pharmaceutical<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'MktWW') copy+='<li class="cl2"><a class="cl2" href="pgMarkets_WaterWastewater.htm">&nbsp;WaterWastewater<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgMarkets_WaterWastewater.htm">&nbsp;WaterWastewater<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'MktInd') copy+='<li class="cl2"><a class="cl2" href="pgMarkets_Industrial.htm">&nbsp;Industrial<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgMarkets_Industrial.htm">&nbsp;Industrial<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'MktPwr') copy+='<li class="cl2"><a class="cl2" href="pgMarkets_Power.htm">&nbsp;Power<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgMarkets_Power.htm">&nbsp;Power<\/a><\/li>';
copy+='<\/ul><\/li>';

//##################################################################################################################
// Projects Menu
//##################################################################################################################
// menu title
if (window.frmBanner.txtMain.Value != 'Prj') {
	copy+='<li class="cl1" onmouseover="show(\'id3\')"';
	copy+=' onmouseout="hide(\'id3\')"><a class="cl1" href="pgProjects.htm">&nbsp;Projects<\/a>';
	copy+='<ul class="cl2" id="id3" onmouseover="show(\'id3\')" onmouseout="hide(\'id3\')">';
	copypr+='<td class="prmenu" id="prmenu">Projects</td>';
	}
else {
	copy+='<li class="cl1on" onmouseover="show(\'id3\')"';
	copy+=' onmouseout="hide(\'id3\')"><a class="cl1on" href="pgProjects.htm">&nbsp;Projects<\/a>';
	copy+='<ul class="cl2on" id="id3" onmouseover="show(\'id3\')" onmouseout="hide(\'id3\')">';
	copypr+='<td class="prmenuon" id="prmenuon">Projects</td>';
	}
// menu elements
if (window.frmBanner.txtSub.Value != 'PrjPhm') copy+='<li class="cl2"><a class="cl2" href="pgProjects_Pharmaceutical.htm">&nbsp;Pharmaceutical<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgProjects_Pharmaceutical.htm">&nbsp;Pharmaceutical<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'PrjWW') copy+='<li class="cl2"><a class="cl2" href="pgProjects_WaterWastewater.htm">&nbsp;WaterWastewater<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgProjects_WaterWastewater.htm">&nbsp;WaterWastewater<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'PrjInd') copy+='<li class="cl2"><a class="cl2" href="pgProjects_Industrial.htm">&nbsp;Industrial<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgProjects_Industrial.htm">&nbsp;Industrial<\/a><\/li>';
copy+='<\/ul><\/li>';

//##################################################################################################################
// Company Info Menu
//##################################################################################################################
if (window.frmBanner.txtMain.Value != 'Inf') {
	copy+='<li class="cl1" onmouseover="show(\'id4\')"';
	copy+=' onmouseout="hide(\'id4\')"><a class="cl1" href="pgInformation.htm">&nbsp;Company Information<\/a>';
	copy+='<ul class="cl2" id="id4" onmouseover="show(\'id4\')" onmouseout="hide(\'id4\')">';
	copypr+='<td class="prmenu" id="prmenu">Company Information</td>';
	}
else {
	copy+='<li class="cl1on" onmouseover="show(\'id4\')"';
	copy+=' onmouseout="hide(\'id4\')"><a class="cl1on" href="pgInformation.htm">&nbsp;Company Information<\/a>';
	copy+='<ul class="cl2on" id="id4" onmouseover="show(\'id4\')" onmouseout="hide(\'id4\')">';
	copypr+='<td class="prmenuon" id="prmenuon">Company Information</td>';
	}
// menu elements
if (window.frmBanner.txtSub.Value != 'InfOff') copy+='<li class="cl2"><a class="cl2" href="pgInformation_OfficeLoc.htm">&nbsp;Office Location<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgInformation_OfficeLoc.htm">&nbsp;Office Location<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'InfPS') copy+='<li class="cl2"><a class="cl2" href="pgInformation_PanelShopLoc.htm">&nbsp;Panel Shop Location<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgInformation_PanelShopLoc.htm">&nbsp;Panel Shop Location<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'InfCon') copy+='<li class="cl2"><a class="cl2" href="pgInformation_ContactUs.htm">&nbsp;Contact Us<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgInformation_ContactUs.htm">&nbsp;Contact Us<\/a><\/li>';
if (window.frmBanner.txtSub.Value != 'InfCar') copy+='<li class="cl2"><a class="cl2" href="pgInformation_Careers.htm">&nbsp;Careers<\/a><\/li>';
else copy+='<li class="cl2on"><a class="cl2on" href="pgInformation_Careers.htm">&nbsp;Careers<\/a><\/li>';
copy+='<\/ul><\/li>';

// end menu
copy+='<\/ul>';
document.getElementById('menu').innerHTML=copy;
document.getElementById('menupr').innerHTML='<table>'+copypr+'</table>';

// scrolling
if(moveOnScroll){checkScrolled();}}
