//***********************************************************************************************
// Objetivo  : Funções iniciais
// Autor     : Klayton Faria   
// Data      : 24/05/2011
//***********************************************************************************************
$(document).ready(function() {	
	retrairMenu();
	preparaCombo("combo-topo-1");
	preparaCombo("combo-topo-2");
	preparaCombo("combo-topo-3");
	preparaCombo("combo-topo-4");
	inputValue();	
	verificaAcesso();
	btnLike(); // Social - Facebook
	//btnSend(); // Social - Facebook
	
	bindCarrinhoPopup(); // Cesta popup
	preparaCarrinhoPopup();
	carrinhoLookbookPopup();
	personalizarPaginaLook();
	personalizarBusca();	
	personalizarControles();
	zebrar('.trProdutoRelacionado','#F6F6F6','#FFFFFF'); // Zebrar lookbook
	zebrar('.GridLine1','#F6F6F6','#FFFFFF'); // Zebrar cesta
	zebrar('.ItemHistory','#F6F6F6','#FFFFFF'); // Zebrar lista de 'Meus pedidos'
	zebrar('.HistoryTable .ItemHistory','#F6F6F6','#FFFFFF'); // Zebrar lista de 'Meus pedidos - Detalhe'   
});

//***********************************************************************************************
//***********************************************************************************************

//Personalizar controles.
function personalizarControles(){
	$('.divCatalogo select').uniform();
	$('#aspnetForm select').uniform();
}

function personalizarBusca(){$('#spnComprePor').html('Refine esta página:');}



// retrairMenu ------------------------------------------------------------------------
function retrairMenu(){
	$("ul.ul_submenu_2").hide().find('li a').each(function(i){
		$(this).prepend('<span class="arrow">&nbsp;&nbsp;&raquo;&nbsp;</span>');
	});
	
	$(".menuLateral .ul_principal .li_submenu_1 .linkSubMenu").each(function(i) {
    	if($(this).parent().parent().find("ul").html() != null){
			$(this).attr("href","javascript:void(0);");
			$(this).addClass("subMenuTrigger");
		}
		
		// bind
		$(this).click(function(){
			ul = $(this).parent().parent().find('.ul_submenu_2').eq(0);
			var state = ul.css('display');
			
			// Toggle menu
			ul.slideToggle(600);
			
			// Scroll window
			o = ul.offset();
			if (state == 'none')
				$('html, body').animate({scrollTop: o.top-20}, 600);
			else if (state == 'block')
				$('html, body').animate({scrollTop: 0}, 600);
		});
    });
}


// preparaCombo (prepara os combos personalizados) ------------------------------------
function preparaCombo(id){
    $("#" + id + " ul").slideUp();
    $("#" + id).mouseleave(function(){$("#" + id + " ul").fadeOut({duration: 300});});
    $("#" + id).click(function(){$("#" + id + " ul").fadeIn({duration: 300});});
}







// preparaCarrinhoPopup (prepara o carrinho popup) ------------------------------------
// ALTERADO IMAGINARIUM - todo o quadro da sacola responde ao clique
function preparaCarrinhoPopup(){ 
  	$("#sacola-de-compras-topo").click(function(){
		if ($(".pop_up").css('display') == 'block')
			fecharCarrinhoPopup();
		else
			mostrarCarrinhoPopup();
  	}).css('cursor','pointer');
	
  	//$("#sacola-de-compras-topo").click(function(){
    //	if ($(".pop_up").css('display') == 'block')
	//		fecharCarrinhoPopup();
  	//});
}








// Ação para o botão comprar Lookbook
function carrinhoLookbookPopup(){
	$('#ctl00_btnComprar, #ctl00_btnComprar2').click(function(){criarCookie('Carrinho','true',1);});
}

