// JavaScript Document
$(document).ready(function(){  
    $("#main-nav li a.main-link").hover(function(){  
        $("#main-nav li a.main-link").removeClass("active");  
        $(this).addClass("active");  
		var subnav = $("#sub-link-bar");
		subnav.css('background-color', $(this).siblings(".sub-links").css("background-color")); //change the bg color to the current menu
		subnav.stop(); //stop previously queued slides
		if(subnav.css('display')=='none') { //if opening trigger run slideDown
			subnav.html("<ul>"+$(this).siblings(".sub-links").html()+"</ul>"); //insert subnav
			subnav.slideDown();
		}else{ //otherwise check for changes in height between menus and animate
			var currH = subnav.height();
			subnav.html("<ul>"+$(this).siblings(".sub-links").html()+"</ul>"); //insert subnav
			subnav.height('auto');
			var nextH = subnav.height();
			if(currH != nextH){
				subnav.height(currH);
				subnav.animate({
					height: nextH
				});
			}
		}
		$("#header").hover(function(){
			//do nothing, we'll handle the slide down in the individual menus
		},
		function(){
			$("#main-nav li a.main-link").removeClass("active"); 
			$("#sub-link-bar").slideUp(function(){
				//reset the height just in case it is locked short
				subnav.css('height', 'auto'); 
			});
		});
    });  
});