$(document).ready(function() {
		
		var timerID;
		
		$("span#underline").show();
		
		// main navigation  sliding underline
		$("div#head ul li a").mouseover(function(e)	{
		
			clearTimeout(timerID);
			$("span#underline").stop(clearQueue=true);
			
			var leftValue = $(this).parent("li").css("left").replace("px","");
			var navWidth = $(this).parent("li").css("width").replace("px","");
			var underLineWidth = $("span#underline").css("width").replace("px","");
			
			if(navWidth > underLineWidth)	{
				leftValue = eval(leftValue) + (navWidth / 2);
				leftValue = leftValue - (underLineWidth / 2)
				leftValue = leftValue;
			}
			if (navWidth < underLineWidth)	{
				leftValue = leftValue - ((underLineWidth - navWidth)/2);
			}
			
			$("span#underline").animate( { left:leftValue+"px" }, 250, "swing");
			
			
		});
		
		$("div#head ul").mouseleave(function()	{
			
			timerID = setTimeout(resetUnderline,800);
		});
		
		function resetUnderline()	{
		
			$("span#underline").stop(clearQueue=true);
			
			var bodyClass = $("body").attr("class");
			resetPos = $("div#head ul li."+bodyClass).css("left").replace("px","");
			
			$("span#underline").animate( { left:resetPos+"px" }, 250, "swing");
		}
				
})