$(document).ready(function() {

    /*$("#color").change(function() {
    var str = "";
    var c = $("#color option:selected").attr("cor");
    $("#BoxCor").css("background", c);
    })
    .change();

    $("#size").change(function() {
    var produto = "";
    var tamanho = "";
    escolhetamanho(produto, tamanho);
    });*/

    $("#color").change(function(e) {
        var produto = $("input:[name='product']").attr("value");
        var cor = $('#color :selected').val();
        escolhecor(produto, cor);

    });

    $("#size").change(function(e) {
        var produto = $("input:[name='product']").attr("value");
        var size = $('#size :selected').val();
        //escolhetamanho(produto, size);
        $("form").submit();
    });


    $("ampliarImagens").click(function() {
        $("#imagensDetalhes a").click();
    });

    $(function() {
        $("#imagensDetalhes a").lightBox();
    });

    $(function() {
        $("#aAmpImagem").lightBox();
    });


    $("#imagensDetalhes a").mouseover(function() {
        $(".ProdImg").attr("src", $(this).attr("href").replace("_F.", "_B."));
        $(".MagicZoomBigImageCont div img").attr("src", $(this).attr("href").replace("_F.", "_Z."));
    });

    //Inicia video YouTube.
    //IniciarVideo();

    $('a[name=modal]').click(function(e) {

        e.preventDefault();
        var id = $(this).attr('href');

        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow", 0.8);

        //Get the window height and width
        var winH = $(window).height();
        var winW = $(window).width();

        $(id).css('top', winH / 2 - $(id).height() / 2);
        $(id).css('left', winW / 2 - $(id).width() / 2);

        $(id).fadeIn(2000);

    });

    $('.window .close').click(function(e) {
        e.preventDefault();

        $('#mask').hide();
        $('.window').hide();
    });

    $('#mask').click(function() {
        $(this).hide();
        $('.window').hide();
    });

    $('form.rating').submit(function() {

        //alert("OK");
        //return false;

    });

    var options = {
        beforeSubmit: showRequest,
        success: showResponse
    };

    // bind form using 'ajaxForm'
    $('#formRating').ajaxForm(options);


    $.validateEmail = function(email) {
        er = /^[a-zA-Z0-9][a-zA-Z0-9\._-]+@([a-zA-Z0-9\._-]+\.)[a-zA-Z-0-9]{2}/;
        if (er.exec(email))
            return false;
        else
            return true;
    };

});


function showRequest(formData, jqForm, options) {


    var nome    = $("#txtNome").attr("value");
    var email   = $("#txtEmail").attr("value");
    var obs     = $("#txtObsAvaliacao").attr("value");

    var resposta = "";
    var boolValid = false;
    var boolEmail = $.validateEmail(email);
    
    $("#formRating input:radio").each(function() {
        if ($(this).is(":checked")) {
            boolValid = true;
        }
    });
    
    
  
    if (nome == "") {
        resposta = "Favor preencher o Nome!";
    }
    else if (email == "") {
        resposta = "Favor preencher o Email!";
    }
    else if (boolEmail) {
        resposta = "Favor preencher o email correto!";
    }
    else if (obs == "") {
        resposta = "Favor preencher o Observação!";
    }

  


    if (resposta != "" || !boolValid) {
       resposta =  boolValid ? resposta : "Favor seleciona seu voto!"
        $.blockUI({
            message:  resposta ,
            css:{backgroundColor: '#fff', color: '#000'},
            timeout: 2000
        });

        return false;
    }
    
    
    
    $("body").block({ message: null });
    return true;
}







function showResponse(responseText, statusText, xhr, $form) {

    $("#txtNome").val("");
    $("#txtEmail").val("");
    //$("#hdAvaliacao").val("");
    $("#txtObsAvaliacao").val("");

    $("#formRating input:radio").each(function() {
        if ($(this).is(":checked")) {
            $(this).attr("checked", "");
        }
    });

    alert("Foi concluída com sucesso!");
    $.unblockUI();
    window.location.reload();
}






//Armazena index de item que está sendo visualizado
var ItemAtual = 0;
	
//Controla a navegação do produtos
function NavegarCatalogo(direcao){
	
    //Captura todos os ULS correspondentes aos produtos relacionados
    var Uls = $("div#ListProdRelacionado .lineProdRel");
	
    if(direcao == "avanca")
    {
        // se não for ultimo item, esconde atual e mostra proximo
        if(ItemAtual != Uls.length - 1)	
        {		
	        Uls[ItemAtual].style.display = "none";
	        Uls[ItemAtual + 1].style.display = "inline";
			
	        ItemAtual = ItemAtual + 1;
        }
        else //Caso seja o ultimo elemento, voltar para a primeira Ul
        {
	        Uls[ItemAtual].style.display = "none";
	        ItemAtual = 0;
			
	        Uls[ItemAtual].style.display = "inline";
        }
		
    }
    else
    {
        //se nao for 1º elemento, esconde o atual e mostra o anterior
        if(ItemAtual != 0)	
        {		
	        Uls[ItemAtual].style.display = "none";
	        Uls[ItemAtual - 1].style.display = "inline";
		
	        ItemAtual = ItemAtual - 1;
        }
        else //Caso seja o 1º elemento, ir para a ultima Ul
        {
	        Uls[ItemAtual].style.display = "none";
	        ItemAtual = Uls.length - 1;
			
	        Uls[ItemAtual].style.display = "inline";
        }
		
    }
    
    //Faz com que todos os numeros de paginas fiquem não selecionados
    $("ul#ListProdPaginacao").children().removeClass("selected");
    $("ul#ListProdPaginacao").children().addClass("no-selected");
    
    
    //Seleciona página corrente
    $("li#ProdRelPag" + (ItemAtual + 1)).removeClass("no-selected");
    $("li#ProdRelPag" + (ItemAtual + 1)).addClass("selected");
	
}



//Controla a navegação através do marcador de páginas
function NavegarCatalogoPag(NumPag)
{
    //Recupera todos os itens do catalogo
    var Uls = $("div#ListProdRelacionado .lineProdRel");
    
    //Faz com que todos os li's fiquem não selecionados
    $("ul#ListProdPaginacao").children().removeClass("selected");
    $("ul#ListProdPaginacao").children().addClass("no-selected");
    
    //Seleciona item escolhido
    $("li#ProdRelPag" + NumPag).removeClass("no-selected");
    $("li#ProdRelPag" + NumPag).addClass("selected");
    
    //Desaparece com todos os itens (produtos  relacionados)
    $("div#ListProdRelacionado .lineProdRel").css({"display": "none"});
  
    //Mostra item correspondente a pagina selecionada  
    Uls[NumPag - 1].style.display = "inline";   
    
    
    //Atualiza marcador de item atual
    ItemAtual = NumPag - 1;
}


//Mostra video do youtube na div
function IniciarVideo() 
{
    var flashvars = {};
    var params = {};
    var attributes = {};
    var video = document.getElementById("hdnVideo");
    attributes.id = "divVideo";

    swfobject.embedSWF(video.value, "divVideo", "353", "300", "8.0.0", false, flashvars, params, attributes);
}