/*
CSS Document
@author:    Mobe Design - http://mobedesign.com.br/
@Phone:     55 + 51 + 3332.7041
@developer: Estefanio Nunes dos Santos
@designer: Diogenes Machado

*/

$(document).ready(function(){

	$("ul.subnav").parent().append("<span></span>"); //Apenas mostra suspensa gatilho quando js está habilitado - Adiciona tag span vazia após ul.subnav

	$("ul.topnav li span").click(function() { //quando for clicado

		// Evento aplicado na subnav (movimento para cima e para baixo)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down sobra a subnav

		$(this).parent().hover(function() {
		}, function(){
			$(this).parent().find("ul.subnav").slideUp('slow'); //Quando o mouse passa fora do subnav, move-lo de volta para cima
		});

		//Eventos a seguir são aplicadas ao gatilho (eventos Passe para o gatilho)
		}).hover(function() {
			$(this).addClass("subhover"); // adicione "subhover" classe
		}, function(){	//Em Foco Out
			$(this).removeClass("subhover"); // remover "subhover" classe
	});
	
	$(window).resize(function()
	{
		$("#destaque_expansivel").css("left", ($(window).width() - $("#destaque_expansivel").width()) / 2);
	});
	
	$(window).resize();
});