// Shipyards Navigation: JavaScript Document

//Pre-Cache the images
var navItem = new Array();
	navItem[0] = "btn_who";
	navItem[1] = "btn_what";
	navItem[2] = "btn_client";
	navItem[3] = "btn_gallery";
	navItem[4] = "btn_contact";
	
if (document.images) {
	var imageOff = new Object();
	for (i=0; i<navItem.length; i++) {
		imageOff[navItem[i]] = new Image(17, 188);
		imageOff[navItem[i]].src = "images/"+navItem[i]+".gif";
		}
	var imageOver = new Object();	
	for (h=0; h<navItem.length; h++) {
		imageOver[navItem[h]] = new Image(17, 188);
		imageOver[navItem[h]].src = "images/"+navItem[h]+"-over.gif";
	}
		var imageOn = new Object();	
	for (l=0; l<navItem.length; l++) {
		imageOn[navItem[l]] = new Image(17, 188);
		imageOn[navItem[l]].src = "images/"+navItem[l]+"-on.gif";
	}
}
	
//Swap image function that excludes the link when the body id matches: works in IE
	function setImage(imgID, type) {
	if (document.images) {
		if (type == "on") {
			document.getElementById(imgID).src = imageOver[imgID].src;
			return true;
		} else if (type == "off") {  //If the type is equal to "off"
			var bodyID = document.getElementsByTagName("body")[0].id; //Get the body ID 
			if ("btn_" + bodyID == imgID) {
				document.getElementById(imgID).src = imageOn[imgID].src; // Replace the current image with the "-over" image
				} else {
				document.getElementById(imgID).src = imageOff[imgID].src; // Set the current image to its off state
			}
			return true;
			}
		}
		return false;
	} 

sfHover = function() {
	var sfEls = document.getElementById("nav_area").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

// Alt nav Item
var navItemAlt = new Array();
	navItemAlt[0] = "btn_contact_alt";
	
if (document.images) {
	var imageOff2 = new Object();
	for (j=0; j<navItemAlt.length; j++) {
		imageOff2[navItemAlt[j]] = new Image(400, 55);
		imageOff2[navItemAlt[j]].src = "images/"+navItemAlt[j]+".gif";
		}
	var imageOn2 = new Object();	
	for (k=0; k<navItemAlt.length; k++) {
		imageOn2[navItemAlt[k]] = new Image(400, 55);
		imageOn2[navItemAlt[k]].src = "images/"+navItemAlt[k]+"-over.gif";
	
	}
}
	
//Swap image function that excludes the link when the body id matches: works in IE
function setImage2(imgID, type) {
	if (document.images) {
		if (type == "on") {
			document.getElementById(imgID).src = imageOn2[imgID].src;
			return true;
		} else if (type == "off") {
			var bodyID = document.getElementsByTagName("body")[0].id; //Get the body ID 
			if ("btn_"+bodyID == imgID) {
				document.getElementById(imgID).src = imageOn2[imgID].src; // Replace the current image with the "-over" image
				} else {
				document.getElementById(imgID).src = imageOff2[imgID].src;
			}
			return true;
			}
		}
		return false;
	}