defaultSubNav = "hNav0";
defaultNav = "0";
$(document).ready(function(){
	if (document.images)
	{
	  navPics = new Array();
	  navPics[0] = addNavImage("/library/media/gui/nav/bg_on.jpg");
	  navPics[1] = addNavImage("/library/media/gui/nav/left_on.jpg");
	  navPics[2] = addNavImage("/library/media/gui/nav/right_on.jpg");
	  navPics[3] = addNavImage("/library/media/gui/nav/bg.jpg");
	  navPics[4] = addNavImage("/library/media/gui/nav/bg_on.jpg");
	  navPics[5] = addNavImage("/library/media/gui/nav/sep.jpg");
	  navPics[6] = addNavImage("/library/media/gui/nav/sepLeft.jpg");
	  navPics[7] = addNavImage("/library/media/gui/nav/sepRight.jpg");
	
	}
	defaultSubNav = $(".hNavHover").attr("id");
	if($(".navItmHover").attr("id")){
		defaultNav = $(".navItmHover").attr("id").replace("navItm","");
	}
	$("#navCont").hover(
		function(){},
		function(){
			swapNav(defaultNav,true);
		}
	);
});

function addNavImage(url){
	var retVal = new Image();
	retVal.src = url;
	return retVal;
}

function swapNav(indx, isHover){
	resetNav();
	if(isHover){
		l = "navSepHoverR";
		r = "navSepHoverL";
		i = "navItmHover";
		if(parseInt(indx) == 0){
			l = "navSepLeftHover";
		}
		if(parseInt(indx) == 5){
			r = "navSepRightHover";	
		}
		$("#navSep" + (parseInt(indx)+1)).addClass(r);
		$("#navSep" + parseInt(indx)).addClass(l);
		$("#navItm" + parseInt(indx)).addClass(i);
		if(indx==0 || indx==1){
			showSubNav("hNav" + indx);	
		}

	}
}
function resetNav(){
	$(".navSepLeftHover").removeClass("navSepLeftHover");
	$(".navSepRightHover").removeClass("navSepRightHover");
	$(".navSepHoverL").removeClass("navSepHoverL");
	$(".navSepHoverR").removeClass("navSepHoverR");
	$(".navItmHover").removeClass("navItmHover");
}


function showSubNav(id){
	resetSubNav();
	$("#" + id).addClass("hNavHover");
}
function showDefaultSubNav(){
	resetSubNav();
	$("#" + defaultSubNav).addClass("hNavHover");
}
function resetSubNav(){
	$(".hNavHover").removeClass("hNavHover");	
}