	var $j = jQuery.noConflict();
	
	$j(document).ready(function() { 

	//When page loads... get some javascript for dis damn dom
	
	//Append a div with hover class to all the LI for main nav
	    $j('.menu li').append('<div class="hover"><\/div>');
	 
	    $j('.menu li').hover(
	         
	        //Mouseover, fadeIn the hidden hover class 
	        function() {
	             
	            $j(this).children('div').stop(true, true).fadeIn('1000');   
	         
	        },
	     
	        //Mouseout, fadeOut the hover class
	        function() {
	         
	            $j(this).children('div').stop(true, true).fadeOut('1000');  
	         
	    }).click (function () {
	     
	        //Do nothing, lazy!
	         
	    });
	    
	//Wrap the cat_nav objects for vertical placement
	
		$j('.cat_nav li').wrapInner("<div class='outerContainer'><div class='innerContainer'><div class='element'></div></div></div>");

	});

