var htmlProducto = null;
function procesarProducto()
{
    var tpl;
    if (cliente != undefined || cliente != null)
    {
        tpl = "tpl/tpl_itemproducto_on.html";
    } else
    {
        tpl = "tpl/tpl_itemproducto.html";
    }
	if (tpl .substr(0,1)!="/"){
		tpl  = "/" + tpl  ;
	}
	tpl  = Mgr.FixUrl(tpl );
	
	
    $.get(tpl, {}, function(data)
    {
        htmlProducto = data;
        if (cliente)
        {
            $("#div_listaproducto").after("");
            $("#div_listaproducto").after(htmlProducto);
            writeProductOn();
        } else {
		    $("#div_listaproducto").after("");
            $("#div_listaproducto").after("<BR>");
            writeProductOff();
            writePageOff();
        }
        Mgr.Localize();
    });
}
function writeProductOn()
{
    var colorA = "#FCF5F5";
    var colorB = "#E9E9E9";
    var currentColor = "#E9E9E9";
    var resultProduct = "";
    var i = 0;
    for (i = 0; i <= (result.records.length - 1); i++)
    {
        var item = result.records[i];
        resultProduct += "<tr>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\">" + item.Codigo + "</td>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\">" + item.Barra + "</td>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\" STYLE='cursor: hand' onclick='searchby(\"titulo\",\"" + item.Descripcion + "\")'>" + item.Descripcion + "</td>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\" STYLE='cursor: hand' onclick='searchby(\"interprete\",\"" + result.records[i].Detalle + "\")'>" + result.records[i].Detalle + "</td>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\" STYLE='cursor: hand' onclick='searchby(\"sello\",\"" + result.records[i].MarcaDetalle + "\")'>" + result.records[i].MarcaDetalle + "</td>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\">" + item.RubroDetalle + "</td>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\">" + item.FechaAlta + "</td>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\"><div class=\"importe\">" + item.Precio + "</div></td>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\"><img height=\"10\" src=\"" + item.EstadoStock + "\" width=\"10\" border=\"0\"/></td>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\"><div align=\"center\"><input type=\"text\" class=\"cantidad\" id=\"" + item.Codigo + "\" size=\"3\" value=\"";
        if (listaPedido != null && listaPedido != undefined)
        {
            var x = parseInt(listaPedido.Get(item.Codigo));
            resultProduct += x;
        } else
        {
            resultProduct += "0";
        }
        resultProduct += "\"/></div></td>";
        resultProduct += "<td bgcolor=\"" + currentColor + "\"><div align=\"center\" class=\"hotspot2\" onclick=\"TINY.box.show('viewProductHandler.ashx?id=" + escape(item.Codigo) + "',1,330,380,1)\">+</div></td>";
        resultProduct += "</tr>";
        if (currentColor == colorA)
            currentColor = colorB;
        else
            currentColor = colorA;
    }
    $("tbody#items").after("");
    $("tbody#items").empty().after(resultProduct);
    $.getScript("js/pedido.js", function()
    {
        writePageOff();
    });
}
function encodeMyHtml()
{
    encodedHtml = escape(encodeHtml.htmlToEncode.value);
    encodedHtml = encodedHtml.replace(/\//g, "%2F");
    encodedHtml = encodedHtml.replace(/\?/g, "%3F");
    encodedHtml = encodedHtml.replace(/=/g, "%3D");
    encodedHtml = encodedHtml.replace(/&/g, "%26");
    encodedHtml = encodedHtml.replace(/@/g, "%40");
    encodeHtml.htmlEncoded.value = encodedHtml;
}
function myAddSlashes(str)
{
    str = str.replace(/\"/g, '\\"');
    return str;
}

function myStripSlashes(str)
{
    str = str.replace(/\\'/g, '\'');
    str = str.replace(/\\"/g, '"');
    return str;
}
function ReplaceEnters(texto, conbr)
{
    if (conbr)
    {
        pat = new RegExp(String.fromCharCode(13), "g")
        pat2 = new RegExp(String.fromCharCode(10), "g")
        texto = texto.replace(pat, "");
        texto = texto.replace(pat2, "<br>");
    } else
    {
        texto = texto.replace(/<br>/g, String.fromCharCode(13));
    }
    return texto
}
function writeProductOff()
{
    procesarBloque0();
    procesarBloque1();
    procesarBloque2();
    procesarBloque3();
    procesarBloque4();
}
function writePageOff()
{
    b = parseInt(result.prodinfo.totalPages);
    if (b > 1 && parseInt(result.prodinfo.totalRow) > 12)
    {
        var s = "<div align=\"center\"> &nbsp; &nbsp;";
        if (result.paraminfo.pageindex > 1)
        {
            s += "<a href=\"#\" class=\"link1\" alt=\"\" onclick=\"JumpToPage('first')\">  &lt;&lt;I</a> &nbsp;";
            s += "<a href=\"#\" class=\"link1\" alt=\"\" onclick=\"JumpToPage('previus')\">&lt; I </a> &nbsp;";
        }
        if (result.prodinfo.totalPages > 1)
        {
            s += "<span rel=\"localize[producto.encontrados]\" class=\"textobl\">  Encontrados </span> &nbsp;";
            s += "<span class=\"textobl\"> " + result.prodinfo.totalRow + " </span> &nbsp;";
            s += "<span rel=\"localize[producto.deresultado]\" class=\"textobl\">  Resultados </span> &nbsp;";
            s += "<span rel=\"localize[producto.viendopagina]\" class=\"textobl\">  Visualizando P&aacute;gina : </span> &nbsp;";
            s += "<span class=\"textobl\">" + result.paraminfo.pageindex + "</span> &nbsp;";
            s += "<span rel=\"localize[producto.depaginas]\" class=\"textobl\">  de </span> &nbsp;";
            s += "<span class=\"textobl\">" + result.prodinfo.totalPages + "</span> &nbsp;&nbsp;&nbsp;";
        }
        if (result.paraminfo.pageindex != result.prodinfo.totalPages)
        {
            s += "<a href=\"#\" class=\"link1\" alt=\"\" onclick=\"JumpToPage('next')\">I &gt;</a> &nbsp;";
            s += "<a href=\"#\" class=\"link1\" alt=\"\" onclick=\"JumpToPage('last')\">  I&gt;&gt</a> &nbsp;";
        }
        s += "<a href=\"#\" class=\"link1\" alt=\"\" id=\"lnkGoPage\" onclick=\"JumpToPage('goto');\"><span rel=\"localize[producto.irapagina]\" class=\"textobl\">  ir a : </span> &nbsp;&nbsp;</a> &nbsp;";
        s += "&nbsp;<input  id=\"txtNroPage\" type=\"text\" class=\"codigo2\" size=\"3\" value=\"" + result.paraminfo.pageindex + "\" />";
        //s += "[T:" + result.prodinfo.totalPages + "-P:" + result.paraminfo.pageindex + "]";
        s += " &nbsp; &nbsp;</div>";
        s = "<br>" + s + "<br>"
		$("#paginador_producto").empty().after("");
        $("#paginador_producto").after("");
        $("#paginador_producto").after(s);
    }
}
function viewProduct(n)
{
    var callTo = "viewProductHandler.ashx?id=" + n ;
    TINY.box.show(callTo,1,0,0, 1);
}
function viewAttribute(n)
{
}
function GoPage(pagenumber)
{
    //GetContentSearchBasic(pPageIndex,pPageSize,pOption,pValue,pCliente) {
    //SearchProductHandler.ashx?type_option=search_basic&pageindex=0&pagesize=6&option=codigo&value=6&cliente=0
    //GetProductContent(pType, pPageIndex, pPageSize, pOption, pValue, pCliente) {
    var p = 0;
    if (cliente != undefined || cliente != null)
    {
        p = cliente.Codigo;
    }
    GetProductContent(result.paraminfo.type_option, pagenumber, result.paraminfo.pagesize, result.paraminfo.option, result.paraminfo.value, p);
}
function JumpToPage(page)
{
    var p = result.paraminfo.pageindex;
    if (page == "previus")
        p--;
    if (page == "first")
        p = 1;
    if (page == "next")
        p++;
    if (page == "last")
        p = result.prodinfo.totalPages;

    if (page == "goto")
    {
        a = parseInt($("#txtNroPage").val());
        b = parseInt(result.prodinfo.totalPages);
        if (a >= 0)
        {
            if (b > a)
            {
                GoPage(a);
            } else
            {
                GoPage(result.prodinfo.totalPages);
            }
        }
    } else
    {
        GoPage(p);
    }
}
function Insert(bloque, html)
{
    var insert = $(bloque);
	insert.append(html);
}
function writePunto(bloque)
{
    Insert(bloque, "<td valign=\"middle\" width=\"1%\"><img height=\"80\" src=\"imagenes/puntogris.gif\" width=\"1\"/></td>");
}
function writeSep(bloque)
{
    Insert(bloque, "<tr><td background=\"imagenes/separador_h.gif\" colspan=\"5\"><img height=\"4\" src=\"imagenes/espacio.gif\" width=\"4\" /></td></tr>");
}
function writeProducto(numero, bloque)
{
    if (htmlProducto != null)
    {
        var b = htmlProducto ;
        b = b.replace("#lnkTo#", result.records[numero].Codigo);
        b = b.replace("#codigo#", result.records[numero].Codigo);
        b = b.replace("#imagen#", result.records[numero].Imagen);
        b = b.replace("#codigo#", result.records[numero].Codigo);
        b = b.replace("#descripcion#", result.records[numero].Descripcion);
        b = b.replace("#detalle#", result.records[numero].Detalle);
        b = b.replace("#marca#", result.records[numero].MarcaDetalle);
        b = b.replace("#rubro#", result.records[numero].RubroDetalle);
        b = b.replace("#codigobarra#", result.records[numero].Barra);
        Insert(bloque, b);
    }
}
function procesarBloque0()
{
    $("#producto_bloque0").after("<tr>");
    if (result.records.length > 1)
    {    
        writeProducto(1, "#producto_bloque0");
    }
    if (result.records.length > 0)
    {
	    writePunto("#producto_bloque0");
        writeProducto(0, "#producto_bloque0");
    }
    $("#producto_bloque0").after("</tr>");
    if (result.records.length > 1)
    {
        writeSep("#producto_bloque0");
    }
}
function procesarBloque1()
{
    $("#producto_bloque1").after("<tr>");
    if (result.records.length > 3)
    {        
        writeProducto(3, "#producto_bloque1");
    }
    if (result.records.length > 2)
    {
	   writePunto("#producto_bloque1");       
	   writeProducto(2, "#producto_bloque1");
    }
    $("#producto_bloque1").after("</tr>");
    if (result.records.length > 3)
    {
        writeSep("#producto_bloque1");
    }
}
function procesarBloque2()
{
    $("#producto_bloque2").after("<tr>");

    if (result.records.length > 5)
    {       
        writeProducto(5, "#producto_bloque2");
    }
	if (result.records.length > 4)
    {
		writePunto("#producto_bloque2");
        writeProducto(4, "#producto_bloque2");
    }
    $("#producto_bloque2").after("</tr>");
    if (result.records.length > 5)
    {
        writeSep("#producto_bloque2");
    }
}
function procesarBloque3()
{
    $("#producto_bloque3").after("<tr>");

    if (result.records.length > 7)
    {      
        writeProducto(7, "#producto_bloque3");
    }
	    if (result.records.length > 6)
    {
       writePunto("#producto_bloque3");
	   writeProducto(6, "#producto_bloque3");
    }
    $("#producto_bloque3").after("</tr>");
    if (result.records.length > 7)
    {
        writeSep("#producto_bloque3");
    }
}
function procesarBloque4()
{
    $("#producto_bloque4").after("<tr>");

    if (result.records.length > 9)
    {
        writeProducto(9, "#producto_bloque4");
    }
	if (result.records.length > 8)
    {
        writePunto("#producto_bloque4");
        writeProducto(8, "#producto_bloque4");
    }
    $("#producto_bloque4").after("</tr>");
    if (result.records.length > 9)
    {
        writeSep("#producto_bloque4");
    }
}
function GetProductContent(pType, pPageIndex, pPageSize, pOption, pValue, pCliente,pFilter)
{
    var lok = false;
    $("#msgbox_search").removeClass().addClass('messagebox');
    datatosend = { type_option: pType, option: pOption, value: pValue, pageindex: pPageIndex, pagesize: pPageSize, cliente: pCliente, commonfilter: pFilter, rand: Math.random() };
    $.ajax({
        url: "ProductControllerHandler.ashx",
        async: false,
        data: datatosend,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        error: function(objeto, quepaso, otroobj)
        {
            $("#msgbox_search").removeClass().addClass('messageboxerror').text("Error : " + quepaso);
        },
        global: true,
        ifModified: false,
        processData: true,
        success: function(d)
        {
            result = null;
            result = d;
            $("#msgbox_search").removeClass();
			Mgr.GetSectionHtml('tpl_listaproducto.html','divContenido', SearchBasic);
        },
        timeout: 50000,
        type: "GET"
    });
}
function SearchBasic()
{
    if (result.paraminfo.type_option == "search_basic")
    {
        $("#secciontitulo").attr({
            rel: "localize[busqueda.titulo]"
        });
        $("#seccionmensaje").attr({
            rel: "localize[busqueda.mensaje]"
        });
        $("#subsecciontitulo").attr({
            rel: "localize[busqueda.titulo]"
        });
    } else if (result.paraminfo.type_option == "oferta")
    {
        $("#secciontitulo").attr({
            rel: "localize[oferta.titulo]"
        });
        $("#seccionmensaje").attr({
            rel: "localize[oferta.mensaje]"
        });
        $("#subsecciontitulo").attr({
            rel: "localize[oferta.titulo]"
        });
    } else if (result.paraminfo.type_option == "novedad")
    {
        $("#secciontitulo").attr({
            rel: "localize[novedad.titulo]"
        });
        $("#seccionmensaje").attr({
            rel: "localize[novedad.mensaje]"
        });
        $("#subsecciontitulo").attr({
            rel: "localize[novedad.titulo]"
        });
    } else if (result.paraminfo.type_option == "lanzamiento")
    {
        $("#secciontitulo").attr({
            rel: "localize[lanzamiento.titulo]"
        });
        $("#seccionmensaje").attr({
            rel: "localize[lanzamiento.mensaje]"
        });
        $("#subsecciontitulo").attr({
            rel: "localize[lanzamiento.titulo]"
        });
    } else if (result.paraminfo.type_option == "ranking")
    {
        $("#secciontitulo").attr({
            rel: "localize[ranking.titulo]"
        });
        $("#seccionmensaje").attr({
            rel: "localize[ranking.mensaje]"
        });
        $("#subsecciontitulo").attr({
            rel: "localize[ranking.titulo]"
        });
    }
    //}
    if (result!=null && result.records.length > 0)
    {
        Mgr.GetSectionHtml('tpl_producto.html', 'div_listaproducto', procesarProducto);
    } else
    {
        $("#divContenido #div_listaproducto").empty().after("<p><span rel=\"localize[producto.sinresultado]\" class=\"textorojo\"> Sin Resultados </span>");
    }
    if (cliente)
    {
        $.getScript("js/pedido.js");
    }
}