jQuery(function($){
	
	//mostra submenu
	function mostraSubMenu(no){
		if( typeof(no) == 'object'  ){
    		no.find('ul').show();
		}
		if( typeof(no) == 'string') {
			$(no).find('ul').show();
		}
	}
	
	//pega o id da página e coloca em uma variavel.
	function pegaIdPagina(){
		return id_pagina = $('body').attr('id');
	}
	
	//menu
	$('.menu_londrina, .menu_eventos, .menu_turismo, .menu_servicos, .menu_institucional, .menu_imprensa')
		.hover(function(){
		  //faz cache do objeto
		  var $this = $(this);
		  //esconde qualquer menu que esteja na tela.
		  $('#menu li ul').hide();
		
		  switch($this.attr('class')){
			  case 'menu_londrina': {
				  $('#menu').css('background', 'url(images/bg_menu.jpg) no-repeat');
				  mostraSubMenu($this);
				  break;
			  }
			  case 'menu_eventos':{
				  $('#menu').css('background', 'url(images/bg_menu.jpg) no-repeat 0 -80px');
				  mostraSubMenu($this);
				  break;
			  }
			  case 'menu_turismo':{
				  $('#menu').css('background', 'url(images/bg_menu.jpg) no-repeat 0 -160px');
				  mostraSubMenu($this);
				  break;
			  }
			  case 'menu_servicos':{
				  $('#menu').css('background', 'url(images/bg_menu.jpg) no-repeat 0 -240px');
				  mostraSubMenu($this);
				  break;
			  }
			  case 'menu_institucional':{
				  $('#menu').css('background', 'url(images/bg_menu.jpg) no-repeat 0 -320px');
				  mostraSubMenu($this);
			  break;
			  }
			  case 'menu_imprensa':{
				  $('#menu').css('background', 'url(images/bg_menu.jpg) no-repeat 0 -400px');
				  mostraSubMenu($this);
			  break;
			  }
		  }  //fim do switch
	  
	  }, function(){
		
			var id_pagina = pegaIdPagina();
			//monta classe com o valor do atributo ID da página
			var id = id_pagina.replace(id_pagina, ".menu_"+id_pagina);

			var posicoes = []; //vetor com as posições do background
			posicoes['inicial'] = "0 0";
			posicoes['eventos'] = "0 -80px";
			posicoes['turismo'] = "0 -160px";
			posicoes['servicos'] = "0 -240px";
			posicoes['institucional'] = "0 -320px";
			posicoes['imprensa'] = "0 -400px";
			
			$('#menu').css('background', 'url(images/bg_menu.jpg) no-repeat '+posicoes[id_pagina]);
			
			if(id_pagina == 'inicial') { id = '.menu_londrina'; }
			
			mostraSubMenu(id);
     }); //fim do hover sobre o menu
	
	//quando um item do submenu for clicado, busca a classe desse submenu
	//e adiciona um atributo ID ao body do HTML chamado. Dessa forma a página buscada
	//terá o mesmo id da seção, assim mantendo o menu.
	$('.menu_londrina, .menu_eventos, .menu_turismo, .menu_servicos, .menu_institucional, .menu_imprensa')
		.click(function(){
			$(this).parent().find('li').attr('');
		}); // fim da evento clique no submenu
}); // fim do main