/* - - - - - - - - - - - - - - - - - - - - -
Nav hover

 ULs: ".mainNav_" + navName + " ul"
 LIs: "#mN_" + navName + " a" (changed to id to avoid conflict with ddown menus)
 
 
"Abou", "What", "News", "Reso", "Care", "Cont" {

*/
var navHeight = 30;
var navName = ["Abou", "What", "News", "Reso", "Care", "eCus", "Cont"];
var navUL;
var navLI;
var oldNav;

$(document).ready(function() {
	var oldNav = $("#navigation ul").attr("class");

	for (var i = 0; i<navName.length; i++){
		navLI = "#mN_" + navName[i] + " a";
		//console.log(navLI);
		var navCounter = i * navHeight;
		if (navCounter > 0) { navCounter = "-" + navCounter}
			var navPosition = "left " + navCounter + "px";
			$(navLI).hover(function() {
				var currHovered = $(this).parent().attr("id");
				//console.log($(this).parent().attr("id"));
				//console.log(currHovered);
				var switchTo = (currHovered.substr(3, 4));
		
				$("#navigation ul").removeClass(oldNav).addClass('mainNav_'+switchTo);
			}, function() {
				//$(this).parent().parent().removeClass().addClass(oldNav);
				$("#navigation ul").removeClass().addClass(oldNav);
			});
		}

 	$('#logotypeBox').fadeIn(2000, function() {
 		$('#logotypeGlint').fadeIn(2000, function() {
			$(this).fadeOut(4000)
		});
 		$('#logotypeGlow').fadeIn(2000);
 	});
});