$(document).ready(function(){

	$.colorbox({width:"60%", height:"100%", iframe:true, href:"http://www.natalfelizcidade.com.br/index.php/promocao/ganhador"});

    var intervalo;
    var intervalo2;

    /**********************/
    /******* Layout *******/
    /**********************/
    larguraMonitor = window.screen.width; //sem px
    alturaMonitor = window.screen.height; //sem px
    
    $("#deslisante").css("width",(larguraMonitor*7)+"px");
    $("#deslisante").css("left",(-larguraMonitor*3)+"px");
    //    $("#deslisante").css("left",(-larguraMonitor*0)+"px");

    $("#regulamento").css("width",larguraMonitor+"px");
    $("#videos").css("width",larguraMonitor+"px");
    $("#promocao").css("width",larguraMonitor+"px");
    $("#home").css("width",larguraMonitor+"px");
    $("#cartao").css("width",larguraMonitor+"px");
    $("#agenda").css("width",larguraMonitor+"px");
    $("#contato").css("width",larguraMonitor+"px");

    /**************************/
    /******* Controles ********/
    /**************************/
    larguraDoVoltarADireita = 54;
    $(".voltar_direita").css("margin-left",(larguraMonitor-(larguraDoVoltarADireita+40))+"px");


    /*********************/
    /******* Topo ********/
    /*********************/
    larguraDoTopo = 668;
    $("#topo").css("margin-left",(Math.abs((larguraMonitor-larguraDoTopo)/2))+"px");
    $("#linkcontato").css("margin-left",((Math.abs((larguraMonitor-larguraDoTopo)/2))+larguraDoTopo)+"px");

    /*********************/
    /******* Home ********/
    /*********************/
    larguraDaArvore = 470;
    $("#arvore").css("left",(Math.abs((larguraMonitor-larguraDaArvore)/2))+"px");
    larguraDoTitulo = 524;
    $("#titulo").css("margin-left",(Math.abs((larguraMonitor-larguraDoTitulo)/2))+"px");
    larguraDoMenuCartao = 330;
    $("#menu_cartao").css("margin-left",(larguraMonitor-(larguraDoMenuCartao))+"px");
    //larguraDoMenuAgenda = 256;
    //$("#menu_agenda").css("margin-left",(larguraMonitor-(larguraDoMenuAgenda+150))+"px");
    larguraDoControle = 674;
    $("#controle").css("margin-left",(Math.abs((larguraMonitor-larguraDoControle)/2))+"px");

    $("#menu_addarvore").css("margin-left",((Math.abs((larguraMonitor-larguraDaArvore)/2))-20)+"px");
    $("#titulo-arvore").css("margin-left",((Math.abs((larguraMonitor-larguraDaArvore)/2))-80)+"px");

    /*************************/
    /******* Promoção ********/
    /*************************/
    larguraDaPromocaoCentro = 900;
    $("#promocao_centro").css("margin-left",(Math.abs((larguraMonitor-larguraDaPromocaoCentro)/2))+"px");

    /*************************/
    /******** Cartao *********/
    /*************************/
    larguraDaCartaoCentro = 900;
    $("#cartao_centro").css("margin-left",(Math.abs((larguraMonitor-larguraDaCartaoCentro)/2))+"px");

    /*************************/
    /******** Agenda *********/
    /*************************/
    larguraDaAgendaCentro = 900;
    $("#agenda_centro").css("margin-left",(Math.abs((larguraMonitor-larguraDaAgendaCentro)/2))+"px");

    /*************************/
    /******** Videos *********/
    /*************************/
    larguraDoVideosCentro = 900;
    $("#videos_centro").css("margin-left",(Math.abs((larguraMonitor-larguraDoVideosCentro)/2))+"px");
    
    /*************************/
    /******** Contato ********/
    /*************************/
    larguraDoContatoCentro = 775;
    $("#contato_centro").css("margin-left",(Math.abs((larguraMonitor-larguraDoContatoCentro)/2))+"px");

    /*****************************/
    /******** Regulamento ********/
    /*****************************/
    larguraDoRegulamentoCentro = 900;
    $("#regulamento_centro").css("margin-left",(Math.abs((larguraMonitor-larguraDoRegulamentoCentro)/2))+"px");


    /***************************/
    /******* Transições ********/
    /***************************/
    velocidade = 1200;

    $("#menu_promocao").click(function(event){
        conserta();
        $('#deslisante').stop().animate({
            'left': -document.getElementById("promocao").offsetLeft+'px',
            'top': -document.getElementById("promocao").offsetTop+'px'
        },velocidade, function() {});
    });
    
    //tirei o menu fotos daqui e coloquei na home
    
    
    $("#menu_videos").click(function(event){
        conserta();
        $('#deslisante').stop().animate({
            'left': -document.getElementById("videos").offsetLeft+'px',
            'top': -document.getElementById("videos").offsetTop+'px'
        },velocidade, function() {});
    });
    $("#menu_cartao").click(function(event){
        $('#deslisante').stop().animate({
            'left': -document.getElementById("cartao").offsetLeft+'px',
            'top': -document.getElementById("cartao").offsetTop+'px'
        },velocidade, function() {
            conserta();
        });
    });
    $("#menu_agenda").click(function(event){
        $('#deslisante').stop().animate({
            'left': -document.getElementById("agenda").offsetLeft+'px',
            'top': -document.getElementById("agenda").offsetTop+'px'
        },velocidade, function() {
            conserta();
        });
    });
    $("#linkcontato").click(function(event){
        $('#deslisante').stop().animate({
            'left': -document.getElementById("contato").offsetLeft+'px',
            'top': -document.getElementById("contato").offsetTop+'px'
        },velocidade, function() {
            $("#linkcontato").fadeOut();
            $("#controle").fadeOut();
        });
    });
    $(".voltar_esquerda").click(function(event){
        $('#deslisante').stop().animate({
            'left': -document.getElementById("home").offsetLeft+'px',
            'top': -document.getElementById("home").offsetTop+'px'
        },velocidade, function() {
            $("#controle").fadeIn();
            $("#linkcontato").fadeIn();
        });
    });
    $(".voltar_direita").click(function(event){
        $('#deslisante').stop().animate({
            'left': -document.getElementById("home").offsetLeft+'px',
            'top': -document.getElementById("home").offsetTop+'px'
        },velocidade, function() {
            $("#controle").fadeIn();
            $("#linkcontato").fadeIn();
        });
    });
    $(".titulo_menor").click(function(event){
        $('#deslisante').stop().animate({
            'left': -document.getElementById("home").offsetLeft+'px',
            'top': -document.getElementById("home").offsetTop+'px'
        },velocidade, function() {
            $("#controle").fadeIn();
            $("#linkcontato").fadeIn();
        });
    });
    $("#link_regulamento").click(function(event){
        $('#deslisante').stop().animate({
            'left': -document.getElementById("regulamento").offsetLeft+'px',
            'top': -document.getElementById("regulamento").offsetTop+'px'
        },velocidade, function() {
            //$("#controle").fadeIn();
            //$("#linkcontato").fadeIn();
            conserta();
        });
    });

    function conserta(){
        $("#controle").fadeOut();
        $("#linkcontato").fadeIn();
    }

    

    $("#sobe").hover(
        function () {
            intervalo = window.setInterval(function() {
                sobe();
            }, 10);
        },
        function () {
            clearInterval(intervalo);
        }
        );

    $("#desce").hover(
        function () {
            //alert("desce");
            intervalo2 = window.setInterval(function() {
                desce();
            }, 10);
        },
        function () {
            clearInterval(intervalo2);
        }
        );

    $("#controle").fadeIn();
    window.setTimeout("desce()",1000);
    
    
    
})

var controle = 0;

function sobe(){
    //$('#desce').html($('#deslisante').css('top').replace('px','')+" > 0");
    if(-$('#deslisante').css('top').replace('px','') > "0"){
        controle+=5;
        $('#deslisante').css('top',controle);
    }
}

function desce(){
    //alert($('#deslisante').css('top').replace('px',''));
    //alert($('#home').css('height').replace('px',''));
    //$('#desce').html($('#deslisante').css('top').replace('px','')+" <= "+ $('#home').css('height').replace('px',''));
    if(-($('#deslisante').css('top').replace('px','')-350) <= $('#home').css('height').replace('px','')){
        controle-=2;
        $('#deslisante').css('top',controle+'px');
    }
}