var activeSub;
var currentNav;
var currentSubLink;


function navOver() {
	var n = $(this).attr("id");

	$("#"+n).addClass("navTextOver");
	$("#bar_"+n).addClass("navBarOver");
}

function navOut() {
	var n = $(this).attr("id");

	if(n != currentNav) {
		
		$("#"+n).removeClass("navTextOver");
		$("#bar_"+n).removeClass("navBarOver");
	}
}

function barOver() {
	var n = $(this).attr("id").substring(4);

	$("#"+n).addClass("navTextOver");
	$("#bar_"+n).addClass("navBarOver");
}

function barOut() {
	var n = $(this).attr("id").substring(4);

	if(n != currentNav) {
		
		$("#"+n).removeClass("navTextOver");
		$("#bar_"+n).removeClass("navBarOver");
	}
}

function subOver() {
	$(this).addClass("subNavTextOver");
}

function subOut() {
	var n = $(this).attr("id").substr($(this).attr("id").length-1,1);
	if(n != currentSubLink) {
		$(this).removeClass("subNavTextOver");
	}
}



function showSub(id) {

	if(id == "") {
		activeSub.fadeOut("slow");
	} else {
		
		// if it's not the first time, fade out the old one
		if(activeSub != undefined) {
			
			activeSub.hide();
			activeSub = $("#sub_"+id);
			activeSub.fadeIn("slow");
/*			
			activeSub.fadeOut("slow", 
				function() {
					activeSub = $("#sub_"+id);
					activeSub.fadeIn("slow");
				}
			);
*/
		} else {
			activeSub = $("#sub_"+id);
			activeSub.fadeIn("slow");
		}
	}		
}



function stickNav(id) {
	if(id != currentNav) {
		// unstick the last nav
		$("#"+currentNav).removeClass("navTextOver");
		$("#bar_"+currentNav).removeClass("navBarOver");	
	
		// stick the new one
		$("#"+id).addClass("navTextOver");
		$("#bar_"+id).addClass("navBarOver");
		
	
		// show the sub navigation
		showSub(id);
	
		// set the current nav to the new one
		currentNav = id;
	}
}

function loadNav(id, sub) {

	// stick the new one
	$("#"+id).addClass("navTextOver");
	$("#bar_"+id).addClass("navBarOver");
	
	
	// stick a sub link if it's included
	if(sub != "") {
		$("#sub_"+id+"_"+sub).addClass("subNavTextOver");
		activeSub = $("#sub_"+id);
		activeSub.css("display", "block");
		//showSub(id);
	}

	// set the current nav to the new one
	currentNav = id;
	currentSubLink = sub;
}


$(document).ready(function() {
	
	// assign navigation functionality
	$("a.navText").hover(navOver, navOut);
	$("div.navBar").hover(barOver, barOut);
	$("a.subNavText").hover(subOver, subOut);
	
	
});