var gotlayers = 1;

NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;

var vflag = "F";


if(NS4) {
document.captureEvents(Event.MOUSEMOVE);
}
	document.onmousemove = checkIt;

//loading the on images

navimgarray = new Array(12);
navimgarray[0] = new Image()
navimgarray[0].src = "images/nav_about_on.gif";
navimgarray[1] = new Image()
navimgarray[1].src = "images/nav_contact_on.gif";
navimgarray[2] = new Image()
navimgarray[2].src = "images/nav_links_on.gif";
navimgarray[3] = new Image()
navimgarray[3].src = "images/nav_media_on.gif";
navimgarray[4] = new Image()
navimgarray[4].src = "images/nav_its_on.gif";
navimgarray[5] = new Image()
navimgarray[5].src = "images/nav_smart_on.gif";
navimgarray[6] = new Image()
navimgarray[6].src = "images/nav_telecom_on.gif";
navimgarray[7] = new Image()
navimgarray[7].src = "images/nav_alt_on.gif";
navimgarray[8] = new Image()
navimgarray[8].src = "images/nav_clean_on.gif";
navimgarray[9] = new Image()
navimgarray[9].src = "images/nav_ecommute_on.gif";
navimgarray[10] = new Image()
navimgarray[10].src = "images/nav_trafficsite_on.gif";
navimgarray[11] = new Image()
navimgarray[11].src = "images/nav_tann_on.gif";


//end of loading of on images

//declaring and initializing subnav array

marray = new Array(8);
marray[0] = "mitsLayer";
marray[1] = "msmartLayer";
marray[2] = "mtelecomLayer";
marray[3] = "mecomLayer";
marray[4] = "mmsrcLayer";
marray[5] = "mccitiesLayer";
marray[6] = "mtrafficLayer";
marray[7] = "mtanncorp";

miwarray = new Array(6);
miwarray[0] = 37;
miwarray[1] = 36;
miwarray[2] = 36;
miwarray[3] = 36;
miwarray[4] = 36;
miwarray[5] = 37;

snarray = new Array(6);
snarray[0] = "itsLayer";
snarray[1] = "smartLayer";
snarray[2] = "telecomLayer";
snarray[3] = "ecomLayer";
snarray[4] = "msrcLayer";
snarray[5] = "ccitiesLayer";

snwarray = new Array(6);
snwarray[0] = 54;
snwarray[1] = 27;
snwarray[2] = 54;
//snwarray[3] = 210;
snwarray[3] = 262;
snwarray[4] = 68;
snwarray[5] = 315;

//end of declaring and initializing of subnav array
var maxSize = 7
var flgLayer = "T";
var layerIndex = maxSize + 1;

//function to show vertical subnav

function moveSubnav(index,direction) {

if (gotlayers) {
		if (NS4) {
if(layerIndex != index) {

if(restoreNav()) {

			document.layers[snarray[index]].left = document.layers[marray[index]].left;
			document.layers[snarray[index]].top = document.layers[marray[index]].top + miwarray[index];
			
			for(i=0; i < 8; i++) {
						
			if(i != index && i > index) {

			if(i == index + 1) {
			document.layers[marray[i]].top = document.layers[marray[i]].top + snwarray[index];
			} else {
			document.layers[marray[i]].top = document.layers[marray[i]].top+ snwarray[index];
			}
			}
			}
			document.layers[snarray[index]].visibility = "show";
		layerIndex = index;
		//flgLayer = "F";
		}
}
		} else {

if(layerIndex != index) {

if(restoreNav()) {

			document.all[snarray[index]].style.pixelLeft = document.all[marray[index]].style.pixelLeft;
			document.all[snarray[index]].style.pixelTop = document.all[marray[index]].style.pixelTop + miwarray[index];

			for(i=0; i < 8; i++) {
						
			if(i != index && i > index) {

			if(i == index + 1) {
			document.all[marray[i]].style.pixelTop = document.all[marray[i]].style.pixelTop + snwarray[index];
			} else {
			document.all[marray[i]].style.pixelTop = document.all[marray[i]].style.pixelTop+ snwarray[index];
			}
			}
			}
			document.all[snarray[index]].style.visibility = "visible";
			layerIndex = index;
			
		}
	   }


		}
	   }



}


//end of function

//function to restore navigation

