$(document).ready(function(){
	$(".nav").addClass("jquery"); 
	$(".nav ul.subnav").hide();
	$("ul.subnav li:first-child").addClass("first");
	
 	$(".nav li.levelOne").hover(		
			function() { 
					$(this).css('width', $(this).width() + "px");
			 		$(this).children("a").css('width', (($(this).children("a").width())) + "px"); 
			 		
					$(this).children("ul").css('width', ($(this).width()+30) + "px");
					
					
					
					
 					var y = $(this).offset().top +$(this).height() -3;
					var x = $(this).offset().left -1;
					
					$(this).children("ul").css('display', 'inline-block'); 
					$(this).children("ul").css('position', 'absolute'); 
					$(this).children("ul").css('top', y + "px"); 
					$(this).children("ul").css('left', x + "px"); 
					
					$(this).addClass('hov');
					
					if ($(this).children("ul").size() > 0){
		
 
						
						$(".last span.cover").css("width", $(this).width()-3);
						$(".first span.cover").css("width", $(this).width()-5);
						$(".first span.cover").css('left', (x+3) + "px");
						
						
						
						$(this).children("ul").addClass('display');
					}
				},	
			function() { 
					
 					$(this).children("ul").css('display', 'none'); 
					$(this).removeClass('hov');
 					
					
					});
	
	 $(".nav ul.subnav li").hover(		
			function() { 
			 
 					 
 					$(this).children("ul").css('display', 'inline-block'); 
				 	var x = $(this).width();
					$(this).children("ul").css('left', x + "px");
					$(this).children("ul").css('width', $(this).width() + "px"); 
					$(this).addClass('hov');
					
					if ($(this).children("ul").size() > 0){
		
 						
						$(".last span.cover").css("width", $(this).width()-3);
						$(".first span.cover").css("width", $(this).width()-5);
						$(".first span.cover").css('left', (x+3) + "px");
						
						
						
						$(this).children("ul").addClass('display');
					}
				},	
			function() { 
					
 					$(this).children("ul").css('display', 'none'); 
					$(this).removeClass('hov');
 					
					
					});
	 		 
  });