// JavaScript Document

// Funções
function fecharMensagemContato(){
  $(".msg-email").fadeOut(1000);
}

function inicializacao(){
	$("#principal").show();
  $(".menu li span").css({display:"block", opacity: 0});
  window.setTimeout("fecharMensagemContato()", 5000);
}

function tooltipMenuOver(indiceMenu){
  var indiceMenu = "#" + indiceMenu + " span";
  $(indiceMenu).animate({
    top: "-20px",
    opacity: 1
  }, 400);
}

function tooltipMenuOut(){
	$(".menu li span").animate({
    top: "0px",
    opacity: 0
  }, 400);
}

function limparCampoForm(campoAtualForm){
  var campoAtualForm = campoAtualForm;
  $("#" + campoAtualForm).val("");
}

function verificarConteudoForm(campoAtualForm){
  var campoAtualForm = campoAtualForm;
  var valorAtualForm = $("#" + campoAtualForm).val();
  if($("#" + campoAtualForm).val() == ""){
    $("#" + campoAtualForm).val("Preencha o campo...");
  }
}

function cliqueMenu(ativoMenu){
  $(".page").hide();
  var ativoMenuItem = "#" + ativoMenu;
  var ativoPage = ativoMenu.split("-");
  ativoPage = "#" + ativoPage[1];
  $(ativoPage).fadeIn(1000);
  ativoMenuItem = $(ativoMenuItem).css("left");
  $(".hover").animate({
    left: ativoMenuItem
  }, 1000);
}

function mensagemOpenConstrucao(){
  $(".corpo-construcao").animate({
    width: "850px",
    textIndent: "0px"
  }, 200);
  $(".ponta-construcao").animate({
    textIndent: "-9999px",
    width: "35px"
  }, 200);
  setTimeout(mensagemCloseConstrucao, 12000);
}

function mensagemCloseConstrucao(){
  $(".corpo-construcao").animate({
    width: "0px",
    textIndent: "-9999px"
  }, 200);
    $(".ponta-construcao").animate({
    textIndent: "7px",
    width: "135px"
  }, 200);
}

function cartaoNatalOpen(){
	$(".cartao-natal").show().css({
		height: "1px",
		top: "-660px"
	}).animate({
		height: "660px",
		top: "0px"
	},1000);
	setTimeout(cartaoNatalClose, 20000);
}

function cartaoNatalClose(){
	$(".cartao-natal").fadeOut();
}

// Main
$(document).ready(function(){

	// PNGFIX
	//$(document).pngFix(); 

	// Estado inicial
	inicializacao();

	// Chamar tooltip nos menus
	$(".menu li").mouseover(function(){ tooltipMenuOver($(this).attr("id")); });
	$(".menu li").mouseout(function(){ tooltipMenuOut(); });

	// Clique de menu
	$(".menu li").click(function(){ cliqueMenu($(this).attr("id")); });

	// Clique campo de formulário
	$("p input").focus(function(){ limparCampoForm($(this).attr("id")); });
	$("p input").blur(function(){ verificarConteudoForm($(this).attr("id")); });

	// Site em construção
	$(".ponta-construcao").mouseover(function(){ mensagemOpenConstrucao(); });
	$(".corpo-construcao").mouseout(function(){ mensagemCloseConstrucao(); });
	
	// Cartao de Natal
	$(".btn-cartao-natal").mouseover(function(){ cartaoNatalOpen(); });
	$(".cartao-natal").mouseout(function(){ cartaoNatalClose(); });
  
});