$(document).ready(function() {
	
	ceckInitMainNav();
	//handleScrolling();
	
	$("#mainNavLinks a").unbind('click').click(function(){
		
		var thisID = $(this).attr("id");
		var $appleDiv = $("#navApple");
		var $feerglasDiv = $("#navFeerglas");
		var $appleVis = $appleDiv.css('display');
		var $feerglasVis = $feerglasDiv.css('display');		
		
		if(($appleVis=="none" && thisID=="navLinkApple") || ($feerglasVis=="none" && thisID=="navLinkFeerglas")){
			$appleDiv.slideUp('slow',function(){
				
				$feerglasDiv.slideUp('slow', function(){
					
					showElem(thisID);
						

				});
				
				
				
				
					
			});
		}

		
		
		return false;
	});
	
	handleNavHover();
	setHoverTopValue($(".subNavActive"));
});


function ceckInitMainNav(){
	
	//$(".mainNavActive").removeClass();
	
	
	if($("#navApple").find(".subNavActive").length>0){
		$("#navLinkApple").addClass("mainNavActive");
		$("#navApple").slideDown();
		$("#navFeerglas").slideUp();
	} else if($("#navFeerglas").find(".subNavActive").length>0){
		$("#navLinkFeerglas").addClass("mainNavActive");
		$("#navFeerglas").slideDown();
		$("#navApple").slideUp();
	}
	
}




function showElem(thisID){
	
	$(".mainNavActive").removeClass("mainNavActive");
	if(thisID=="navLinkFeerglas"){
		
		$("#navLinkFeerglas").addClass("mainNavActive");	
		$("#navFeerglas").slideDown();
	} else if(thisID=="navLinkApple"){
		$("#navLinkApple").addClass("mainNavActive");
		$("#navApple").slideDown();
	}
	
}



function handleNavHover(){
	var initWidth = $(".mainNavItems").width();
	$(".mainNavItems").find("ul>li").hover(function(){
		setHoverTopValue($(this));
		$(this).css({"padding-left":"10px"});
	}, function(){
		$(this).css({"padding-left":"0px"});
	});
	
	$("#navigation").hover(function(){
		
	}, function(){
		
	
		setHoverTopValue($(".subNavActive"));
		$(".mainNavItems").find("ul>li").css({"padding-left":"0px"});
	
	
	});

}



function setHoverTopValue(thisElem){

	var mainNavItems = $(".mainNavItems");
	var hoverWraper = $(".hoverWraper");
	var liItems = mainNavItems.find("ul>li");
	
	if($("#mainNavLinks").find(".mainNavActive").attr("id") == "navLinkFeerglas"){
		var liActiveItems = $("#navFeerglas").find("ul>li");
	} else if($("#mainNavLinks").find(".mainNavActive").attr("id") == "navLinkApple"){
		var liActiveItems = $("#navApple").find("ul>li");

	}
	
	var $this = $(thisElem);
	var hoverKey = 0;
	var topPosition = 0;
	
	
	
	//determine the key of the hovered element in the array
	$.each(mainNavItems,function(key0, value0){
		$.each($(value0).find("ul>li"), function(key,value){	
			if($(value).html() == $this.html()){
				hoverKey = key;
			}
		});
	});

	
	realTopVal = 0;
	
	for(var inc=0; inc<hoverKey;inc++){
		var thisHeightElem = $(liActiveItems[inc]);

		realTopVal += thisHeightElem.outerHeight(true);
	}
	
	
	topPosition = realTopVal+12;

	hoverWraper.height($this.height());
	
	hoverWraper.css({"top":topPosition+"px"});
	
}














/*
function handleScrolling(){
	$(window).bind('scrollstop', function(){

		var scrollTop = $(window).scrollTop();
		
		if(scrollTop>146){
			$("#asideContent").animate({top:scrollTop});
		} else {
			$("#asideContent").animate({top:146});
		}
	});
	
	$(window).bind('scrollstart', function(e){
		
			
			
			
		
		var scrollTop = $(window).scrollTop();
		$("#scrollNav").animate({bottom:0-scrollTop});
		if(scrollTop<10){
			$("#scrollNav").fadeOut();
		}
		$("#customFooter").animate({top:scrollTop});
		
	});	
}

*/