// Mostrar carrinho -------------------------------------------------------------------
function mostrarCarrinhoPopup(){
    	$(".pop_up").fadeIn(300);
    	$('#seta-carrinho-popup').hide().attr('src','geral/linxshop/imagens/cabecalho/down_arrow.png').fadeIn(200);
}
function fecharCarrinhoPopup(){
	$(".pop_up").fadeOut(300);
	$('#seta-carrinho-popup').fadeOut(100).attr('src','geral/linxshop/imagens/cabecalho/down_arrow2.png').fadeIn(200);
}
// inputValue (prepara os input) ------------------------------------------------------
function inputValue(){
	$(".inputValue").each(function(){
		var valor = $(this).val();    
		$(this).attr("valorPadrao",valor);
	});
	$(".inputValue").focus(function(){
		if ($(this).val() == $(this).attr("valorPadrao")){
		 $(this).val("");   
		}    
	});   
	$(".inputValue").blur(function(){
		if($(this).val() == ""){   
			$(this).val($(this).attr("valorPadrao"));
		}
	});
}

// Gerar botão Like do Facebook -------------------------------------------------------
function btnLike(){
	var btn = '<iframe src="https://www.facebook.com/plugins/like.php?href=' + encodeURIComponent(location.href) + '&locale=pt_BR&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>';
	
	$('.btn-like-facebook').html(btn);
}

// Gerar botão Send do Facebook -------------------------------------------------------
function btnSend(){
	var btn = '<iframe src="http://www.facebook.com/plugins/send.php?href=' + location.protocol + '//' + location.host + location.pathname + '&locale=pt_BR&amp;width=100&amp;action=send&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>';

	$('.btn-send-facebook').html(btn);
}

// adicionar ao favoritos -------------------------------------------------------------
function addFav(){
    var url      = "http://www.imaginarium.com.br";
    var title    = "Imaginarium";
    if (window.sidebar) window.sidebar.addPanel(title, url,"");
    else if(window.opera && window.print){
        var mbm = document.createElement('a');
        mbm.setAttribute('rel','sidebar');
        mbm.setAttribute('href',url);
        mbm.setAttribute('title',title);
        mbm.click();
    }
    else if(document.all){window.external.AddFavorite(url, title);}
}

// função zebrar ----------------------------------------------------------------------
function zebrar(obj,cor1,cor2){
	$(obj).each(function(i){
        if ((i % 2) == 0){
        	$(obj).eq(i).css('background-color',cor1);
    	}else{
    		$(obj).eq(i).css('background-color',cor2);
    	}
	});
}

// personalizar Página de Lookbook ----------------------------------------------------
function personalizarPaginaLook(){
	$('body.telaDetalheLook').each(function(){
   	$('#toolsfooter').append('<div id="paginacaoThumbs"></div>');
   	$('#paginacaoThumbs').append($('#ctl00_paginacaoProdutos').html());
   	$('#ctl00_paginacaoProdutos').remove();
   	$('#paginacaoThumbs').attr('id','ctl00_paginacaoProdutos');    
    $("#relImagensIndex").jcarousel();
       	$("#pagImagensIndex").jcarousel({
        	scroll: 2   // imagens por vez
    	});
	});
	$('#ctl00_btnComprar, #ctl00_btnComprar2').attr('src','Geral/LinxShop/Imagens/comprar-look.png');
}

// ************************************************** Não alterar daqui por diante !!! *********************************************************************************************** //



function bindCarrinhoPopup() {
	itensCarriho();
	qtdItensCarrinho();
	
	if(lerCookie('Carrinho') == 'true'){
    	$(".pop_up").fadeIn();
    	$('#seta-carrinho-popup').attr('src','geral/linxshop/imagens/cabecalho/down_arrow.png');    		
    	criarCookie('Carrinho','false',1);
    	
    	setTimeout('fecharCarrinhoPopup()',10000)		
	}	
}


