var total_itens = 0;
var total_valor = 0;

// Inicia processo da layer da cesta
function iniciarCesta() {
	// Insere div cesta
	if(!$('body #Cesta').length)
	    $('body').append('<div id="Cesta"></div>');
	
	// Oculta cesta
	$('#Cesta').css('display','none');
	
	// Carrega os itens da cesta
	carregarCesta();
}


// Carrega os itens da cesta de compras
function carregarCesta() {
    // Gera numero randomico para evitar cache
    var r = Number(Math.random());
    $.get('/scripts/home/layer/carrinho.asp', {rnd:r}, function(xml){
        // Fomrata o XML para a layer #Cesta
        formatarXmlCesta(xml);
	},'xml');
}

// Formata XML de retorno com os itens da cesta de compras do cliente
function formatarXmlCesta(xml) {
    var temItem = flag = false;
    var html = tbItens = tbRodape = tbTitulo = msgCestaVazia ='';

	// Título
	tbTitulo = '<img src="/imagem/cesta/t_cesta.gif" alt="Cesta de Compras" />';
	
    // Itens
    tbItens =  '<div id="itens" style="overflow: auto; height:130px;"><table width="100%" cellspacing="0" cellpadding="2" border="0">';
    tbItens += '  <tr style="color: #FFFFFF; background-color: #009CAC;">';
    tbItens += '    <th>Item</th>';
    tbItens += '    <th>Presente?</th>';
    tbItens += '    <th>Disponibilidade</th>';
    tbItens += '    <th>Qtde</th>';
    tbItens += '    <th>Excluir</th>';
    tbItens += '    <th>R$</th>';
    tbItens += '  </tr>';
			
    // Loop dos itens do XML
    $('item', xml).each(function(i){
	    
	    temItem = true;
	    
		nitem   = $(this).find("nitem").text();
		titem   = $(this).find("titem").text();
		titulo  = $(this).find("titulo").text();
		gift    = $(this).find("gift").text();
		dispo   = $(this).find("dispo").text();
		qtde    = $(this).find("qtde").text();
		preco   = $(this).find("preco").text();
		destinatario = $(this).find("destinatario").text();
		bgcolor = (flag) ? ' bgcolor="#E6FDFF"' : ' bgcolor="#FFFFFF"';
		
		switch(titem) {
		    case '3': site = 'musica' ; break;
		    case '4': site = 'videos' ; break;
		    default : site = 'cultura';
		}
		
		if(destinatario != '')
		    para = ' (Para: ' + destinatario + ')';
		else
			para = '';
				
		tbItens += '  <tr>';
		tbItens += '    <td'+bgcolor+' style="padding-left:5px;"><font size="1"><a href="/scripts/'+site+'/resenha/resenha.asp?nitem='+nitem+'">'+(titulo)+'</a>'+(para)+'</font></td>';
		tbItens += '    <td align="center"'+bgcolor+'><label><input type="checkbox" name="cesta_pesente_'+ (i).toString() +'" value="1" onclick="marcarParaPresenteCesta('+nitem+', this)" '+((gift=='' || gift==0)?'':'checked="checked"')+' '+((titem=='10')?'disabled="disabled"':'')+'>&nbsp;<img src="/imagem/comum/gift_pq.gif" alt="Presente" border="0"></label></td>';
		tbItens += '    <td align="center"'+bgcolor+'><font size="1">'+dispo+'</font></td>';
		tbItens += '    <td align="center"'+bgcolor+'><input type="text" name="cesta_qdte_'+ (i).toString() +'" value="'+(qtde)+'" size="2" maxlength="2" onkeyup="alterarQtdeCesta(this.value, '+nitem+')" '+((titem=='10')?'disabled="disabled"':'')+'></td>';
		tbItens += '    <td align="center"'+bgcolor+'><font size="1"><a href="javascript:excluirItemCesta('+ nitem +');">X</a></font></td>';
		tbItens += '    <td align="right"'+bgcolor+' style="padding-right:5px;"><font size="1"><span id="cesta_preco_'+ (i).toString() +'">'+(preco)+'</span></font></td>';
		tbItens += '  </tr>';
		
		flag = !flag;
    });
    // Fim loop dos itens do XML
    
	tbItens += '</table></div>';
	
	total_itens = $('total',xml).find('total_itens').text();
	total_valor = $('total',xml).find('total_valor').text();
	
	tbRodape =  '<table width="100%" cellspacing="0" cellpadding="4" border="0" style="border-top:1px solid #999999;">';
    tbRodape += '  <tr>';
    tbRodape += '    <td align="left"><b>&nbsp;<a href="javascript:limparCesta();">Limpar Cesta</a></b></td>';
    tbRodape += '    <td align="center"><a href="javascript:IrAoCaixa2();"><img src="/imagem/cesta/b_caixa.jpg" alt="Ir ao Caixa" border="0"></a></td>';
    tbRodape += '    <td align="right"><b style="color: #8A0304">Total: R$ '+(total_valor)+'&nbsp;</b></td>';
    tbRodape += '  </tr>';
    tbRodape += '</table>';
	
	// Cesta vazia
	msgCestaVazia = '<p class="empty">Sua cesta de compras est&aacute; vazia. Escolha seus itens em nosso <a href="/scripts/cultura/index.asp">cat&aacute;logo</a>.</p>';
	
	// Prepara html
	if(temItem)
	    html = tbTitulo + tbItens + tbRodape
	else
	    html = msgCestaVazia;
	
	// Insere html na cesta
	$('#Cesta').html(html);
    
    // Aplica estilo css
    cssCesta(temItem);
}