function restoreNav() {

if(layerIndex <= maxSize) {

//start repositioning

if (gotlayers) {
		if (NS4) {
		document.layers[snarray[layerIndex]].left = 0;
		document.layers[snarray[layerIndex]].top = 0;
		document.layers[snarray[layerIndex]].visibility = "hide";

			for(i=0; i < 8; i++) {
						
			if(i != layerIndex && i > layerIndex) {

			if(i == layerIndex + 1) {
			document.layers[marray[i]].top = document.layers[marray[i]].top - snwarray[layerIndex];
			} else {
			document.layers[marray[i]].top = document.layers[marray[i]].top - snwarray[layerIndex];
			}
			}
			}

		layerIndex = maxSize + 1;
		return true;
		} else {
			document.all[snarray[layerIndex]].style.pixelLeft = 0;
			document.all[snarray[layerIndex]].style.pixelTop = 0;
			document.all[snarray[layerIndex]].style.visibility = "hidden";

			for(i=0; i < 8; i++) {
						
			if(i != layerIndex && i > layerIndex) {

			if(i == layerIndex + 1) {

			document.all[marray[i]].style.pixelTop = document.all[marray[i]].style.pixelTop - snwarray[layerIndex];
			} else {
			document.all[marray[i]].style.pixelTop = document.all[marray[i]].style.pixelTop - snwarray[layerIndex];
			}
			}
			}

		layerIndex = maxSize + 1;
		return true;
		}
}


} else {

if(layerIndex == maxSize + 1)
return true;
else
return false;

}


}

//end of function

var activeVLayer = "";
//layer swapping function

function swapLayer(layerid,state) {
if(NS4) {

if(state=="on") {
document.layers[layerid].visibility = "hide";
document.layers[layerid+"on"].visibility = "show";
} else {
document.layers[layerid+"on"].visibility = "hide";
document.layers[layerid].visibility = "show";
}

} else {

if(state=="on") {
document.all[layerid].style.visibility = "hidden";
document.all[layerid+"on"].style.visibility = "visible";
} else {
document.all[layerid+"on"].style.visibility = "hidden";
document.all[layerid].style.visibility = "visible";
}


}

}

//end of layer swapping function

//image swaping function
function swapImages(imgname,arrindex) {
imgpath = eval("document.images['" + imgname + "'].src");
eval("document.images['" + imgname + "'].src = '" + navimgarray[arrindex].src + "'");
navimgarray[arrindex].src = imgpath;
}
//end of image swaping function



//positioning the layers

