$(document).ready(function() {

    // ---- Validacao formulário
    $('.formulario').validationEngine();

    // ---- Adicionando efeito a galeria
    $('#galeria_home').cycle({
	fx: 'fade',
        next: '#next',
        prev: '#prev',
        timeout: 6000
    });

    var representanteScrollbar = $('#representantes-conteudo');
    representanteScrollbar .tinyscrollbar({sizethumb: 22});

    var quemsomosScrollbar = $('#quemsomos-texto');
    quemsomosScrollbar .tinyscrollbar({sizethumb: 22});


//    $('#representantes-conteudo').tinyscrollbar({ sizethumb: 22 });

    // ---- Menu
    $('#menu-abrir').click(function() {
        abrir_menu();
    });

    $('#menu-fechar').click(function() {
        fechar_menu();
    });

    function abrir_menu () {

        fechar_boxes();
        // Exibindo menu
        $('#menu').slideUp(1500);
        $('#menu-aberto').slideDown('slow');
    }

    function fechar_menu () {
        $('#menu').slideDown(1);
        $('#menu-aberto').slideUp('slow');
    }


    // ---- Boxes
    function fechar_boxes () {
        // Fechando boxes abertos
        $('.box').fadeOut();
        $('.formulario').validationEngine('hideAll');
    }

    // Botão fechar
    $('.btn-fechar').click(function() {
        fechar_boxes();
        $(this).parent().fadeOut();
        $("#fundo-escuro").fadeOut();
    });

    // Representantes - Box
    $('#btn-representantes, #btn-menu-representantes').click(function() {

        fechar_boxes();
        fechar_menu();

        if ($('#box-representantes').is(':hidden')) {
            $('#box-representantes').fadeIn();
            representanteScrollbar.tinyscrollbar_update();
        }
        else {
            $('#box-representantes').fadeOut();
        }
    });

    // Contato - Box
    $('#btn-contato, #btn-menu-contato').click(function() {

        fechar_boxes();
        fechar_menu();

        if ($('#box-contato').is(':hidden')) {
            $('#box-contato').fadeIn();
            $("#fundo-escuro").fadeIn();
        }
        else {
            $('#box-contato').fadeOut();
        }
    });
    
    // Produtos - Box
    $('#btn-produtos, #btn-menu-produtos').click(function() {

        fechar_boxes();
        fechar_menu();

        if ($('#box-produtos').is(':hidden')) {
            $('#box-produtos').fadeIn();
            $("#fundo-escuro").fadeIn();
        }
        else {
            $('#box-produtos').fadeOut();
        }
    });

    // Quem somos - Box
    $('#btn-menu-quemsomos').click(function() {

        fechar_boxes();
        fechar_menu();

        if ($('#box-quemsomos').is(':hidden')) {
            $('#box-quemsomos').fadeIn();
            $("#fundo-escuro").fadeIn();
            quemsomosScrollbar.tinyscrollbar_update();
        }
        else {
            $('#box-quemsomos').fadeOut();
        }
    });

    // Newsletter - Box
    $('#btn-newsletter').click(function() {

        fechar_boxes();
        fechar_menu();

        if ($('#box-newsletter').is(':hidden')) {
            $('#box-newsletter').fadeIn();
        }
        else {
            $('#box-newsletter').fadeOut();
        }
    });

    // Newsletter/Contato - campo nome
    var textoDefaultNome = "*nome";
    $('#newsnome, #contatonome')
        .val(textoDefaultNome)
        .css('color', '#999')
        .focus(function(){
            if ($(this).val() == textoDefaultNome){
                $(this).css('color', '').val('');
            }
        }).blur(function(){
            if ($(this).val() == '') {
                $(this).val(textoDefaultNome).css('color', '#adadad');
            }
        });

    // Newsletter/Contato - campo e-mail
    var textoDefaultEmail = "*email";

    $('#newsemail, #contatoemail')
        .val(textoDefaultEmail)
        .css('color', '#999')
        .focus(function(){
            if ($(this).val() == textoDefaultEmail){
                $(this).css('color', '').val('');
            }
        }).blur(function(){
            if ($(this).val() == '') {
                $(this).val(textoDefaultEmail).css('color', '#adadad');
            }
        });


    // Contato - campo mensagem
    var textoDefaultMensagem = "*mensagem";

    $('#contatomensagem')
        .val(textoDefaultMensagem)
        .css('color', '#999')
        .focus(function(){
            if ($(this).val() == textoDefaultMensagem){
                $(this).css('color', '').val('');
            }
        }).blur(function(){
            if ($(this).val() == '') {
                $(this).val(textoDefaultMensagem).css('color', '#adadad');
            }
        });

});