function itensCarriho(){
    $.ajax({
        url: "api.aspx?tipo=attcarrinho",
        dataType: 'xml',
        success: function(xml) {
            $('.pop_up .listing #itensCarrinho').empty();
            $(xml).find('carrinho').each(function() {

                var quant = $(this).find("totalItens").text();
                var carrinho = $(this).find("valorTotalCarrinho").text();

                $(".cesta-item em").text(quant);
                $(".cesta-valor em").text(carrinho);


                $(this).find('item').each(function() {

                    var descricao = $(this).find("descricao").text();
                    var cor = $(this).find('cor').text();
                    var tamanho = $(this).find('tamanho').text();
                    var quantidade = $(this).find('quantidade').text();
                    var valorTotalItem = $(this).find('valorTotalItem').text();
                    var imagem = $(this).find('imagem').text();
                    var link = $(this).find('link').text();

                    if (valorTotalItem != "") {

                        var templateProd = '<li>';
                        templateProd += '<div class="profile"> <img src="' + imagem + '" alt="' + descricao + '" title="' + descricao + '" class="img-cesta-popup"/><a href="javascript:void(0);" class="position cross" ><img src="geral/linxshop/imagens/cabecalho/cross.gif" alt=""/></a> </div>';
                        templateProd += '<div class="profile_content">';
                        templateProd += '<h4><a href="#">' + descricao + '</a></b>';
                        templateProd += '<small> Qtd.: ' + quantidade + '</small>';
                        templateProd += '<small> Tam.: ' + tamanho + '</small>';
                        templateProd += '<small>Pre&ccedil;o: ' + valorTotalItem + '</small>';
                        templateProd += '</div></li>';                        
                        $(templateProd).appendTo('.pop_up .listing #itensCarrinho');
                    }
                });
            });
        }
    });
	}
	function qtdItensCarrinho(){
	    $.ajax({
	        url: "api.aspx?tipo=attsacola",
	        dataType: 'xml',
	        success: function(xml) {
	        	$('.pop_up .listing #toolsCarrinho').empty();
	            $(xml).find('attsacola').each(function() {
	                var QtdeItens = $(this).find("QTD_ITENS").text();
	                var ValorTotal = $(this).find("VALOR_TOTAL").text();
	                var templateProd2 = '<li><strong>TOTAL - R$ ' + ValorTotal + '</strong></li>';
	                templateProd2 += '<li class="none">';
	                templateProd2 += '<div class="buttons"> <a href="Carrinho.aspx">Finalizar compra</a></div>';
	                templateProd2 += '</li>';
	                var lblQtdProdutos = QtdeItens <= 1 ? " produto" : " produtos";
	                $(templateProd2).appendTo('.pop_up .listing #toolsCarrinho');
	                $('#carrinho-qtd-produto').html('<b>' + QtdeItens + '</b>' + lblQtdProdutos);
	                if (QtdeItens == 0) {
	                    $('#carrinho-qtd-produto').html('Sacola vazia (0)');
	                    $('#sacola-de-compras-topo').css('background', 'url("./geral/linxshop/imagens/estilo/shopping_bag_vazia.png") no-repeat scroll 1px 2px transparent');
	                } else {
	                    $('#sacola-de-compras-topo').css('background', 'url("./geral/linxshop/imagens/estilo/shopping_bag.png") no-repeat scroll 5px 0 transparent');
	                }
	            });
	        }
	    });
	}
        
function verificaAcesso(){ 
        $.ajax({
            url: "api.aspx?tipo=attverificaacesso",
            dataType: 'xml',
            success: function(xml) {
                $(xml).find('attverificaacesso').each(function() {
                    var ativo = $(this).find("ATIVO").text();
                    var apelido = $(this).find("APELIDO").text();
                    if (ativo == "1") {
                        // troca link no menu sacola
						$("#greetings-sacola-topo").html("<span>Ol&aacute;, "+apelido+"</span>").css('visibility', 'visible').css('margin-top','11px');
						$("#menu-sacola-topo li.login").html("<a href=\"Login.aspx?logout=1\" title=\"Encerrar login\">Sair</a>");
						
						$(".usuario-nome").html("Ol&aacute;, " + apelido + "! <a href=\"Login.aspx?logout=1\" class=\"login-acesso\" title=\"Deslogar do site\">(sair)</a>");
                    }
                    else {
                        $(".usuario-nome").html("Ol&aacute;, visitante! <a href=\"Login.aspx\" class=\"login-acesso\" title=\"Entrar no site\">(entrar)</a>");
                    }
                });
            }
        });
 
    }

function criarCookie(nome,value,dias) {
    if (dias) {
		var data = new Date();
		data.setTime(data.getTime()+(dias*24*60*60*1000));
		var expires = "; expires="+data.toGMTString();
	}
	else var expires = "";
	document.cookie = nome+"="+value+expires+"; path=/";
}

function lerCookie(nome) {
	var nomeEQ = nome + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nomeEQ) == 0) return c.substring(nomeEQ.length,c.length);
	}
	return nomeEQ;
}
function apagarCookie(nome) {criarCookie(nome,"",-1);}