// Shipyards Navigation: JavaScript Document

//Pre-Cache the images
var navItem = new Array();
	navItem[0] = "nav_home";
	navItem[1] = "nav_portfolio";
	navItem[2] = "nav_mission";
	navItem[3] = "nav_news";
	navItem[4] = "nav_bios";
	navItem[5] = "nav_contact";
	

	
if (document.images) {
	var imageOff = new Object();
	for (i=0; i<navItem.length; i++) {
		imageOff[navItem[i]] = new Image(27, 92);
		imageOff[navItem[i]].src = "ves_images/"+navItem[i]+".gif";
		}
	var imageOn = new Object();	
	for (h=0; h<navItem.length; h++) {
		imageOn[navItem[h]] = new Image(27, 92);
		imageOn[navItem[h]].src = "ves_images/"+navItem[h]+"-over.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 = imageOn[imgID].src;
			return true;
		} else if (type == "off") {
			var bodyID = document.getElementsByTagName("body")[0].id; //Get the body ID 
			if ("nav_"+bodyID == imgID) {} else {
				document.getElementById(imgID).src = imageOff[imgID].src;
			}
			return true;
			}
		}
		return false;
	} 
	
//Pre-Cache the images
var bioItem = new Array();
	bioItem[0] = "bio_anthony";
	bioItem[1] = "bio_lawrence";

	
if (document.images) {
	var image = new Object();
	for (i=0; i<navItem.length; i++) {
		image[bioItem[i]] = new Image(133, 359);
		image[bioItem[i]].src = "ves_images/"+bioItem[i]+".jpg";
		}
	var imageHover = new Object();	
	for (h=0; h<bioItem.length; h++) {
		imageHover[bioItem[h]] = new Image(133, 359);
		imageHover[bioItem[h]].src = "ves_images/"+bioItem[h]+"-over.jpg";
	
	}
}
	
//Swap image function that excludes the link when the body id matches: works in IE
function swapImage(imgID, type) {
	if (document.images) {
		if (type == "on") {
			document.getElementById(imgID).src = imageHover[imgID].src;
			return true;
		} else if (type == "off") {
			var bodyID = document.getElementsByTagName("body")[0].id; //Get the body ID 
			if ("bio_"+bodyID == imgID) {} else {
				document.getElementById(imgID).src = image[imgID].src;
			}
			return true;
			}
		}
		return false;
	} 

sfHover = function() {
	var sfEls = document.getElementById("nav").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);