$(document).ready(function(){  

 $("ul.subnav").parent().append("<p class='title'><span>Menu Principal <img src='http://img.catho.com.br/site/topbottom/imgMenuSeta.gif'></span></p>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)  

 $("ul.topnav li .title").hover(function() { //When trigger is clicked...  

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

	 $(this).parent().hover(function() {  
	 }, function(){  
		 $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up  
	 });  

	 //Following events are applied to the trigger (Hover events for the trigger)  
	 }).hover(function() {  
		 $(this).addClass("subhover"); //On hover over, add class "subhover"  
	 }, function(){  //On Hover Out  
		 $(this).removeClass("subhover"); //On hover out, remove class "subhover"  
 });  

});