// construct main nav
function doMainNav() {
	// page nav options array
	var navOptions = new Array();
		navOptions[0] = 	{ name:"services", 	id:"btnServices", 	url:"/services/", 						target: "_self" };
		navOptions[1] = 	{ name:"news", 		id:"btnNews", 		url:"/news/", 							target: "_self" };
		navOptions[2] = 	{ name:"about", 	id:"btnAbout", 		url:"/about.php", 						target: "_self" };
		navOptions[3] = 	{ name:"contact", 	id:"btnContact", 	url:"/contact.php", 					target: "_self" };
		navOptions[4] = 	{ name:"shop", 		id:"btnShop", 		url:"http://www.belltowerstore.com", 	target: "_blank", 	name: "btWin", 	features: "status=1, menubar=1, scrollbars=1, resizable=1, status=1, width=1024, height=768" };
	
	var navOverPos = "0 -10px";
	
	// 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 "services":
			$("#"+navOptions[0]['id']).css({backgroundPosition: navOverPos});
			cPage = bClass;
		break;
		case "news":
			$("#"+navOptions[1]['id']).css({backgroundPosition: navOverPos});
			cPage = bClass;
		break;
		case "about":
			$("#"+navOptions[2]['id']).css({backgroundPosition: navOverPos});
			cPage = bClass;
		break;
		case "contact":
			$("#"+navOptions[3]['id']).css({backgroundPosition: navOverPos});
			cPage = bClass;
		break;
		case "shop":
			$("#"+navOptions[4]['id']).css({backgroundPosition: navOverPos});
			cPage = bClass;
		break;
	}
	
	// loop through navOptions assign event handlers
	$.each(navOptions, function(index, value) {
		if (cPage != navOptions[index]['name'] ) {
			
			$("#"+navOptions[index]['id']).live("click", function(evt) {
				evt.preventDefault();
				
				switch(navOptions[index]['target']) {
					case "_blank":
						openBrWindow(navOptions[index]['url'], navOptions[index]['name'], navOptions[index]['features']);
					break;
					default:
						document.location.href = navOptions[index]['url'];
				}
			});
			
			$("#"+navOptions[index]['id']).live("mouseover", function() {
				$(this).css("backgroundPosition", navOverPos);
			});
			
			$("#"+navOptions[index]['id']).live("mouseout", function() {
				$(this).css("backgroundPosition", "0 0");
			});
			
		} else {
			$("#"+navOptions[index]['id']).css("cursor", "default");
		}
	});
}