﻿$(function() {
    var $ = jQuery.noConflict();
    var qtde = 0;
    var allvalue = 0;
    var valuearr = 0;
    var namearr = '';
    var qtypro = 1;
  

    $(".rbArrangement").click(function() {// RADIO
    
        iCurrentIndex = $(".rbArrangement").index($(this));
        var hdnVlPrice = $(".hdnVlPriceArrangement:eq(" + String(iCurrentIndex) + ")").val();
        valuearr = hdnVlPrice.replace(',', '.');
        namearr = $(".hdnNameArrangement:eq(" + String(iCurrentIndex) + ")").val();
        value = parseFloat(allvalue) + parseFloat(valuearr);

        if (value.toFixed) { value = value.toFixed(2) }
        $(".ltrDivVlTotalGiftBasket").text("R$ " + value);
        $(".ltrDivBouquet").text(namearr);
    });
    $(".ckbArrangement").click(function() { // CHECKBOX
    
        var iCurrentIndexChk = $(".ckbArrangement").index($(this));//guarda o indice do item que foi clicado
        var hdnVlPrice = $(".hdnVlPriceChk:eq(" + String(iCurrentIndexChk) + ")").val();//guarda o valor unitário do item clicado
        qtde_select = $(".DropArrangement :selected:eq(" + String(iCurrentIndexChk) + ")").val();//guarda o valor selecionado no dropdown de quantidade
        hdnVlPrice = (hdnVlPrice.replace(',', '.') * qtde_select);//calcula o valor total deste item multiplicando o preço unitário pela quantidade selecionada
        namearr = $(".hdnNameChk:eq(" + String(iCurrentIndexChk) + ")").val();//guarda o nome do arranjo selecionado
        
        if ($(".ckbArrangement:eq(" + String(iCurrentIndexChk) + ")").is(':checked') == true) {
            qtde = parseInt(qtde) + parseInt(qtde_select);//acrescenta a quantidade de itens selecionados a quantidade total de itens selecionados da página
            allvalue = allvalue + hdnVlPrice;//acrescenta o valor total do item selecionado ao valor total dos itens da página
        }
        else {
            qtde = parseInt(qtde) - parseInt(qtde_select);//subtrai a quantidade de itens selecionados a quantidade total de itens selecionados da página
            allvalue = allvalue - hdnVlPrice;//subtrai o valor total do item selecionado ao valor total dos itens da página
        }
        
        value = parseFloat(allvalue) + parseFloat(valuearr)
        if (value.toFixed) { value = value.toFixed(2) }
        $(".ltrDivVlTotalGiftBasket").text("R$ " + value);
        if(qtde < 10 && qtde >=0)
            $(".ltrDivNuAccessories").text("0"+qtde);
        else
            $(".ltrDivNuAccessories").text(qtde);
            
    });
    $(".DropArrangement").change(function() {//DROPDOWN

        var iCurrentIndexDrop = $(".DropArrangement").index($(this));//guarda o indice do item que foi clicado
        var hdnVlPrice = $(".hdnVlPriceDrop:eq(" + String(iCurrentIndexDrop) + ")").val();//guarda o valor unitário do item clicado
        var hdnQtdProd = $(".hdnQtdProd:eq(" + String(iCurrentIndexDrop) + ")").val();//guarda o valor selecionado no dropdown de quantidade antes da alteração na seleção
        var qty = $(".DropArrangement :selected:eq(" + String(iCurrentIndexDrop) + ")").val();//guarda o valor selecionado no dropdown de quantidade
        
        if ($(".ckbArrangement:eq(" + String(iCurrentIndexDrop) + ")").is(':checked')) {
            //subtrai do valor total o valor correspondente ao preço unitário multiplicado pela quantidade de itens selecionados
            // anteriormente e adiciona o valor total correspondente ao preço unitário de um produto multiplicado pela quantidade 
            //selecionada atualmente
            allvalue = allvalue - (hdnVlPrice.replace(',', '.') * hdnQtdProd) + (hdnVlPrice.replace(',', '.') * qty)
            //subtrai a quantidade selecionada anteriormente da quantidade total de itens e acrescenta a quantidade 
            //selecionada atualmente ao valor total de itens
            qtde = parseInt(qtde) - parseInt(hdnQtdProd) + parseInt(qty);            
            qtypro = qty;            
            
            value = parseFloat(allvalue) + parseFloat(valuearr);
        }
        $(".hdnQtdProd:eq(" + String(iCurrentIndexDrop) + ")").val(qty);
        if (value.toFixed) { value = value.toFixed(2) }
        $(".ltrDivVlTotalGiftBasket").text("R$ " + value);
        if(qtde < 10 && qtde >=0)
            $(".ltrDivNuAccessories").text("0"+qtde);
        else
            $(".ltrDivNuAccessories").text(qtde);
    });
    $('.j_PopupMakeYourGiftProd').click(function(){

        $('#divDetalheDoProdutoTrans').removeClass('invisiblediv');
        $('#divDetalheDoProdutoTrans').addClass('visiblediv');
        $('#divDetalheDoProduto').removeClass('invisiblediv');
        $('#divDetalheDoProduto').addClass('visiblediv');
        
        $('#divDetalheDoProduto').css('left', function(){
            var a = eval(document.documentElement.clientWidth) / 2;
            return a - 308;
        });
        
        $('#divDetalheDoProduto').css('top', function() {
            var b = (eval(getScrollHeight()) + eval(document.documentElement.clientHeight) / 2);                    
            return b - 195;
        });
    });
    $("#divDetalheDoProdutoTrans").height(function() {
        var intHeght = $(document).height();
        $(this).height(intHeght);
    });
    $("#btDetalheDoProdutoClose").click(function(){
        $('#divDetalheDoProdutoTrans').removeClass('visiblediv');
        $('#divDetalheDoProdutoTrans').addClass('invisiblediv');
        $('#divDetalheDoProduto').removeClass('visiblediv');
        $('#divDetalheDoProduto').addClass('invisiblediv');
        
        $('#spadsImgRecommendedProd').attr("src", "");
        $('#spaidProduct').html("");
        $('#spaDsName').html("");
        $('#spadsDescription').html("");            
        $('#spavlPrice').html("");
        $('#spaLink').attr("href","");  
     });
    $("#divDetalheDoProdutoTrans").click(function() {
        $('#divDetalheDoProdutoTrans').removeClass('visiblediv');
        $('#divDetalheDoProdutoTrans').addClass('invisiblediv');
        $('#divDetalheDoProduto').removeClass('visiblediv');
        $('#divDetalheDoProduto').addClass('invisiblediv');
        
        $('#spadsImgRecommendedProd').attr("src", "");
        $('#spaidProduct').html("");
        $('#spaDsName').html("");
        $('#spadsDescription').html("");            
        $('#spavlPrice').html("");
        $('#spaLink').attr("href","");  
    });
    $(window).load(function() {

        setDivMaxScreenSize('divDetalheDoProdutoTrans');
        $.fn.SetPositionFloatAddMachine();//reposiciona a calculadora
    });
    $(window).resize(function() {
    
        setDivMaxScreenSize('divDetalheDoProdutoTrans');
        $.fn.SetPositionFloatAddMachine();//reposiciona a calculadora
        
        $('#divDetalheDoProduto').css('left', function() {
            var a = eval(document.documentElement.clientWidth) / 2;

            if (a > 375)
                return a - 375;
            else
                return 0;
        });
    });
    
    $.fn.SetPositionFloatAddMachine = function(){
        
        var divTopLeftHeight = $("#divTopLeft").css("height");
        var clientHeight = document.documentElement.clientHeight;// esta função já retorna o número sem px no final
        var scrollTop = $(window).scrollTop();// esta função já retorna o número sem px no final       
        
        divTopLeftHeight = divTopLeftHeight.substring(0,divTopLeftHeight.length - 2);//retira o px do final da string para poder fazer a conta
        divTopLeftHeight = parseInt(divTopLeftHeight);
        
        if(isNaN(divTopLeftHeight))
        {            
            divTopLeftHeight = "130";
        } 

        $("#divTopLeft").css("top",eval(clientHeight - divTopLeftHeight + scrollTop));
        $("#divTopLeft").css("left","0px"); 

        setTimeout(function(){$.fn.SetPositionFloatAddMachine();},0);
    };
    
    $.fn.ShowRecommendedProdDetail = function(){

                $('#div_PopUp').removeClass('invisiblediv');
                $('#div_PopUp').addClass('visiblediv');
                $('#div_PopUp2').removeClass('invisiblediv');
                $('#div_PopUp2').addClass('visiblediv');
                
                $('#div_PopUp2').css('left', function(){
                    var a = eval(document.documentElement.clientWidth) / 2;
                    return a - 308;
                });
                
                $('#div_PopUp2').css('top', function() {
                    var b = (eval(getScrollHeight()) + eval(document.documentElement.clientHeight) / 2);                    
                    return b - 195;
                });
        };
        $('img.SetValuesPopUp').click(function(){
            var imgId = $(this).attr("id");
            var indexSplit = imgId.indexOf("-");
            var itemIndex = imgId.substring(indexSplit+1,imgId.length);//indice da imagem que foi clicada            
            var itemId = "hdnSetValuesPopUp-" + itemIndex;//id do hidden que contém as informações do produto clicado
            var itemValue = $("#"+itemId).html();//value do hidden
            var x = itemValue.indexOf("|");//o marcador "|" é utilizado na separação dos campos, atualmente são 5 campos
            //no array abaixo criado será feito o split dos campos de forma que eles serão separados cada valor em um indice
            //caso seja necessário adicionar ou remover algum valor basta ajustar o vetor
            
            var values = new Array(5);            
            var i = 0;
            
            while(x > 0)
            {                                       
                values[i] = itemValue.substring(0,x);//aqui ocorre a separação dos campos                
                itemValue = itemValue.substring(x+1,itemValue.length);//aqui é atualizada a string principal, retirando as informações dos campos que já foram guardado no vetor
                x = itemValue.indexOf("|"); 
                i = i +1;
            }     
            //Abaixo ocorre a alimentação dos campos, note que o segundo valor do vetor é o idproduct, e o mesmo é utilizado duas vezes
            $('#spadsImgRecommendedProd').attr("src", 'images/Product/' + values[0]);
            $('#spaidProduct').html(values[1]);
            $('#spaDsName').html(values[2]);
            $('#spadsDescription').html(values[3]);            
            $('#spavlPrice').html(values[4]);
            $('#spaLink').attr("href",'product.aspx?idproduct=' + values[1]);  
            
            $.fn.ShowRecommendedProdDetail();
        }        
        );
        $('label.SetValuesPopUp').click(function(){
        
                var lblId = $(this).attr("id");
                var indexSplit = lblId.indexOf("-");
                var itemIndex = lblId.substring(indexSplit+1,lblId.length);//indice da imagem que foi clicada  
                var itemId = "hdnSetValuesPopUp-" + itemIndex;//id do hidden que contém as informações do produto clicado
                var itemValue = $("#"+itemId).html();//value do hidden
                var x = itemValue.indexOf("|");//o marcador "|" é utilizado na separação dos campos, atualmente são 5 campos
                //no array abaixo criado será feito o split dos campos de forma que eles serão separados cada valor em um indice
                //caso seja necessário adicionar ou remover algum valor basta ajustar o vetor
                
                var values = new Array(5);            
                var i = 0;
                
                while(x > 0)
                {                                       
                    values[i] = itemValue.substring(0,x);//aqui ocorre a separação dos campos                
                    itemValue = itemValue.substring(x+1,itemValue.length);//aqui é atualizada a string principal, retirando as informações dos campos que já foram guardado no vetor
                    x = itemValue.indexOf("|"); 
                    i = i +1;
                }
                //Abaixo ocorre a alimentação dos campos, note que o segundo valor do vetor é o idproduct, e o mesmo é utilizado duas vezes
                $('#spadsImgRecommendedProd').attr("src", 'images/Product/' + values[0]);
                $('#spaidProduct').html(values[1]);
                $('#spaDsName').html(values[2]);
                $('#spadsDescription').html(values[3]);            
                $('#spavlPrice').html(values[4]);
                $('#spaLink').attr("href",'product.aspx?idproduct=' + values[1]);      
                
                $.fn.ShowRecommendedProdDetail();       
        }        
        );
       $('img.SetValuesPopUpMain').click(function(){
            var imgId = $(this).attr("id");
            var indexSplit = imgId.indexOf("-");
            var itemIndex = imgId.substring(indexSplit+1,imgId.length);//indice da imagem que foi clicada
            var itemId = "hdnSetValuesPopUpMain-" + itemIndex;//id do hidden que contém as informações do produto clicado
            var itemValue = $("#"+itemId).html();//value do hidden
            var x = itemValue.indexOf("|");//o marcador "|" é utilizado na separação dos campos, atualmente são 5 campos
            //no array abaixo criado será feito o split dos campos de forma que eles serão separados cadas valor em um indice
            //caso seja necessário adicionar ou remover algum valor basta ajustar o vetor
            
            var values = new Array(5);            
            var i = 0;
            
            while(x > 0)
            {                                       
                values[i] = itemValue.substring(0,x);//aqui ocorre a separação dos campos                
                itemValue = itemValue.substring(x+1,itemValue.length);//aqui é atualizada a string principal, retirando as informações dos campos que já foram guardado no vetor
                x = itemValue.indexOf("|"); 
                i = i +1;
            }     
            //Abaixo ocorre a alimentação dos campos, note que o segundo valor do vetor é o idproduct, e o mesmo é utilizado duas vezes
            $('#spadsImgRecommendedProd').attr("src", 'images/Product/' + values[0]);
            $('#spaidProduct').html(values[1]);
            $('#spaDsName').html(values[2]);
            $('#spadsDescription').html(values[3]);            
            $('#spavlPrice').html(values[4]);
            $('#spaLink').attr("href",'product.aspx?idproduct=' + values[1]);  
            
            $.fn.ShowRecommendedProdDetail();
        }        
        );
        $('label.SetValuesPopUpMain').click(function(){
        
                var lblId = $(this).attr("id");
                var indexSplit = lblId.indexOf("-");
                var itemIndex = lblId.substring(indexSplit+1,lblId.length);//indice da imagem que foi clicada
                var itemId = "hdnSetValuesPopUpMain-" + itemIndex;//id do hidden que contém as informações do produto clicado
                var itemValue = $("#"+itemId).html();//value do hidden
                var x = itemValue.indexOf("|");//o marcador "|" é utilizado na separação dos campos, atualmente são 5 campos
                //no array abaixo criado será feito o split dos campos de forma que eles serão separados cada valor em um indice
                //caso seja necessário adicionar ou remover algum valor basta ajustar o vetor
                
                var values = new Array(5);            
                var i = 0;
                
                while(x > 0)
                {                                       
                    values[i] = itemValue.substring(0,x);//aqui ocorre a separação dos campos                
                    itemValue = itemValue.substring(x+1,itemValue.length);//aqui é atualizada a string principal, retirando as informações dos campos que já foram guardado no vetor
                    x = itemValue.indexOf("|"); 
                    i = i +1;
                }           
               //Abaixo ocorre a alimentação dos campos, note que o segundo valor do vetor é o idproduct, e o mesmo é utilizado duas vezes
                $('#spadsImgRecommendedProd').attr("src", 'images/Product/' + values[0]);
                $('#spaidProduct').html(values[1]);
                $('#spaDsName').html(values[2]);
                $('#spadsDescription').html(values[3]);            
                $('#spavlPrice').html(values[4]);
                $('#spaLink').attr("href",'product.aspx?idproduct=' + values[1]);    
                
                $.fn.ShowRecommendedProdDetail();         
        }        
        );
});

var isN4 = (document.layers) ? true : false;
var isIE = (document.all) ? true : false;
var isDOM = (document.getElementById && !document.all) ? true : false;
var isFF = (navigator.userAgent.toLowerCase().indexOf("firefox") != -1) ? true : false;

function GetObject(id) {
    if (isDOM) {
        if (document.getElementById(id) != undefined)
            return document.getElementById(id);
    }
    else if (isN4) {
        if (document.layers[id] != undefined)
            return document.layers[id];
    }
    else if (isIE) {
        if (document.getElementById(id) != undefined)
            return document.getElementById(id);
    }
}

