$.ajaxSetup(
    {
        scriptCharset: "utf-8" ,
        contentType: "application/x-www-form-urlencoded; charset=UTF-8" 
    }
    );

function start_carousel(){
    $("div.carousel").carousel(
    {
        direction: "horizontal", // you can change this to vertical
        loop: true,
        pagination: false, // setting this to true adds the pagination 1, 2, 3 etc.
        autoSlide: true, // automatic rotation between the banners
        autoSlideInterval: 4000, // how long in miliseconds till next rotation
        delayAutoSlide: 5000 // how long to pause on each banner
    }
    );
}
function start_menu(){
    $('.menu>ul ul').hide();
    $('.menu>ul>li span').click(
        function(){ 
            //$('.menu>ul ul').slideUp(100); 
            $('ul',$(this).parent()).stop(true,true).slideToggle(200)
        }
        );
}
function verifica_navegador(){
    if ((navigator.userAgent).match(/MSIE 6.0;/)) {
        var nal=$('<div id="nal"></div>').html('Esta versão de navegador não é suportada, atualize a versão do seu <a href="http://www.google.com/chrome/?hl=pt-BR" alt="Google Chrome">navegador</a>');
        $('body').prepend(nal);
    }
    if ((navigator.userAgent).match(/MSIE 8.0;/)) {
        var nal=$('<div id="nal"></div>').html('Esta versão de navegador não segue os padrões do <a href="http://www.w3.org/standards/webdesign/htmlcss" title="página oficial do WWW Consortium (em inglês)">W3C</a> e pode prejudicar a sua navegação, atualize a versão do seu <a href="http://www.google.com/chrome/?hl=pt-BR" alt="Google Chrome">navegador</a>');
        $('body').prepend(nal);
    }
}
function start_datepicker() {
    var dates = $( "#from, #to" ). datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function( selectedDate ) {
            var option = this.id == "from" ? "minDate" : "maxDate",
            instance = $( this ).data( "datepicker" ),
            date = $.datepicker.parseDate(
                instance.settings.dateFormat ||
                $.datepicker._defaults.dateFormat,
                selectedDate, instance.settings );
            dates.not( this ).datepicker( "option", option, date );

        }
    });
}
function start_agenda() {
    $("#agenda .evt_titulo").click(function(){
        $(this).next().slideToggle(200)
    })
}

function processa_login(data){
    if (data > 0){
        location.reload(true)
    }
}

function login_do(form){
    var data = $(form).serialize();
    $.post('/parts/login.php',data,processa_login);
    login_exit();
}

function login_exit(){
    $("#login-area").slideUp(200,function (){
        $('#bt-login').removeClass('bt-loginactive')
    });

}

function login(){
    $("#login-area").detach();
    var btlogin = $('#bt-login');
    btlogin.addClass('bt-loginactive');
    var divlogin = $('<div id="login-area"></div>');
    var form = "<form><table>";
    form += "<tr><td colspan='3'>login:</td></tr>";
    form += "<tr><td colspan='3'><input type='text' name='username' /></td></tr>";
    form += "<tr><td colspan='3'>senha:</td></tr>";
    form += "<tr><td colspan='3'><input type='password' name='password' onkeypress='senhakeypress(event)' /></td></tr>";
    form += "<tr><td><input type='button' name='enviar' value='ok' onclick='login_do(this.form)' /></td>";
    form += "<td><input type='button' name='sair' value='sair' onclick='login_exit()' /></td>";
    form += "<td class='esqueci'><a href='#'>Esqueci minha senha</a></td></tr>";
    form += "</table></form>";
    divlogin.html(form);

    $(btlogin).parent().append(divlogin);
    var left =  (btlogin.position().left+btlogin.outerWidth()-divlogin.outerWidth()+10)
    var top = (btlogin.position().top+btlogin.height())
    divlogin.css('top',top)
    divlogin.css('left',left)
    divlogin.css('display','none')

    divlogin.slideDown(200);
    $('#login-area input').eq(0).focus();
}


$().ready(function(){ //roda assim q tiver o documento montado como o body.onload
    verifica_navegador();
    start_menu();
    start_carousel();
    start_datepicker();
    start_agenda();
    $('#bt-login').click(login);
});


//mostra dados da empresa
$('.tab_content a[estat]').live("click",function(event) {
    event.preventDefault();
    var dado = $(event.currentTarget).attr('data')
    var tipo = $(event.currentTarget).attr('estat')
    var target = $('#displaydados');
    target.html('<b>'+tipo + ":</b> " + dado);
    target.hide();
    //obtem cadgeral a partir da url
    var cod = escape(document.location).match(/\/(\d+)%?2?3?$/)[1]
    statrec(tipo,cod,gsession.cd_usuario,gsession.revista)
    target.slideDown();
});

function statrec(type,cod,user,revista){
    var data = {};
    data.tipo = type;
    data.cod = cod;
    data.user = user;
    data.revista = revista;
    $.post('/parts/estatrecorder.php',data,function(){})
}

function display_alert(text){
    var msg = $('<div style="width: 200px;margin: 0px; margin-top: 15px; border: 1px solid grey; height: 55px; padding: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #FFF;">'+text+'</div>')
    display_modal_box(msg)
}

function display_modal_box(inner,top){
    if (top==undefined){
        top='200'
    }
    var fundo = $('<div style="position:absolute; top:0px; left:0px;width:100%; background: rgba(100,100,100,0.5);z-index:1000" id="fundo"></div>');
    $(fundo).height($('body').height())
    var msg = $('<div style="-webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px;height: auto; min-height: 80px; background-color: #EEE; margin: auto;  position: relative; padding: 10px;top: ' + top + 'px;"></div>')
    $(msg).append(inner);
    
    var close = $('<div style="width:15px; height: 15px;position: absolute; top: 1px; right: 4px; text-align: right;" onclick="closemodal()">X</div>')
    msg.hide()
    $(msg).append(close);
    $(fundo).append(msg);
    msg.slideDown(100)
    
    document.onkeyup = function(event) { 
        if (event.keyCode==27){
            closemodal();
        }
    }
        
    $('body').append(fundo);
    msg.width(inner.outerWidth())
}
    
function closemodal(){
    document.onkeyup = function () {}
    $('#fundo').detach();
}

function description(){
    $("#products").tabs("div.description", {
        event:'mouseover'
    });
}

function senhakeypress(e){
    if(e.keyCode==13){
        login_do(e.target.form)
    }
}

function mostraproduto(cd_rev,cd_geral,cd_prod,nm_emp,nm_prod,link_orig){
    //event.preventDefault();
    data = {}
    data.revista = cd_rev;
    data.cd_geral = cd_geral;
    data.produto = cd_prod;
    var linkorig = link_orig;
    $.getJSON('/api/produto/prodpago',data,function(d){
        var tit = '<div style="font-weight: bold; font-size: 1.1em; padding-bottom: 5px;">'+nm_emp+": "+nm_prod+"</div>";
        var html = $(d.html);
        html.prepend(tit);
        var mforn = "<div><a href='"+linkorig+"'>ver + fornecedores</a></div>";
        html.append(mforn)
        display_modal_box(html)
        //console.log(d);
    })
    return false;
    
    
    
}