function positionSubnav() {

if (gotlayers) {
		if (NS4) {
			document.layers['blankLayer'].left = 227;
			document.layers['blankLayer'].top = 114;
			document.layers['aboutLayer'].left = 227;
			document.layers['aboutLayer'].top = 114;
			document.layers['contactLayer'].left = 227;
			document.layers['contactLayer'].top = 114;
			document.layers['linksLayer'].left = 227;
			document.layers['linksLayer'].top = 114;
			document.layers['mediaLayer'].left = 227;
			document.layers['mediaLayer'].top = 114;

		if(pagedefault=="") {

			document.layers['itsLayer'].left = 20;
			document.layers['itsLayer'].top = 290;
			document.layers['smartLayer'].left = 20;
			document.layers['smartLayer'].top = 290;
			document.layers['telecomLayer'].left = 20;
			document.layers['telecomLayer'].top = 290;
			document.layers['msrcLayer'].left = 20;
			document.layers['msrcLayer'].top = 290;
			document.layers['ccitiesLayer'].left = 20;
			document.layers['ccitiesLayer'].top = 290;
			document.layers['mitsLayer'].left = 8;
			document.layers['mitsLayer'].top = 104;
			document.layers['msmartLayer'].left = 8;
			document.layers['msmartLayer'].top = 141;
			document.layers['mtelecomLayer'].left = 8;
			document.layers['mtelecomLayer'].top = 177;
			document.layers['mmsrcLayer'].left = 8;
			document.layers['mmsrcLayer'].top = 249;
			document.layers['mecomLayer'].left = 8;
			document.layers['mecomLayer'].top = 213;
			document.layers['mccitiesLayer'].left = 8;
			document.layers['mccitiesLayer'].top = 285;
			document.layers['mtrafficLayer'].left = 8;
			document.layers['mtrafficLayer'].top = 321;
			document.layers['mtanncorp'].left = 8;
			document.layers['mtanncorp'].top = 357;



			document.layers['mitsLayeron'].left = 8;
			document.layers['mitsLayeron'].top = 104;
			document.layers['msmartLayeron'].left = 8;
			document.layers['msmartLayeron'].top = 141;
			document.layers['mtelecomLayeron'].left = 8;
			document.layers['mtelecomLayeron'].top = 177;
			document.layers['mmsrcLayeron'].left = 8;
			document.layers['mmsrcLayeron'].top = 249;
			document.layers['mecomLayeron'].left = 8;
			document.layers['mecomLayeron'].top = 213;
			document.layers['mccitiesLayeron'].left = 8;
			document.layers['mccitiesLayeron'].top = 285;
			
			}

			if(defsubnav!="") {
			document.layers[defsubnav].visibility = "show";
			}
	} else {

			document.all['blankLayer'].style.pixelLeft = 229;
			document.all['blankLayer'].style.pixelTop = 121;
			document.all['aboutLayer'].style.pixelLeft = 229;
			document.all['aboutLayer'].style.pixelTop = 121;
			document.all['contactLayer'].style.pixelLeft = 229;
			document.all['contactLayer'].style.pixelTop = 121;
			document.all['linksLayer'].style.pixelLeft = 229;
			document.all['linksLayer'].style.pixelTop = 121;
			document.all['mediaLayer'].style.pixelLeft = 229;
			document.all['mediaLayer'].style.pixelTop = 121;

			if(pagedefault=="") {

			document.all['itsLayer'].style.pixelLeft = 21;
			document.all['itsLayer'].style.pixelTop = 296;
			document.all['smartLayer'].style.pixelLeft = 21;
			document.all['smartLayer'].style.pixelTop = 296;
			document.all['telecomLayer'].style.pixelLeft = 21;
			document.all['telecomLayer'].style.pixelTop = 296;
			document.all['msrcLayer'].style.pixelLeft = 21;
			document.all['msrcLayer'].style.pixelTop = 296;
			document.all['ccitiesLayer'].style.pixelLeft = 21;
			document.all['ccitiesLayer'].style.pixelTop = 296;
			document.all['mitsLayer'].style.pixelLeft = 10;
			document.all['mitsLayer'].style.pixelTop = 110;
			document.all['msmartLayer'].style.pixelLeft = 10;
			document.all['msmartLayer'].style.pixelTop = 147;
			document.all['mtelecomLayer'].style.pixelLeft = 10;
			document.all['mtelecomLayer'].style.pixelTop = 183;
			document.all['mmsrcLayer'].style.pixelLeft = 10;
			document.all['mmsrcLayer'].style.pixelTop = 255;
			document.all['mecomLayer'].style.pixelLeft = 10;
			document.all['mecomLayer'].style.pixelTop = 219;
			document.all['mccitiesLayer'].style.pixelLeft = 10;
			document.all['mccitiesLayer'].style.pixelTop = 291;
			document.all['mtrafficLayer'].style.pixelLeft = 10;
			document.all['mtrafficLayer'].style.pixelTop = 326;
			document.all['mtanncorp'].style.pixelLeft = 10;
			document.all['mtanncorp'].style.pixelTop = 363;


			document.all['mitsLayeron'].style.pixelLeft = 10;
			document.all['mitsLayeron'].style.pixelTop = 110;
			document.all['msmartLayeron'].style.pixelLeft = 10;
			document.all['msmartLayeron'].style.pixelTop = 147;
			document.all['mtelecomLayeron'].style.pixelLeft = 10;
			document.all['mtelecomLayeron'].style.pixelTop = 183;
			document.all['mmsrcLayeron'].style.pixelLeft = 10;
			document.all['mmsrcLayeron'].style.pixelTop = 255;
			document.all['mecomLayeron'].style.pixelLeft = 10;
			document.all['mecomLayeron'].style.pixelTop = 219;
			document.all['mccitiesLayeron'].style.pixelLeft = 10;
			document.all['mccitiesLayeron'].style.pixelTop = 291;
			
			}
			
			if(defsubnav!="") {
			document.all[defsubnav].style.visibility = "visible";
			}
               }
             }

}

//end of positioning the layers


//function to display left panel layers

function showLayers() {

if(gotlayers) {

if(NS4) {

for(i = 0;i <= maxSize; i++) {
document.layers[marray[i]].visibility = "show";
}

} else {

for(i = 0;i <= maxSize; i++) {
document.all[marray[i]].style.visibility = "visible";
}

}

}

}


//end of function



//showing layers

function showSubnav(layerid,on) {

if(layerid!="itsLayer" && layerid!="smartLayer" && layerid!="telecomLayer" && layerid!="msrcLayer" && layerid!="ccitiesLayer") {
vflag="T";
}


if(pagedefault=="V") {

if(vflag=="T") {


	if (on) {

			if (NS4) {
				document.layers[cursubnav].visibility = "hide";
				document.layers[layerid].visibility = "show";
			} else {
				document.all[cursubnav].style.visibility = "hidden";
				document.all[layerid].style.visibility = "visible";

			}
               cursubnav = layerid;
		} else {
			if (NS4) {
				document.layers[layerid].visibility = "hide";
			        document.layers[cursubnav].visibility = "show";
			} else {
				document.all[layerid].style.visibility = "hidden";
				document.all[cursubnav].style.visibility = "visible";
			}
               cursubnav = layerid;
		}
}
	
vflag="F";
} else if(pagedefault=="H") {

if(vflag=="T") {

	if (on) {

			if (NS4) {
				document.layers[layerid].visibility = "show";
			} else {
				document.all[layerid].style.visibility = "visible";
			}
               cursubnav = layerid;
		} else {
			if (NS4) {
				document.layers[layerid].visibility = "hide";
				} else {
				document.all[layerid].style.visibility = "hidden";
				}
               cursubnav = layerid;
		}
vflag="F";
}

	} else {

if(vflag=="T") {

		if (on) {

			if (NS4) {
				document.layers[layerid].visibility = "show";
			} else {
				document.all[layerid].style.visibility = "visible";
			}
               curnav = layerid;
		} else {
			if (NS4) {
				document.layers[layerid].visibility = "hide";
				} else {
				document.all[layerid].style.visibility = "hidden";
				}
               curnav = layerid;
		}
		

vflag="F";
}
		}

}




