// JavaScript Document



//************** USEFUL VARS ********************	
var pathToImages = "images/nav/";
var imageFileExt = ".gif";
	
	
	

//************** NAV MENU DATA (entire site) ********************	
//alter these arrays to change your nav menus
//image name, alt text, page to link to, width/height string
var fullNavDataArray = new Array;


//create main nav array
var mainNavArray = [["nav_home","home","home.html"],
					["nav_services","services","services.html"],
					["nav_adspace","adspace","adspace.html"],
					["nav_applications","applications","applications.html"],
					["nav_our_work","our work","our_work.html"],
					["nav_about","about us","about.html"],
					["nav_options","green options","options.html"],
					["nav_press","press","http://www.adpack-usa.com/Adpack/index.cfm"],
					["nav_contact","contact","contact.html"]
					];

//add it to full nav data array
fullNavDataArray[fullNavDataArray.length] = mainNavArray;

//create sub nav array
var subNavArray = [["nav_applications_header","Applications",""],
					["nav_direct_mail","direct mail campaigns","direct_mail_campaigns.html"],
					["nav_case_header","case studies",""],
					["nav_case1","case study 1","case_studies1.html"],
					["nav_case2","case study 2","case_studies2.html"],
					["nav_case3","case study 3","case_studies3.html"],
					["nav_contest","contest 2008","contest_2008.html"]
					];
//add it to full nav data array
fullNavDataArray[fullNavDataArray.length] = subNavArray;






//************** IMAGE PRELOAD DATA/ROUTINES ***************
//use the above arrays to extract the rollover images used, and prepare them to be passed to Dreamweavers MM_preloadImages routine
var preloadImagesList = "MM_preloadImages(";
for(var i=0;i<fullNavDataArray.length;i++) {
	for(var k=0;k<fullNavDataArray[i].length;k++) {
		var tmpString = "'images/nav/" + fullNavDataArray[i][k][0] + "_over" + imageFileExt;
		tmpString = (i==fullNavDataArray.length-1 && k==fullNavDataArray[i].length-1) ? tmpString+"');" : tmpString+"',";
		preloadImagesList += tmpString;
	}
}
//eval of preloadImagesList onload calls MM_preloadImages and passes it refs to all used rollover images so they can be preloaded
window.onload=function(){
		eval(preloadImagesList);
}






//************** NavMenu CLASS ***************
//Instances of this class are created in their appropriate divs in the html
//specify which nav array to use, within that array which index are you currently on/highlighting, specify any index you want to force to its over state
NavMenu = function(arrayToUse,currentIndex,forceSwapIndex) {
	this.navDataArray = fullNavDataArray[arrayToUse];
	this.forceSwapIndex = forceSwapIndex;
	this.currentIndex = currentIndex;
	this.buildNav();
}



//buildNav ------------------------------------------------
NavMenu.prototype.buildNav = function() {
	var fullString = "";
	for(var i=0;i<this.navDataArray.length;i++) {
		
		//store the optional width and height parameters
		var wString = (this.getWidth(i) == "") ? "" : ' width="' + this.getWidth(i) + '" ';
		var hString = (this.getHeight(i) == "") ? "" : ' height="' + this.getHeight(i) + '" ';
		var endString = ">";
						
		//if there is no url specified, just insert the img tag without worrying about links or rollovers
		if(!this.navDataArray[i][2] || this.navDataArray[i][2] == "") {
			fullString += ' <img src="' + this.getImage(i) + '" alt="' + this.getAltText(i) + '" title="' + this.getAltText(i) + '" name="' + this.getName(i) +'" border=0' + wString + hString + '>';
			
		} else {
		//if a url is specified, treat it as a link with a rollover image
			var currentUrl = this.getUrl(i);
			var currentImage = (i != this.currentIndex) ? this.getImage(i) : this.getOverImage(i);
			var currentOverImage = this.getOverImage(i);
			var currentAltText = this.getAltText(i);
			var currentName = this.getName(i);
			var currentSwapImageParams = "'" + currentName + "','','" + currentOverImage + "',1";
			var currentSwapString = ' onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(' + currentSwapImageParams + ')"'; 
			fullString += '<a href="' + currentUrl + '"' + currentSwapString + '><img src="' + currentImage + '" alt="' + currentAltText + '" title="' + currentAltText + '" name="' + currentName +'" border=0' +  wString + hString + '></a>';
		}
		//write the html
		//document.write(fullString);		
	}
	//write the html
	document.write(fullString);	
}



//getName ------------------------------------------------
NavMenu.prototype.forceSwap = function(navIndex) {
	return(this.navDataArray[navIndex][0]);
}



//getUrl ------------------------------------------------
NavMenu.prototype.getUrl = function(navIndex) {
	return(this.navDataArray[navIndex][2]);
}


//getImage ------------------------------------------------
NavMenu.prototype.getImage = function(navIndex) {
	//if there is a forceSwapIndex, return the over image, else return normal image
	if(navIndex == this.forceSwapIndex) {
		return(this.getOverImage(navIndex));	
	} else {
		return(pathToImages + this.navDataArray[navIndex][0] + imageFileExt);
	}
}



//getOverImage ------------------------------------------------
NavMenu.prototype.getOverImage = function(navIndex) {
	return(pathToImages + this.navDataArray[navIndex][0] + "_over" + imageFileExt);
}



//getAltText ------------------------------------------------
NavMenu.prototype.getAltText = function(navIndex) {
	return(this.navDataArray[navIndex][1]);
}



//getName ------------------------------------------------
NavMenu.prototype.getName = function(navIndex) {
	return(this.navDataArray[navIndex][0]);
}



//getWidth ------------------------------------------------
NavMenu.prototype.getWidth = function(navIndex) {
	if(this.navDataArray[navIndex][3]) {
		return(this.navDataArray[navIndex][3].split(",")[0]);
	} else {
		return("");	
	}
}


//getHeight ------------------------------------------------
NavMenu.prototype.getHeight = function(navIndex) {
	if(this.navDataArray[navIndex][3]) {
		return(this.navDataArray[navIndex][3].split(",")[1]);
	} else {
		return("");	
	}
}



//<a href="http://www.adpackusa.com/home.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/nav/nav_home_over.png',1)"><img src="images/nav/nav_home.png" alt="home" name="home"></a>
//<a href="http://www.adpackusa.com/home.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/nav/nav_home_over.png',1)"><img src="images/nav/nav_home.png" alt="home" name="home"></a>