/***** Funciones del Carrito de Compras *****/
function agregarAlCarrito(elID, codigo, descr, precio, foto, elOffset) {
    var ok = controlCarrito(elID);
    if (ok == 0) {
        if (confirm("Esta Moneda ya se encuentra en el Carrito") == false) 
            return;
    }
    elCarrito.push(elID + "|" + codigo + "|" + descr + "|" + parseFloat(precio.replace('$', '')) + "|" + foto);
    pos = $("#btnCarritoCompras").offset();
    m=$("#monedaCarrito");
    m.css('visibility', 'visible');
    m.css('top', elOffset.top);
    m.css('left', elOffset.left);
    $("#monedaCarrito").animate({
        top:pos.top, left:pos.left},750);
    $("#monedaCarrito").queue(function () {
        $(this).css('visibility', 'hidden');
        calcularCantidadMonedas();
        $(this).dequeue();
    });
}
function calcularCantidadMonedas() {
    var mensajeCarrito = "";
    rc = $("#resumenCarrito");
    rc.css('visibility', 'visible').css('top', pos.top + 8).css('left', pos.left + 45).draggable();
    mensajeCarrito = "Eligi" + carac('o') + " " + elCarrito.length + " Moneda";
    if (elCarrito.length > 1)
       mensajeCarrito += "s";
    mensajeCarrito += " y son $" + calcularImporteCarrito();
    rc.text(mensajeCarrito);
}
function calcularImporteCarrito() {
    var importe = 0;
    for (i=0; i<elCarrito.length; i++) {
        elArray = elCarrito[i].split('|');
        importe += parseFloat(elArray[3]);
    }
    return importe;
}

function controlCarrito(elID) {
    ok = 1;
    for (i=0; i<elCarrito.length; i++) {
        elArray = elCarrito[i].split('|');
        if (elID == elArray[0])
            ok = 0;
    }
    return ok;
}
function mostrarDetalleCarrito() {
    if (elCarrito.length == 0) {
        alert('El Carrito de Pedidos está vacío');
        return;
    }
    armarVistaCarrito();
}
function armarVistaCarrito() {
    if ($("#detalleCarrito").length > 0)
        $("#detalleCarrito").remove();
    modal(true);
    o = "<div id='detalleCarrito' style='position:absolute; top:20%; left:30%; z-index:148; background:#000000; ";
    o += "width:50%; color:#ffffff'></div>";
    agregarObjeto(o, 'divModal');
    o = "<div>";
    o += "<img src='Imagenes/salir1.ico' alt='' style='float:right; cursor:pointer' onclick='cerrarConsultaCarrito()' />";
    o += "</div>";
    agregarObjeto(o, 'detalleCarrito');
    o = "<p class='tituloTabla' style='width:100%'>Consulta del Carrito</p>";
    o += "<table id='laTabla' border='0' cellspacing=0 width='100%' table-layout:fixed>";
    o += "<tr style='color:#ffffff; background:#FF0000'>";
    o += "<td style='width:10%' class='tituloTabla'>Cód.</td>";
    o += "<td style='width:65%' class='tituloTabla'>Descripción</td>";
    o += "<td style='width:13%' class='tituloTabla'>Precio</td>";
    o += "<td style='width:12%'></td>";
    o += "</tr>";
    o += "</table>";
    agregarObjeto(o, 'detalleCarrito');
    var importe = 0;
    for (i=0; i<elCarrito.length; i++) {
        elArray = elCarrito[i].split('|');
        importe += parseFloat(elArray[3]);
        o = "<tr style='height:30px'>";
        o += "<td class='detalleTabla'>" + elArray[1] + "</td>";
        o += "<td class='detalleTabla'>" + elArray[2] + "</td>";
        o += "<td class='detalleTabla' style='text-align:right'>" + "$ " + elArray[3] + "</td>";
        o += "<td align='center' valign='middle' >";
        o += "<img alt='' src='Imagenes/carritoSacar.ico' style='cursor:pointer' onclick='borrarItemCarrito(" + elArray[0] + ")' />";
        o += "<img alt='' src='Imagenes/buscar32.ico' style='width:20px; height:20px; cursor:pointer; margin-left:10px' "; 
        o += "onclick=\"cerrarConsultaCarrito(); armarModal(" + elArray[0] + ", '" + elArray[1] + "', '" + elArray[2] + "', '";
        o += elArray[3] + "', '" + elArray[4] + "')\" />";
        o += "</td>";
        agregarObjeto(o, 'laTabla');
    }
    o = "<tr style='color:#ffffff; background:#FF0000'>";
    o += "<td></td>";
    o += "<td class='tituloTabla' style='text-align:right; margin-right:8px'>Total:</td>";
    o += "<td class='tituloTabla' style='text-align:right'>" + "$ " + importe + "</td>";
    o += "<td></td>";
    o += "</tr>";
    agregarObjeto(o, 'laTabla');
    o = "<br />"
    o += "<table style='width:100%'><tr valign='middle'><td style='width:48%' align='right'>"
    o += "<div id='Enviar Mail Pedido' style='width:18px; height:18px; cursor:pointer' class='classBoton' ";
    o += "onclick=\"cerrarConsultaCarrito(); llamarPagina('ingresarDatos')\" >";
    o += "<img alt='' src='Imagenes/mailOver.ico' />";
    o += "</div>";
    o += "</td><td style='width:4%'></td>";
    o += "<td style='width:48%; align='left'>";
    o += "<div id='Vaciar Carrito' style='width:18px; height:18px; cursor:pointer' class='classBoton' ";
    o += "onclick=\"vaciarCarrito(); cerrarConsultaCarrito()\" >";
    o += "<img alt='' src='Imagenes/carritoComprasVaciar.ico' />";
    o += "</div>";
    o += "</td></tr></table>";
    o += "<br/>";
    agregarObjeto(o, 'detalleCarrito');
    
    auxDetalleCarrito = $("#detalleCarrito").focus(); 
    var topCarrito = auxDetalleCarrito.offset().top;
    var leftCarrito = auxDetalleCarrito.offset().left;
    
    dmC = document.getElementById('divModal'); 
    paperModal = Raphael(dmC, $(dmC).width(), $(dmC).height());
    recuadroCuadro = paperModal.rect(leftCarrito - 10, topCarrito - 10, auxDetalleCarrito.width() +  20, auxDetalleCarrito.height() + 20, 10);
    recuadroCuadro.attr({ 'fill': '#000000', 'stroke-width': 2, 'stroke':'#ff0000', 'fill-opacity': 1 });
    auxDetalleCarrito.keypress( function(event) {
                                    if (event.keyCode == 27) cerrarConsultaCarrito(); return false;
                            })
    return false;
}

function borrarItemCarrito(cod) {
    var k = -1;
    for (i=0; i<elCarrito.length; i++) {
        elArray = elCarrito[i].split('|');
        if (cod == elArray[0])
            k = i;
    }
    if (k != -1)
        elCarrito.splice(k, 1);
    calcularCantidadMonedas();
    modal(false);
    
    if (elCarrito.length == 0)
        mostrarCarritoVacio();
    else 
        armarVistaCarrito();
}
function vaciarCarrito() {
    elCarrito.length = 0;
    armarVistaCarrito();
    mostrarCarritoVacio();
}
function mostrarCarritoVacio() {
    alert('El Carrito est' + carac('a') + " vac" + carac('i') + "o");
    cerrarConsultaCarrito();
    $("#resumenCarrito").css('visibility', 'hidden');
}
function cerrarConsultaCarrito() {
    $("#detalleCarrito").remove();
    modal('false');
}
/********************************************/