function IrAoCaixa2() {
	var url = "https://" + location.hostname + "/scripts/home/ssl/login.asp";
			if($(":checkbox[name*=cesta_pesente_][checked]").length) {
				//alert('presente');
				//location.href = "https://<%=dominio%>/scripts/home/ssl/login.asp?dest=parapresente&<%=sessao%>";
				location.href = url + "?dest=parapresente";
			} else {
				//alert('nao_presente');
				//location.href = "https://<%=dominio%>/scripts/home/ssl/login.asp?dest=fp1A&<%=sessao%>";
				location.href = url + "?dest=fp1A";
			}
		}

//------------------------------------------------------------------------------------------------
//     CSS       ---------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------
function cssCesta(temItem) {
    // Formata título da Cesta
	$('#Cesta h2').css({
		backgroundColor:'#E5E5E5',
		display:'block',
		fontFamily:'Verdana',
		fontSize:'17px',
		fontWeight:'bold',
		color:'#000000',
		padding:'7px 20px',
		borderBottom:'1px solid #999999'
	});
	
	// Formata th
	$('#Cesta th').css({
		backgroundColor: '#009CAC',
		fontSize:   '8pt',
		fontWeight: 'bold',
		textAlign:  'center',
		padding:    '5px'
	});

	// Formata msg de cesta vazia
	$('#Cesta p.empty').css({
		display:'block',
		fontFamily:'Verdana',
		fontSize:'12px',
		color:'#000000',
		textAlign:'center',
		padding:'15px 10px'
	});

	// Links
	$('#Cesta p.empty a').css({
		fontFamily:'Verdana',
		fontSize:'12px',
		fontWeight:'bold',
		color:'#000000'
	});

	// Tamanho da cesta
	$('#Cesta').css('width','484px');
	$('#Cesta').css('padding','5px');
}

//------------------------------------------------------------------------------------------------
//     AÇÕES     ---------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------
function marcarParaPresenteCesta(nitem, chk) {
	var r = Number(Math.random());
    // loading
    loadingCesta();
	// request
    $.get('/scripts/home/layer/carrinho.asp', {rnd:r, acao:'setaParaPresente', nItem:nitem, valor:((chk.checked)?2:0)}, function(xml){
        formatarXmlCesta(xml);
        refreshCesta();
	}, 'xml');
}

function limparCesta() {
    var r = Number(Math.random());
    // loading
    loadingCesta();
	// request
	$.get('/scripts/home/layer/carrinho.asp', {rnd:r, acao:'limparCesta'}, function(xml){
        formatarXmlCesta(xml);
        refreshCesta();
	}, 'xml');
}

function excluirItemCesta(nitem) {
	alterarQtdeCesta('0', nitem);
}

function alterarQtdeCesta(qt, nitem) {
    var r = Number(Math.random());
	qt = qt.replace(/\D/g, '');
	if(!isNaN(qt) && qt!='') {
	    // loading
	    loadingCesta();
		// request
		$.get('/scripts/home/layer/carrinho.asp', {rnd:r, acao:'alterarQtde', nItem:nitem, quant:qt}, function(xml){
            formatarXmlCesta(xml);
            refreshCesta();
		}, 'xml');
	}
}

// loading
function loadingCesta() {
    if( $('#Layer #Cesta h2 span img').length == 0 )
        $('#Layer #Cesta h2').append('<span style="font-size:9px; padding-left:10px;"><img src="/imagem/comum/loading01.gif" algin="middle" alt="carregando" border="0"></span>');
}

// refresh
function refreshCesta() {
	$('#Layer').html('');
    $('#Cesta').clone().appendTo('#Layer').css('display','');
    atualizaCestaTopo();
}

// cesta Topo
function atualizaCestaTopo() {
    var itens, valor;
   
    if(isNaN(total_itens) || total_itens == '')
        itens = '0 item'
    else
        if(Number(total_itens) > 1)
            itens = total_itens + '&nbsp;itens'
        else
            itens = total_itens + '&nbsp;item';
    	
    if(!isNaN(total_valor) || total_valor == '')
        total_valor = '0,00';
		    	
    $('#cesta_itens').html(itens);
    $('#cesta_valor').html('R$&nbsp;' + total_valor);
}

//------------------------------------------------------------------------------------------------
//    INICIO     ---------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------
$(document).ready(function(){
	iniciarCesta();
});