// JS Global de index
$(document).ready(function() {
	
	 $(document).pngFix();
	
	var config = {
		 sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)
		 interval: 100, // number = milliseconds for onMouseOver polling interval
		 over: menuTopHover, // function = onMouseOver callback (REQUIRED)
		 timeout: 100, // number = milliseconds delay before onMouseOut
		 out: menuTopOut // function = onMouseOut callback (REQUIRED)
	};
	
	$('ul#topnav li .subnav').css({'opacity':'1'});
	$('ul#topnav li').hoverIntent(config);
});
 
function menuTopHover()
{
//	$(this).animate({"height":75},200);
		$(this).find('.nav').animate({
				backgroundPosition: '0px -35px'
		}, 300);
		
		$(this).find('.nav').stop().animate({
			backgroundPosition:'0 -35px'
		},100);
		
		$(this).find('.subnav').stop().fadeTo('fast', .9).show();
		
		//Calculate width of all ul's
		(function($) {
			jQuery.fn.calcSubWidth = function() {
				rowWidth = 0;
				//Calculate row
				$(this).find("ul").each(function() {
					rowWidth += $(this).width();
				});
			};
		})(jQuery);
		
		if ( $(this).find('.row').length > 0 ) { //If row exists...
			var biggestRow = 0;
			//Calculate each row
			$(this).find('.row').each(function() {
				$(this).calcSubWidth();
				//Find biggest row
				if(rowWidth > biggestRow) {
					biggestRow = rowWidth;
				}
			});
			//Set width
			$(this).find('.subnav').css({'width' :biggestRow});
			$(this).find('.row:last').css({'margin':0});
			
		} else { //If row does not exist...
			$(this).calcSubWidth();
			//Set Width
			$(this).find('.subnav').css({'width' : rowWidth});
		}
}

function menuTopOut()
{
	$(this).find('.nav').animate({ backgroundPosition:'0 0'}, 100);
	$(this).find('.subnav').stop().fadeTo('fast', 0, function() { $(this).hide(); });
}

