$(function() {
	
		var $el, leftpos,w,
		$mainnav = $(".nav ul");     
		$mainnav.append("<li id='menubg'><div class='nav-on'><s></s></div></li>");    
		var $magicline = $("#menubg");
		//alert( $(".nav li a.current").parent().parent().position().left)
		if($mainnav.find("a.current").length>0){
			$magicline
				.css("left", $(".nav li a.current").parent().parent().position().left)
				.css("width", $(".nav li a.current").parent().parent().width())
				.data("origleft", $magicline.position().left); 
		}else{
			$mainnav.find("li#menubg").css("left",-500);
		
		}
		$(".nav li").each(
							function(){
								 $(this).hoverdelay({
														hoverevent:function(){
															$(".nav li a.current").css("color","#fff");
															$(this).find("span a").addclass("hover");
															$el = $(this);
															leftpos = $el.position().left;
															w=$el.width();
															$magicline.stop().animate({"left":leftpos,"width":w},800,"easeoutquint");
															$(this).find(".menu-bg").animate({"top":45},400,"easeoutquint");
														},
														outevent: function(){
															$(this).find("span a").removeclass("hover");
															$(".nav li a.current").css("color","#2a6bab");
															$magicline.stop().animate({"left": $magicline.data("origleft"),"width":$(".nav li a.current").parent().width()},800,"easeoutquint");
															$(this).find(".menu-bg").animate({"top":0},200,"easeoutquint");
														}
													});
							}
						);		
		
		
		$(".nav .menu").each(function(){ 
			$(this).show();
			var subwidth=0;
			$(this).find("dd").each(function(){
				subwidth=subwidth+$(this).find("a").width()+30;
				
			})
			subwidth=subwidth+60;
			$(this).css("width",subwidth+"px")	;
			$(this).find(".menu-mask").css("width",subwidth+"px");		
			$(this).find(".menu-bg").css("width",subwidth+"px");		
		}); 
	
	$(".sel").each(
					function(){
						 $(this).hoverdelay({
												hoverevent:function(){
													$(this).find("ul").show();													
												},
												outevent: function(){
													$(this).find("ul").hide();
												}
											});
					}
				);
	
});