(function($) {
 
	$.fn.topMenu = function(settings) {
		var timeoutID; // Variavel do timeOut
		var duration = 1000; // Tempo de exibição
		
		// Função que inicia a contagem para esconder
		function delayHide(){
			timeoutID = window.setTimeout(hideMenu, duration);
		}
		// Função que limpa a contagem
		function clearDelay(){
			window.clearTimeout(timeoutID);
		}
		// Função que esconde o menu
		function hideMenu(){
			$("#menuContent").html("").css('display','none');
			$("#menu > a.active").removeClass('active');
		}
		// Ao passar o mouse sobre um dos links
		$(this).mouseover(function() {
			var offset = $(this).offset(); // Pega posicao do link
//			var left = offset.left - 220;  // Mozilla
			if($.browser.msie)
				left = offset.left - 220;
			else
				left = offset.left - 220;
			// Define a cor
			$("#menu > a.active").removeClass('active');
			$(this).addClass('active');
			// Limpa o timeout
			clearDelay();
			
			var bg;
			if( this.id == 'n1' ) bg = 'url(../images/fundo01.jpg);';
			if( this.id == 'n2' ) bg = 'url(../images/fundo02.jpg);';
			if( this.id == 'n3' ) bg = 'url(../images/fundo03.jpg);';
			if( this.id == 'n4' ) bg = 'url(../images/fundo04.jpg);';
			if( this.id == 'n5' ) bg = 'url(../images/fundo05.jpg);';
			
			// Cria a div de espaçamento da esquerda de acordo com o offset do link
			$("#menuContent").html("<div style=\"padding-left:" + left + "px;\" class=\"int\">" + menuTop[this.id] + "</div><div class=\"fade\" style=\"background:" + bg  + "\"></div>");
			// exibe a div do menu
			$("#menuContent").css('display','block');
			//$("#menuContent > div.int > a[title]").showTip();
			//$("#menuContent > * > * > * > * > * > a[title]").showTip();
		});
		// ao tirar o mouse de um dos links inicia a contagem para esconder o menu
		$(this).mouseout(function() {
			delayHide();
		});
		// se mantiver o mouse em cima da DIV atras dos links, limpa a contagem para esconder o menu
		$("#menuContent").mouseover(function() {
			clearDelay();
		});
		// ao tirar o mouse da DIV atras dos links
		$("#menuContent").mouseout(function() {
			 delayHide()
		});
   };
 
})(jQuery);