function showhSubnav(layerid,on) {

//if(layerid!="itsLayer" && layerid!="smartLayer" && layerid!="telecomLayer" && layerid!="msrcLayer" && layerid!="ccitiesLayer") {
vflag="T";
//}

if(pagedefault=="V") {

	if (on) {

			if (NS4) {
				document.layers[layerid].visibility = "show";
			} else {
				document.all[layerid].style.visibility = "visible";
			}
               curhsubnav = layerid;
		} else {
			if (NS4) {
				document.layers[layerid].visibility = "hide";
				} else {
				document.all[layerid].style.visibility = "hidden";
				}
               curhsubnav = layerid;
		}


} else if(pagedefault=="H") {


if (on) {

			if (NS4) {
				document.layers[curhsubnav].visibility = "hide";
				document.layers[layerid].visibility = "show";
			} else {
				document.all[curhsubnav].style.visibility = "hidden";
				document.all[layerid].style.visibility = "visible";

			}
               curhsubnav = layerid;
		} else {
			if (NS4) {
				document.layers[layerid].visibility = "hide";
			       document.layers[curhsubnav].visibility = "show";
			} else {
				document.all[layerid].style.visibility = "hidden";
			        document.all[curhsubnav].style.visibility = "visible";
			}
               curhsubnav = layerid;
		}



} else {
		
		if (on) {

			if (NS4) {
				document.layers[layerid].visibility = "show";
			} else {
				document.all[layerid].style.visibility = "visible";
			}
               curnav = layerid;
		} else {
			if (NS4) {
				document.layers[layerid].visibility = "hide";
				} else {
				document.all[layerid].style.visibility = "hidden";
				}
               curnav = layerid;
		}
		




		}



}

//end of showing layers


//checkit function

function checkIt(evt) {
	x1 = (NS4) ? evt.pageX : event.clientX
	y1 = (NS4) ? evt.pageY : event.clientY
	
//if(pagedefault == "") {

	if ((x1 >= 0 && y1 <= 85) || (x1 >223 && y1 >= 140))
	{
clearMenu();
restoreDefault();
restoreNav()
vflag="T";
	}

//}

}

//end of checkit

//restoredefault function


function restoreDefault() {

if(pagedefault=="V") {

if(cursubnav!=defsubnav) {
	if (NS4) {
				document.layers[cursubnav].visibility = "hide";
				document.layers[defsubnav].visibility = "show";
			} else {
				document.all[defsubnav].style.visibility = "visible";
				document.all[cursubnav].style.visibility = "hidden";
			}
               cursubnav = defsubnav;
} 

} else if(pagedefault=="H") {

if(curhsubnav!=defsubnav) {

		if (NS4) {
				
				document.layers[curhsubnav].visibility = "hide";
				document.layers[defsubnav].visibility = "show";
				} else {
				document.all[defsubnav].style.visibility = "visible";
				document.all[curhsubnav].style.visibility = "hidden";
			}
               curhsubnav = defsubnav;


}


}


}


//end of restoredefault function


//clearmenu function

function clearMenu() {


if(pagedefault=="H") {

if(cursubnav!="" && vflag!="F") {
//alert(cursubnav);
if (NS4) {
				document.layers[cursubnav].visibility = "hide";
			} else {
				document.all[cursubnav].style.visibility = "hidden";
			}
               cursubnav = "";

}

} else if(pagedefault=="V") {

if(curhsubnav!="" && vflag!="F") {

		if (NS4) {
				document.layers[curhsubnav].visibility = "hide";
				} else {
				document.all[curhsubnav].style.visibility = "hidden";
			}
               //curhsubnav = "";


}


} else {


if(curnav!="" && vflag!="F") {

		if (NS4) {
				document.layers[curnav].visibility = "hide";
				} else {
				document.all[curnav].style.visibility = "hidden";
			}
               curnav = "";


}





	}

}

//clearmenu function ends