/* ------------------------------------------------------------------------
	2ColumnShow
		
	Developped By: Gabriel Mazzotta -> http://www.gmaz.net
	Version: 2.0
	
	Copyright: Uso de código protegido bajo licencia (c)Gabriel Mazzotta
------------------------------------------------------------------------- */
$.gmaz = {
    currentpage: 0,
    registros: 0,
    pages: 0,
    rows: 3, // cantidad de filas por columna
    current: 0,
    currentCategoria: 'menu',
    currentTipo: '',
    pointer: 0,
    lista: [],
    item: [],
    showprice: 1,
    allowedit: 0,
    alloweditcategs: 1,
    localcustomername: 'Escencia',
    urlgmazservices: 'http://services.gmaz.net/ServiceEscencia.ashx/',
    urlrect: '',
    usertoken: '',
    alterTipoColor: '#CC66FF',
    colDefaultWidth: '280'
}

$(document).ready(function() {

    var goCat = querySt("c");
    var goTip = querySt("t");

    if (goTip != null) {
        $("#TextTipo").val(goTip);
    }
    if (goCat != null) {
        $("#TextCategoria").val(goCat);
        filterCatalog();
    }
    else {
        var destMenu = ($.gmaz.urlgmazservices + '?methodName=GetItems&pCustomerName=Escencia&pCategoria=menu&jsonp=listLoaded');
        $('#itemsScript').attr('src', destMenu);
    }


    $.gmaz.allowedit = $('#gmazadminpanel').attr('rel');
    if ($.gmaz.allowedit == 1) {
        $.gmaz.urlrect = '../';
        $.gmaz.allowedit = 1;
        $.gmaz.alloweditcategs = 1;
        Autenticate();
    }
    else {
        if (window.name == '') {
            var destInation = ($.gmaz.urlgmazservices + '?methodName=Start&jsonp=catalogStarted');
            $('#itemsScript').attr('src', destInation);
        }
    }
});

    function catalogStarted(resutl, methodName) {
        window.name = resutl;
        $.gmaz.colDefaultWidth = '280';        
    }

    function listLoaded(result, methodName) {

        $.gmaz.currentpage = 0;
        $.gmaz.registros = 0;
        $.gmaz.pages = 0;
        $.gmaz.current = 0;
        $.gmaz.lista = result;
        $.gmaz.registros = $.gmaz.lista.length;
        $.gmaz.pages = Math.ceil(($.gmaz.registros / ($.gmaz.rows * 2)));
        
        $("#TextCategoria").val($.gmaz.currentCategoria);
        $("#TextTipo").val($.gmaz.currentTipo);

        paintPage();
    }

    function paintPage() {
        
        $("#catalogo1").html("").css('width', $.gmaz.colDefaultWidth);
        $("#catalogo2").html("");

        resetNavButons();
        
        $("#catalogo1").append("<ul id='col1'>");
        $("#catalogo2").append("<ul id='col2'>");

        $.gmaz.pointer = 0;

        if ($.gmaz.currentpage > 0) {
            $.gmaz.current = ((($.gmaz.rows * 2)) * $.gmaz.currentpage);
        }
        else {
            $.gmaz.current = 0;
        }

        if ($.gmaz.currentCategoria == 'menu') {
            $.gmaz.rows = 2;
        }else{
            $.gmaz.rows = 3;
        }

        $($.gmaz.lista).each(
			function(intIndex) {
			    if ($.gmaz.current <= intIndex) {
			        if ($.gmaz.pointer <= ($.gmaz.rows - 1)) {
			            $("#col1").append(setContent($.gmaz.lista[$.gmaz.current]));
			            $.gmaz.current++;
			        }
			        else if ($.gmaz.pointer <= ($.gmaz.rows * 2) - 1) {
			            $("#col2").append(setContent($.gmaz.lista[$.gmaz.current]));
			            $.gmaz.current++;
			        }

			        $('#mainpanel .categorias' + $.gmaz.lista[intIndex].Identificador).click(function() { changeCategoria($.gmaz.lista[intIndex].Identificador); });
			        $('#mainpanel .openitem').click(function() { showItem($.gmaz.lista[intIndex], intIndex); });
			        $('#mainpanel .paraxElla').css('background-color', $.gmaz.alterTipoColor);

			        $.gmaz.pointer++
			    }
			});



        if (($.gmaz.currentpage == 0) & ($.gmaz.currentCategoria != 'menu')) {
            $("#botones1").html("");
            $("#botones1").append("<a id='menuPagebtn'><h1 class='boton'>Inicio&nbsp;&nbsp;</h1></a>");
            $("#menuPagebtn").click(function() { changeCategoria('menu'); });
        }

        if ($.gmaz.currentpage > 0) {
            $("#botones1").html("");
            $("#botones1").append("<a id='prevPagebtn'><h1 class='boton'>Anteriores</h1></a>");
            $("#prevPagebtn").click(function() { changePage(-1); });
        }

        if (($.gmaz.currentpage <= ($.gmaz.pages)) & ($.gmaz.currentCategoria != 'menu') & ($.gmaz.current < $.gmaz.registros)) {
            $("#botones2").html("");
            $("#botones2").append("<a id='nextPagebtn'><h1 class='boton'>Siguientes</h1></a>");
            $("#nextPagebtn").click(function() { changePage(1); });
        }

        $(".catalogo").hide().slideDown('fast');
    }


    // Cambio de pagina
    function changePage(valor) {
        $.gmaz.currentpage += valor;
        paintPage();
    }

    // Cambio de categoria
    function changeCategoria(valor) {
        $.gmaz.currentCategoria = valor;
        $.gmaz.currentTipo = '';
        var destInation = ($.gmaz.urlgmazservices + '?methodName=GetItems&pCustomerName=' + $.gmaz.localcustomername + '&pCategoria=' + $.gmaz.currentCategoria + '&jsonp=listLoaded');
        $('#itemsScript').attr('src', destInation);
    }

    // Definición de cada elemento
    function setContent(item) {
        var vcontent = '';
        var showdelegate = 'inlinebox';
        var introd = item.Descripcion;
        var tipoclass = item.Tipo;
        tipoclass = tipoclass.replace(" ", "x");
        
        introd = introd.substring(0, 90) + "&nbsp;&nbsp;...";

        if ($.gmaz.currentCategoria == 'menu') {
            vcontent = "<li class='categorias'>";
            if (($.gmaz.alloweditcategs == 1) & ($.gmaz.allowedit == 1)) {
                vcontent += "<a href='../Admin/edititem.htm?x=" + item.Identificador + "' class='iconEdit'><img title='Modificar' src='../images/edit.gif' class='iconEdit' />" + "</a>";
            }
            vcontent += "<a id='#" + item.Identificador + "'>";
            vcontent += "<img class='categorias" + item.Identificador + "' alt='" + item.Titulo + "' src='" + $.gmaz.urlrect + "Data/images/preview/" + item.Archivo1 + "' /></a>";
            vcontent += "<h1>" + item.Titulo + ".</h1>";
            vcontent += "<h2>" + introd + "</h2>"
            vcontent += "</li>";
        }
        else {
            vcontent = "<li class='items'>";
            vcontent += "<h1>" + item.Titulo + "</h1>";
            if ($.gmaz.allowedit == 1) {
                vcontent += "<a href='../Admin/edititem.htm?x=" + item.Identificador + "' class='iconEdit'><img title='Modificar' src='../images/edit.gif' class='iconEdit' />" + "</a>";
                showdelegate = 'fancybox';
            }
            vcontent += "<a class='openitem' alt='" + item.Titulo + "' >";
            vcontent += "<img alt='" + item.Titulo + "' src='" + $.gmaz.urlrect + "Data/images/preview/" + item.Archivo1 + "' /></a>";
            if ($.gmaz.showprice == 1) {
                vcontent += "<h3>" + item.Fecha + "</h3><h4 class='" + tipoclass + "' >" + item.Tipo + "</h4><h5>" + item.Precio + "</h5>";
            }
            vcontent += "<h2>" + introd + "</h2>"
            vcontent += "</li>";
        }
        return vcontent;
    }

    function filterCatalog() {
        $.gmaz.currentCategoria = $("#TextCategoria option:selected").val();
        $.gmaz.currentTipo = $("#TextTipo option:selected").val();
        var destInation = ($.gmaz.urlgmazservices + '?methodName=GetItems&pCustomerName=' + $.gmaz.localcustomername + '&pCategoria=' + $.gmaz.currentCategoria + '&pTipo=' + $.gmaz.currentTipo + '&jsonp=listLoaded');
        $('#itemsScript').attr('src', destInation);
    }

    function querySt(ji) {
        hu = window.location.search.substring(1);
        gy = hu.split("&");
        for (i = 0; i < gy.length; i++) {
            ft = gy[i].split("=");
            if (ft[0] == ji) {
                return ft[1];
            }
        }
    }


    function showItem(item, indice) {
        resetNavButons();
        $("#catalogo1").hide();
        $("#catalogo2").hide();

        $("#catalogo2").html("");
        $("#catalogo1").html("");

        $("#catalogo1").append(prepareItem(item.Identificador));
        $("#catalogo1").css('width', '610');        

        if (indice == 0){
            $("#botones1").html("");
            $("#botones1").append("<a id='menuPagebtn'><h1 class='botonDisabled'>Anterior&nbsp;&nbsp;</h1></a>");
        }

        if (indice > 0) {
            $("#botones1").html("");
            $("#botones1").append("<a id='prevPagebtn'><h1 class='boton'>Anterior</h1></a>");
            $("#prevPagebtn").click(function() { indice--; showItem($.gmaz.lista[indice],indice); });
        }

        if (indice < ($.gmaz.registros-1)) {
            $("#botones2").html("");
            $("#botones2").append("<a id='nextPagebtn'><h1 class='boton'>Siguiente</h1></a>");
            $("#nextPagebtn").click(function() { indice++; showItem($.gmaz.lista[indice],indice); });
        }

        if (indice >= ($.gmaz.registros-1)) {
            $("#botones2").html("");
            $("#botones2").append("<a id='nextPagebtn'><h1 class='botonDisabled'>Siguiente</h1></a>");
        }

        $("#botones3").append("<a id='listPagebtn'><h1 class='boton' >Volver&nbsp;&nbsp;</h1></a>");
        $("#listPagebtn").click(function() { changePage($.gmaz.currentpage); });

        $(".item").mouseover(function() { $("#itemmainpic").attr('src', $(this).attr('src').replace('preview', '')); });

        var urlItem = $.gmaz.urlgmazservices + '?methodName=GetItem&pCustomerName=' + $.gmaz.localcustomername + '&pItemId=' + item.Identificador + '&jsonp=itemLoaded';
        $('#itemsScript').attr('src', urlItem);
        
    }


    function prepareItem(itemId) {

        var icontent = "<div id='itemdiv'><img id='itemmainpic' alt='' title='' src='' class='itemmainpic' />";
            icontent += "<h3 id='TextFecha'></h3><h4 id='TextTipo'></h4><h5 id='TextPrecio'></h5>";
            icontent += "<div class='itemthumbs'><ul>";
            icontent += "<li><img alt='VistaPrevia1' id='VistaPrevia1' title='Imagen 1' src='' class='item' /></li>";
            icontent += "<li><img alt='VistaPrevia2' id='VistaPrevia2' title='Imagen 2' src='' class='item' /></li>";
            icontent += "<li><img alt='VistaPrevia3' id='VistaPrevia3' title='Imagen 3' src='' class='item' /></li>";
            icontent += "<li><span>&nbsp;</span></li>";
            icontent += "<li><span>&nbsp;</span></li>";
            icontent += "</ul></div>";
            icontent += "<div id='itemdescription'><h1 id='TextTitulo'></h1><p id='TextDescripcion'></p></div>";
            if ($.gmaz.allowedit == 1) {
                icontent += "<a href='../Admin/edititem.htm?x=" + itemId + "'><img title='Modificar' src='../images/edit.gif' class='iconEdit' />" + "</a>";
            }             
            icontent += "</div>";

            return icontent;
    }

    function itemLoaded(item) {

        if (item.Archivo1 != '../images/noimage.jpg') {
            $("#VistaPrevia1").attr('src', $.gmaz.urlrect + 'Data/images/preview/' + item.Archivo1);
            $("#itemmainpic").attr('src', $.gmaz.urlrect + 'Data/images/' + item.Archivo1);
        }

        if (item.Archivo2 != '../images/noimage.jpg') {
            $("#VistaPrevia2").attr('src', $.gmaz.urlrect + 'Data/images/preview/' + item.Archivo2);
        }
        else {
            $("#VistaPrevia2").css('display', 'none');
        }
        if (item.Archivo3 != '../images/noimage.jpg') {
            $("#VistaPrevia3").attr('src', $.gmaz.urlrect + 'Data/images/preview/' + item.Archivo3);
        }
        else {
            $("#VistaPrevia3").css('display', 'none');
        }
        if ($.gmaz.shoprice == 1) {
            $("#TextPrecio").text(item.Precio)
        }
        if (item.Tipo == 'para Él') {
            $("#TextTipo").css('background-color', $.gmaz.alterTipoColor);
        }

        $("#catalogo1").slideDown('slow');

        $("#TextTitulo").text(item.Titulo);
        $("#TextTipo").text(item.Tipo);
        $("#TextFecha").text(item.Fecha);
        $("#TextPrecio").text(item.Precio);
        $("#TextDescripcion").text(item.Descripcion);
        $("#TextTitle").val(item.Titulo);    
    
    }

    function resetNavButons() {

        $("#prevPagebtn").remove();
        $("#nextPagebtn").remove();
        $("#listPagebtn").remove();

        $("#botones1").html("");
        $("#botones1").append("<h1 class='botonDisabled'>Anteriores</h1>");

        $("#botones2").html("");
        $("#botones2").append("<h1 class='botonDisabled'>Siguientes</h1>");
        $("#botones3").html("");

    }