$.fn.hoverClass = function(c) {
   return this.each(function(){
      $(this).hover( 
         function() { $(this).slideDown('medium'); },
         function() { $(this).slideUp('medium');  }
      );
   });
};

$(document).ready(function(){
	
	/**
	 * Menu Dropdowns for Navigation
	 
	 effects: 
	 slideDown, slideUp
	 fadeIn, fadeOut
	 
	  
	 */
	if (document.all) {
		
		$("ul#mainNav > li > ul").slideUp("slow");
		$("ul#mainNav li").hover(
			function(){ $(this).find("ul:first").slideDown("medium"); }, 
			function(){ $(this).find("ul:first").slideUp("medium"); } 
		);
	} else {
		$("ul#mainNav li").hover(
			function(){ $(this).find("ul:first").slideDown("medium"); }, 
			function(){ $(this).find("ul:first").slideUp("medium"); } 
		);
	}
	
	$("ul#mainNav li > ul").slideUp('medium');
	
});