$(document).ready(function(){
    // login overlay
    if($("LI.entrar").length>0){
        if($(".loginOverlay").length<=0) criarLogin();
        $("LI.entrar A").click(function(){
            if($(".loginOverlay").css("display")=="none"){
                $("LI.entrar A").css("background-position","92px -26px");
                $(".loginOverlay").slideDown();
            }else{
                $("LI.entrar A").css("background-position","92px 0px");
                $(".loginOverlay").slideUp();
            }
            return false;
        });
    }
    // busca
    $("#busca-input").click(function(){
        if($("#busca-input").val()=="Buscar") $("#busca-input").val("");
    });
    $("#busca-input").blur(function(){
        if($("#busca-input").val()=="") $("#busca-input").val("Buscar");
    });
    // fim busca
    // pagina inicial
    if($(".inicial").length>0){
        $('#carousel').jcarousel();
        $('#carouselPessoas').jcarousel();
       
        $(".produtos #carousel").height(118);
        $(".produtos #carousel LI").height(100);
        $(".produtos #carousel LI").hover(
		function() {
		    $(this).children('img').slideUp(300);
		},
		function() {
		    $(this).children('img').slideDown(300);
		}
	)
        
        $(".pessoas #carouselPessoas").height(118);
        $(".pessoas #carouselPessoas LI").height(100);
        $(".pessoas #carouselPessoas LI").hover(
		function() {
		    $(this).children('img').slideUp(300);
		},
		function() {
		    $(this).children('img').slideDown(300);
		}
	)

    }
});

function criarLogin(){
    $("<div />")
        .attr("class","loginOverlay")
        .appendTo(".util");
    $("<form />")
        .attr("class","formLoginOverlay")
        .appendTo(".loginOverlay");
    $("<label />")
        .attr("for","email")
        .attr("class","labelEmail")
        .html("Email")
        .appendTo(".loginOverlay");
    $("<input />")
        .attr("id","email")
        .attr("type","text")
        .attr("class","inputEmail")       
        .appendTo(".loginOverlay");
    $("<label />")
        .attr("for","senha")
        .attr("class","labelSenha")
        .html("Senha")
        .appendTo(".loginOverlay");
    $("<input />")
        .attr("id","senha")
        .attr("type","password")
        .attr("class","inputSenha")
        .appendTo(".loginOverlay");    
    $("<input />")
        .attr("id","entrar")
        .attr("type","image")
        .attr("class","inputEntrar")
        .attr("value","entrar")
        .attr("src","/img/botoes/login.png")
        .appendTo(".loginOverlay");
    $("<input />")
        .attr("id","lembrar")
        .attr("type","checkbox")
        .attr("class","chkLembrar")
        .appendTo(".loginOverlay");
    $("<label />")
        .attr("for","lembrar")
        .attr("class","labelLembrar")
        .html("lembre-se")
        .appendTo(".loginOverlay");
    $("<p />")
        .attr("class","esqueceuSenha")
        .css({"color":"#FFF","clear":"both","font-size":"0.9em","padding-top":"15px"})
        .html("<a href='/lembrar-senha'>Esqueceu sua senha?</a>")
        .appendTo(".loginOverlay");
    
}