$(document).ready(function(){

    /**********************/
    /******* Layout *******/
    /**********************/
    larguraMonitor = document.body.clientWidth; //sem px
    alturaMonitor = document.body.clientHeight; //sem px
    $("#deslisante").css("width",(larguraMonitor*3)+"px");
    //$("#deslisante").css("height",(larguraMonitor*2)+"px");

    /**********************/
    /******** Home ********/
    /**********************/
    $("#paginainicial").css("width",larguraMonitor+"px");
    $("#paginainicial").css("height",(alturaMonitor+300)+"px");
    $("#biglampada").css("margin-left", Math.abs((larguraMonitor-212)/2)+"px");
    $("#titulovestibular").css("margin-left", Math.abs((larguraMonitor-300)/2)+"px");
    $("#logos1").css("margin-left", Math.abs((larguraMonitor-490)/2)+"px");
    $("#linha1").css("width", (larguraMonitor-265)+"px");

    /**********************/
    /******* Cursos *******/
    /**********************/
    $("#pagcursos").css("width",larguraMonitor+"px");
    $("#pagcursos").css("height",(alturaMonitor+300)+"px");
    $("#linha2").css("height",(alturaMonitor-140)+"px");

    /***********************/
    /******* Contato *******/
    /***********************/
    $("#pagcontato").css("width",larguraMonitor+"px");
    $("#pagcontato").css("height",(alturaMonitor+300)+"px");
    $("#endereco").css("margin-top",(alturaMonitor-165)+"px");
    $("#pagcontatocorpo").css("margin-left", Math.abs((larguraMonitor-420)/2)+"px");

    /***********************/
    /******* Galeria *******/
    /***********************/
    $("#paggaleria").css("width",larguraMonitor+"px");
    $("#paggaleria").css("height",(alturaMonitor+300)+"px");
    $("#paggaleriacorpo").css("margin-left", Math.abs((larguraMonitor-610)/2)+"px");

    /***********************/
    /******* A Forma *******/
    /***********************/
    $("#pagaforma").css("width",larguraMonitor+"px");
    $("#pagaforma").css("height",(alturaMonitor+300)+"px");
    $("#logos2").css("margin-left", Math.abs((larguraMonitor-(485+335))/2)+"px");

    $("#home").hover(
        function () {
            $("#flutuante").css("background-position","0 -336px");
        },
        function () {
            $("#flutuante").css("background-position","0 0");
        }
        );
    $("#cursos").hover(
        function () {
            $("#flutuante").css("background-position","0 -670px");
        },
        function () {
            $("#flutuante").css("background-position","0 0");
        }
        );
    $("#voce").hover(
        function () {
            $("#flutuante").css("background-position","0 -1004px");
        },
        function () {
            $("#flutuante").css("background-position","0 0");
        }
        );
    $("#contato").hover(
        function () {
            $("#flutuante").css("background-position","0 -1338px");
        },
        function () {
            $("#flutuante").css("background-position","0 0");
        }
        );
    $("#twitter").hover(
        function () {
            $("#balao").slideDown();
        },
        function () {}
        );
    $("#flutuante").hover(
        function () {},
        function () {
            $("#balao").slideUp();
        }
        );
    $("#biglampada").hover(
        function () {
            $(this).css("background-position","0 0");
        },
        function () {
            $(this).css("background-position","0 435px");
        }
        );
    $("#lampada").hover(
        function () {
            $(this).css("background-position","0 0px");
        },
        function () {
            $(this).css("background-position","0 -187px");
        }
        );
    $("#aforma1 div").hover(
        function () {
            $(this).css("text-shadow","1px 2px 2px #000000");

            var option = {
                x:      1,
                y:      2,
                radius: 2,
                color:  "#000000"
            }
            $(this).textShadow( option );
        },
        function () {
            $(this).css("text-shadow","0px 0px 0px #000000");

            var option = {
                x:      0,
                y:      0,
                radius: 0,
                color:  "#000000"
            }
            $(this).textShadow( option );
        }
        );
    $("#aforma2 div").hover(
        function () {
            $(this).css("text-shadow","1px 2px 2px #000000");

            var option = {
                x:      1,
                y:      2,
                radius: 2,
                color:  "#000000"
            }
            $(this).textShadow( option );
        },
        function () {
            $(this).css("text-shadow","0px 0px 0px #000000");

            var option = {
                x:      0,
                y:      0,
                radius: 0,
                color:  "#000000"
            }
            $(this).textShadow( option );
        }
        );

    /***********************/
    /*** Hacks para o IE ***/
    /***********************/
    /*if($.browser.msie){
        $("#flutuante").css("height","333px;");
    }*/

    /***************/
    /*** Twitter ***/
    /***************/
    $("#corpobalao").tweet({
        username: "CESJF",
        join_text: "auto",
        count: 3,
        auto_join_text_default: "",
        auto_join_text_ed: "",
        auto_join_text_ing: "",
        auto_join_text_reply: "",
        auto_join_text_url: "",
        loading_text: "     Carregando tweets..."
    });

    velocidade = 1600;

    $("#home").click(function(event){

        $('#rodape').css('display','none');
        $('#rodape').css('bottom','-120px');
        $("#linhavertical").slideUp();
        $("#lampada").fadeOut();

        $('#deslisante').stop().animate({
            'left':'0px',
            'top':'0px'
        },velocidade, function() {});
        event.preventDefault();
    });

    $("#contato").click(function(event){
        
        if($("#lampada").css("margin-top") != "0" || $("#lampada").css("margin-top") != "0px"){
            $("#lampada").fadeOut(1000, function(){
                $("#lampada").css("margin-top","0px");
                $("#lampada").fadeIn();
            });
        }
        
        $('#rodape').css('display','none');
        $('#rodape').css('bottom','-120px');

        $('#deslisante').stop().animate({
            'left': -document.getElementById("pagcontato").offsetLeft+'px',
            'top': -document.getElementById("pagcontato").offsetTop+'px'
        },velocidade, function() {
            if($("#linhavertical").css("display") == "none"){
                $("#linhavertical").slideDown();
            }
        });
        event.preventDefault();
    });

    $("#cursos").click(function(event){
        
        if($("#lampada").css("margin-top") != "0" || $("#lampada").css("margin-top") != "0px"){
            $("#lampada").fadeOut(1000, function(){
                $("#lampada").css("margin-top","0px");
                $("#lampada").fadeIn();
            });
        }

        $('#rodape').css('display','none');
        $('#rodape').css('bottom','-120px');

        $('#deslisante').stop().animate({
            'left': -document.getElementById("pagcursos").offsetLeft+'px',
            'top': -document.getElementById("pagcursos").offsetTop+'px'
        },velocidade, function() {
            if($("#linhavertical").css("display") == "none"){
                $("#linhavertical").slideDown();
            }
        });

        

        event.preventDefault();
    });

    $("#voce").click(function(event){
        if($("#lampada").css("margin-top") == "0" || $("#lampada").css("margin-top") == "0px"){
            $("#lampada").fadeOut(1000, function(){
                $("#lampada").css("margin-top",(alturaMonitor-250)+"px");
                $("#lampada").fadeIn();
            });
        }

        $('#rodape').css('display','none');
        $('#rodape').css('bottom','-120px');

        $('#rodape').css('display','block');
        $('#deslisante').stop().animate({
            'left': -document.getElementById("paggaleria").offsetLeft+'px',
            'top': -document.getElementById("paggaleria").offsetTop+'px'
        },velocidade, function(){
            if($("#linhavertical").css("display") == "none"){
                $("#linhavertical").slideDown();
            }
        });
        event.preventDefault();
    });

    $("#aforma1").click(function(event){
        $("#lampada").fadeOut();
        $("#linhavertical").slideUp();
        $("#lampada").fadeOut();
        $('#rodape').css('display','block');
        $('#deslisante').stop().animate({
            'left': -document.getElementById("pagaforma").offsetLeft+'px',
            'top': -document.getElementById("pagaforma").offsetTop+'px'
        },velocidade, function() {
            $('#rodape').animate({
                bottom: '0px'
            },500, function(){});
        });
        event.preventDefault();
    });

    $("#aforma2").click(function(event){
        $("#lampada").fadeOut();
        $("#linhavertical").slideUp();
        $("#lampada").fadeOut();
        $('#rodape').css('display','block');
        $('#deslisante').stop().animate({
            'left': -document.getElementById("pagaforma").offsetLeft+'px',
            'top': -document.getElementById("pagaforma").offsetTop+'px'
        },velocidade, function() {
            $('#rodape').animate({
                bottom: '0px'
            },500, function(){});
        });
        event.preventDefault();
    });

    $("#lampada").click(function(event){
        window.open("http://vestibular.cesjf.br/",'_blank');
    });
    $("#biglampada").click(function(event){
        window.open("http://vestibular.cesjf.br/",'_blank');
    });

})