$(document).ready(function(){

	

	$("ul.nav li a").hover(function() { //On hover

		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).removeClass("nav_item"); 
		$(this).addClass("nav_item_js_over"); 
		
		$(this).parent().find("ul").fadeIn('fast').show(); //Drop down the subnav on click


		$(this).parent().hover(function() {
		}, function(){
			
			$(this).parent().find("a.nav_item_js_over").removeClass("nav_item_js_over").addClass("nav_item"); 
			
			$(this).parent().find("ul").fadeOut('fast'); //When the mouse hovers out of the subnav, move it back up
		});

		   
     
             
    });

});