$j = jQuery.noConflict();
	
	$j(document).ready(function(){
	/* BACKGORUND POSITION */
	$j('#mainmenu a.principal')
		.css( {backgroundPosition: "-15px 45px"} )
		.mouseover(function(){
			$j(this).stop().animate({backgroundPosition:"(-15px 300px)"}, {duration:500})
		})
		.mouseout(function(){
			$j(this).stop().animate({backgroundPosition:"(-15px 45px)"}, {duration:500})
	});
	
	/* MEGA DROPDOWN */
	function megaHoverOver(){
    $j(this).find(".sub").stop().fadeTo('fast', 1).show(); //Find sub and fade it in
    (function($j) {
        //Function to calculate total width of all ul's
        jQuery.fn.calcSubWidth = function() {
            rowWidth = 0;
            //Calculate row
            $j(this).find("ul").each(function() { //for each ul...
                rowWidth += $j(this).width(); //Add each ul's width together
            });
        };
    })(jQuery); 

    if ( $j(this).find(".row").length > 0 ) { //If row exists...

        var biggestRow = 0;	

        $j(this).find(".row").each(function() {	//for each row...
            $j(this).calcSubWidth(); //Call function to calculate width of all ul's
            //Find biggest row
            if(rowWidth > biggestRow) {
                biggestRow = rowWidth;
            }
        });

        $j(this).find(".sub").css({'width' :biggestRow}); //Set width
        $j(this).find(".row:last").css({'margin':'0'});  //Kill last row's margin

    } else { //If row does not exist...

        $j(this).calcSubWidth();  //Call function to calculate width of all ul's
        $j(this).find(".sub").css({'width' : rowWidth}); //Set Width

    }
}
//On Hover Out
function megaHoverOut(){
  $j(this).find(".sub").stop().fadeTo('fast', 0, function() { //Fade to 0 opactiy
      $j(this).hide();  //after fading, hide it
  });
}


//Set custom configurations
var config = {
     sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
     interval: 100, // number = milliseconds for onMouseOver polling interval
     over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
     timeout: 200, // number = milliseconds delay before onMouseOut
     out: megaHoverOut // function = onMouseOut callback (REQUIRED)
};

$j("ul#mainmenu li .sub").css({'opacity':'0'}); //Fade sub nav to 0 opacity on default
$j("ul#mainmenu li").hoverIntent(config); //Trigger Hover intent with custom configurations


});