// External JavaScript for Harbor Steps

// Images Array
var img = new Array;
var loaded = false;

var sectionPic = 0;
var sectionID = 0;

function clearImage(){
	// Update the rolled over image
	if (sectionPic != 0){
		if (loaded == true){	// Make sure images are loaded
			if (document.images){	// Image control is supported
				// Do Work
				var h = document.images[sectionPic];
				var tmp = sectionID - 1;
				h.src = img[tmp].src;
			}
		}
	}

	// Set Sections back to 0
	sectionPic = 0;
	sectionID = 0;
}

function preloadImages(){
	if (document.images){	// Make sure preloading is supported
	
		for (i=0;i<78;i++){
		  img[i]  = new Image();
		}
		 
	   img[0].src  = "images/b1.gif";
	   img[1].src  = "images/b1on.gif";
	   img[2].src  = "images/b2.gif";
	   img[3].src  = "images/b2on.gif";
	   img[4].src  = "images/b3.gif";
	   img[5].src  = "images/b3on.gif";
	   img[6].src  = "images/b4.gif";
	   img[7].src  = "images/b4on.gif";
	   img[8].src  = "images/b5.gif";
	   img[9].src  = "images/b5on.gif";
	   img[10].src = "images/m1b1.gif";
	   img[11].src = "images/m1b1on.gif";
	   img[12].src = "images/m1b2.gif";
	   img[13].src = "images/m1b2on.gif";
	   img[14].src = "images/m1b3.gif";
	   img[15].src = "images/m1b3on.gif";
	   img[16].src = "images/m1b4.gif";
	   img[17].src = "images/m1b4on.gif";
	   img[18].src = "images/m1b5.gif";
	   img[19].src = "images/m1b5on.gif";
	   img[20].src = "images/m1b6.gif";
	   img[21].src = "images/m1b6on.gif";
	   img[22].src = "images/m2b1.gif";
	   img[23].src = "images/m2b1on.gif";
	   img[24].src = "images/m2b2.gif";
	   img[25].src = "images/m2b2on.gif";
	   img[26].src = "images/m2b3.gif";
	   img[27].src = "images/m2b3on.gif";
	   img[28].src = "images/m2b4.gif";
	   img[29].src = "images/m2b4on.gif";
	   img[30].src = "images/m2b5.gif";
	   img[31].src = "images/m2b5on.gif";
	   img[32].src = "images/m3b1.gif";
	   img[33].src = "images/m3b1on.gif";
	   img[34].src = "images/m3b2.gif";
	   img[35].src = "images/m3b2on.gif";
	   img[36].src = "images/m3b3.gif";
	   img[37].src = "images/m3b3on.gif";
	   img[38].src = "images/m3b4.gif";
	   img[39].src = "images/m3b4on.gif";
	   img[40].src = "images/m3b5.gif";
	   img[41].src = "images/m3b5on.gif";
	   img[42].src = "images/m4b1.gif";
	   img[43].src = "images/m4b1on.gif";
	   img[44].src = "images/m4b2.gif";
	   img[45].src = "images/m4b2on.gif";
	   img[46].src = "images/m4b3.gif";
	   img[47].src = "images/m4b3on.gif";
	   img[48].src = "images/m4b4.gif";
	   img[49].src = "images/m4b4on.gif";
	   img[50].src = "images/m5b1.gif";
	   img[51].src = "images/m5b1on.gif";
	   img[52].src = "images/m5b2.gif";
	   img[53].src = "images/m5b2on.gif";
	   img[54].src = "images/m5b3.gif";
	   img[55].src = "images/m5b3on.gif";
	   img[56].src = "images/m5b4.gif";
	   img[57].src = "images/m5b4on.gif";
	   img[58].src = "images/m4b5.gif";
	   img[59].src = "images/m4b5on.gif";
	   img[60].src = "images/m5b5.gif";
	   img[61].src = "images/m5b5on.gif";	   
	   img[62].src = "images/m1b7.gif";
	   img[63].src = "images/m1b7on.gif";	
	   img[64].src = "images/m2b7.gif";
	   img[65].src = "images/m2b7on.gif";
	   img[66].src = "images/m2b8.gif";
	   img[67].src = "images/m2b8on.gif";
	   img[68].src = "images/m2b9.gif";
	   img[69].src = "images/m2b9on.gif";
	   img[70].src = "images/m1b8.gif";
	   img[71].src = "images/m1b8on.gif";
	   img[72].src = "images/m2b10.gif";
	   img[73].src = "images/m2b10on.gif";	
	   img[74].src = "images/m5b6.gif";
	   img[75].src = "images/m5b6on.gif";
	   img[76].src = "images/m1b9.gif";
	   img[77].src = "images/m1b9on.gif";
	   
	   loaded = true;

	}
}

function ssPic(imgName, onIndex){
	var oldImage;
	var oldImageID;

	oldImage = sectionPic;
	oldImageID = sectionID;

	sectionPic = imgName;
	sectionID  = onIndex;
	if (oldImage != 0){
		if (loaded == true){	// Make sure images are loaded
			if (document.images){	// Image control is supported
				// Do Work
				var h = document.images[oldImage];
				var tmp = oldImageID - 1;
				h.src = img[tmp].src;
			}
		}
	}
}

function Drone_Swap(imgName,index){
	if (loaded == true){
		if (document.images){	// NN4+
			if (imgName != sectionPic){
				var h = document.images[imgName];
				h.src = img[index].src;
			}
		}
	}
}

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
	document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}

MM_reloadPage(true);

var secMenu = "menu6";

function setSection(section){
	secMenu = section;
	toggleBox(secMenu,7);
}

function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
	if(document.getElementById)	  //gecko(NN6) + IE 5+
	{
		var obj = document.getElementById(szDivID);
		obj.style.visibility = iState ? "visible" : "hidden";
		
		// Change other menu's to off
		for (i=1;i<6;i++){
			if ("menu" + i != szDivID && "menu" + i != secMenu){
				var oMenu = document.getElementById("menu" + i);
				oMenu.style.visibility = "hidden";
			}
		}
	}
	else if(document.all)	// IE 4
	{
		document.all[szDivID].style.visibility = iState ? "visible" : "hidden";

		// Change other menu's to off
		for (i=1;i<6;i++){
			if ("menu" + i != szDivID && "menu" + i != secMenu){
				document.all[szDivID].style.visibility = "hidden";
			}
		}
	}
}


// Wrapper
function wrapper(){
	for(i=1;i<6;i++){
		var m = "menu" + i;
		if (m != secMenu){
			toggleBox(m, 0);
		}
	}
}


