// JavaScript Document
var g_navArray = new Array();
g_navArray[0]="illustration_nav";
g_navArray[1]="graphic_nav";
g_navArray[2]="apparel_nav";
g_navArray[3]="website_nav";

var g_navImagesArray = new Array();
g_navImagesArray[0]="illustration";
g_navImagesArray[1]="graphicdesign";
g_navImagesArray[2]="appareldesign";
g_navImagesArray[3]="websitedesign";

var root = "http://www.wesleyeggebrecht.com/";

function postMainLoad(){
	setActive();
	setImagePaths();
	
	//Nav images preloaded
	nav1 = new Image(178,27); 
	nav1.src = root + "http://www.wesleyeggebrecht.com/elements/m_images/nav/illustration_2.gif";
	
	//Nav images preloaded
	nav2 = new Image(178,27); 
	nav2.src = root + "http://www.wesleyeggebrecht.com/elements/m_images/nav/graphicdesign_2.gif";
	
	//Nav images preloaded
	nav3 = new Image(178,27); 
	nav3.src = root + "http://www.wesleyeggebrecht.com/elements/m_images/nav/appareldesign_2.gif";
	
	//Nav images preloaded
	nav4 = new Image(178,27); 
	nav4.src = root + "http://www.wesleyeggebrecht.com/elements/m_images/nav/websitedesign_2.gif";	
}

/**
* Function used to set the class name of the active navigation button.  Checks the hidden page_name element
* on each page to determine this
*
**/
function setActive(){
	var page = document.getElementById("hidden_name").innerHTML;
	
	switch (page) {
	
		case "illustration" : 
			document.getElementById("illustration_nav").className = "active_nav";
			break;
		case "graphic" : 
			document.getElementById("graphic_nav").className = "active_nav";
			break;
		case "apparel" : 
			document.getElementById("apparel_nav").className = "active_nav";
			break;
		case "website" : 
			document.getElementById("website_nav").className = "active_nav";
			break;				
	}
}

function setImagePaths(){
	var shade = 1;
	for (var i = 0; i < g_navArray.length; i++){
		shade = 1;
		elem = document.getElementById(g_navArray[i]);
		if (elem.className == "active_nav")
			shade = 2;
		elem.src = root + "elements/m_images/nav/" + g_navImagesArray[i] + "_" + shade + ".gif";
	}
}


function swapNavImage(elem){
	for (var i = 0; i < g_navArray.length; i++){
		if (elem.id == g_navArray[i] && elem.className != "active_nav"){
			elem.src = root + "elements/m_images/nav/" + g_navImagesArray[i] + "_2.gif";
			break;
		}
	}
}

function swapBackImage(elem){
	for (var i = 0; i < g_navArray.length; i++){
		if (elem.id == g_navArray[i] && elem.className != "active_nav"){
			elem.src = root + "elements/m_images/nav/" + g_navImagesArray[i] + "_1.gif";
			break;
		}
	}
}
