// construct main nav
function doMainNav() {
	// page nav options array
	var navOptions = new Array();
		navOptions[0] = 	{ name:"home", 			id:"btnHome", 		url:"/index.php" };
		navOptions[1] = 	{ name:"gallery", 		id:"btnGallery", 	url:"/gallery.php" };
		navOptions[2] = 	{ name:"retailers", 	id:"btnRetailers", 	url:"/retailers.php" };
		navOptions[3] = 	{ name:"experience", 	id:"btnExperience", url:"/experience.php" };
		navOptions[4] = 	{ name:"campaign", 		id:"btnCampaign", 	url:"/campaign.php" };
		navOptions[5] = 	{ name:"contact", 		id:"btnContact", 	url:"/contact.php" };
	
	var navOverPos = "0 -11px";
	
	// get current page vars
	var sPath = window.location.pathname;
	var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
	var bClass = $("body").attr("class");

	//set current page nav state
	var cPage = "";
	
	switch(bClass) {
		case "home":
			$("#"+navOptions[0]['id']).css({backgroundPosition: navOverPos});
			doHomeBG();
			cPage = bClass;
		break;
		case "gallery":
			$("#"+navOptions[1]['id']).css({backgroundPosition: navOverPos});
			doGallery();
			cPage = bClass;
		break;
		case "retailers":
			$("#"+navOptions[2]['id']).css({backgroundPosition: navOverPos});
			doRetailers();
			cPage = bClass;
		break;
		case "experience":
			$("#"+navOptions[3]['id']).css({backgroundPosition: navOverPos});
			doExperience();
			cPage = bClass;
		break;
		case "campaign":
			$("#"+navOptions[4]['id']).css({backgroundPosition: navOverPos});
			doCampaign();
			cPage = bClass;
		break;
		case "contact":
			$("#"+navOptions[5]['id']).css({backgroundPosition: navOverPos});
			doContact();
			cPage = bClass;
		break;
	}
	
	// loop through navOptions assign event handlers/links
	$.each(navOptions, function(index, value) {
		if (cPage != navOptions[index]['name'] ) {
			
			$("#"+navOptions[index]['id']).live("click", function() {
				document.location.href = navOptions[index]['url'];
			});
			
			$("#"+navOptions[index]['id']).live("mouseover", function() {
				$(this).css("backgroundPosition", "0 0").stop().animate(
					{backgroundPosition: navOverPos}, 
					{duration: 125}
				);
			});
			
			$("#"+navOptions[index]['id']).live("mouseout", function() {
				$(this).css("backgroundPosition", navOverPos).stop().animate(
					{backgroundPosition: "0 0"}, 
					{duration: 125}
				);
			});
			
		} else {
			$("#"+navOptions[index]['id']).css("cursor", "default");
		}
	});
}