jQuery.noConflict();

// ESTA FUNCION SE CREA PARA CUANDO SE RECARGUE LA PAGINA ESTANDO EN PAGINACION
// YA QUE AL IR A VER UN ARTICULO Y DAR ATRAS EN EL NAVEGADOR SE PERDIA LA NAVEGACION DE LA PAGINACION Y REGRESABA A LA PAGINA 1

function getPosts(page,cnt,linea_corta,order){

    var $ = jQuery;
    var segmento; // Segmento en  la url

    var url = window.location.pathname;
    var l_url = url.slice(-1);
    if(l_url != "/") url = url + "/";

    // range
    var minimo = $('#range_min').val();
    var maximo = $('#range_max').val();
    var minimo_seleccionado = $("#range_min_ant").val();
    var maximo_seleccionado = $("#range_max_ant").val();

    if($("#txtsublinea").val() !== '')
        segmento = 'rodachina_sublinea';
    else if(linea_corta == 'coleccion')
        segmento = 'rodachina_collections';
    else
        segmento = 'rodachina';

    // Forzamos a cuando sea coleccion siempre entre por esta url
    if(linea_corta == 'coleccion') segmento = 'rodachina_collections';
    
    // Data que se envia siempre
    var url_param_data = mainGetParamData();

    // Data para filtros
    var search = window.location.search 
    var data = search.slice(1);

    var page = search.split('page=')[1];
    
    opacity('.contenedor-prods');


    // realiza el cambio de URL en el navegador
    history.pushState(null, null, url+'?'+data);
    historyedited = true;
    
    $.ajax({ 
        url : url + segmento,
        type: 'GET',
        data: data,
        beforeSend: function(){
            $("#loading_prods").show();
            $("#pagination_bottom").hide();
            //atope();
        },
        success:function(result){
            $("#loading_prods").hide();
            //location.href = url+'?'+data;
            $('#rodachina').empty().html(result).fadeIn('slow');
        } 
    });
    
}


function getLineaCorta (linea){
    return linea.split('-')[0];
}

// Evento que se ejecuta al dar click en la paginación
jQuery(document).ready(function() {
    
    var $ = jQuery;
    var cnt = 0;
    var order;

    $.getLineaCorta = function(linea){
        return linea.split('-')[0];
    }

    $(document).on('click', '.pagination a', function (event) {
        cnt = $(".contenedor-prods div.header-test > div ").length;
        order = $("#input_cnt_sortby").val();
        var linea_corta = $.getLineaCorta($("#txtslug").val());
        $(".header-test div.smallflex img").css({border:'1px solid #FFFFFF'});
        var page = $(this).attr('href').split('page=')[1];
        $.getPosts(page,cnt,linea_corta,order);
        event.preventDefault();
    });

    /******************************************************************/
    // NO BORRAR. ESTE PEDAZO REALIZA SU PROCESO AL RECARGAR LA PAGINA ESTANDO EN PAGINACION
    // YA QUE LUEGO DE VER UN ARTICULO Y DARA ATRAS EN EL NAVEGADOR NO REGRESABA A LA PAGINA ACTUAL SINO QUE REGRESABA A LA PAGINA 1
    /******************************************************************/
    /*
    cnt = $(".contenedor-prods div.header-test > div ").length;
    order = $("#input_cnt_sortby").val(); 
    var linea_corta = getLineaCorta($("#txtslug").val());
    $(".header-test div.smallflex img").css({border:'1px solid #FFFFFF'});
    var laurlLoad = window.location.href;
    var page = laurlLoad.split('page=')[1];
    if(page){
        getPosts(page,cnt,linea_corta,order);  // funcion
    }
    */
    
    /******************************************************************/

    $.getPosts = function(page,cnt,linea_corta,order) {

        var $ = jQuery;
        var segmento; // Segmento en  la url

        var url = window.location.pathname;
        var l_url = url.slice(-1);
        if(l_url != "/") url = url + "/";

        // range
        var minimo = $('#range_min').val();
        var maximo = $('#range_max').val();
        var minimo_seleccionado = $("#range_min_ant").val();
        var maximo_seleccionado = $("#range_max_ant").val();


        if($("#txtsublinea").val() !== '')
            segmento = 'rodachina_sublinea';
        else if(linea_corta == 'coleccion')
            segmento = 'rodachina_collections';
        else
            segmento = 'rodachina';

        // Forzamos a cuando sea coleccion siempre entre por esta url
        if(linea_corta == 'coleccion') segmento = 'rodachina_collections';
        
        // Data que se envia siempre
        var url_param_data = mainGetParamData();

        // Data para filtros
        var data = 'load=' + cnt + '&linea=' + $("#txtslug").val() + 
        '&paginacion=' + $("#input_cnt_paginate").val() + '&sortby=' + order + 
        '&sublinea=' + $("#txtsublinea").val() + '&descuento_seleccionado=' + $("#txtdescuento").val() + '&minimo=' + minimo + '&maximo=' + maximo + '&minimo_seleccionado=' + minimo_seleccionado + '&maximo_seleccionado=' + maximo_seleccionado + '&' + url_param_data + '&page=' + page;

        opacity('.contenedor-prods');

        // realiza el cambio de URL en el navegador
        //var nur = url.slice(0,-1)
        
        //history.pushState(null, null, url+'?page='+page);
        //history.pushState(null, null, url+'?'+data);
        //historyedited = true;

        $.ajax({ 
            url : url + segmento,
            type: 'GET',
            data: data,
            cache: false,
            beforeSend: function(){
                $("#loading_prods").show();
                $("#pagination_bottom").hide();
                atope();
            },
            success:function(result){
                $("#loading_prods").hide();
                //location.href = url+'?'+data;
                $('#rodachina').empty().html(result).fadeIn('slow');
            } 
        });
        
    }


    // Evento que se ejecuta al dar click en el filtro x pagina    
    $(document).on('change', 'select#perpage', function (e) {
        cnt = $(".contenedor-prods div.header-test > div").length;

        // reemplazamos este campo por el valor de la paginacion seleccionada para que agregre los flex faltantes en 
        // main-segmento con el js add_missing_flex y no amplie las imagenes 
        $("#cant_items_mostrados").val($(this).val());

        linea_corta = $.getLineaCorta($("#txtslug").val());
        $.getPosts2($(this).val(),cnt,$("select#sortby").val(),linea_corta);
        e.preventDefault();
    });


    $.getPosts2 = function (page,cnt,sortby,linea_corta) {
        var $ = jQuery;
        var url = window.location.pathname;
        var l_url = url.slice(-1);
        if(l_url != "/") url = url + "/";

        // range
        var minimo = $('#range_min').val();
        var maximo = $('#range_max').val();
        var minimo_seleccionado = $("#range_min_ant").val();
        var maximo_seleccionado = $("#range_max_ant").val();

        // Data que se envia siempre
        var url_param_data = mainGetParamData();

        // Cambia el segmento de la URL dependiendo la vista
        segmento = (linea_corta == 'coleccion') ? 'rodachina_collections' : 'rodachina';

        // Data
        var data = 'page=1'+ '&load=' + cnt + '&linea=' + $("#txtslug").val() + '&paginacion='+ page + '&sortby=' + sortby + '&sublinea=' + $("#txtsublinea").val() + '&descuento_seleccionado=' + $("#txtdescuento").val() + '&minimo=' + minimo + '&maximo=' + maximo + '&minimo_seleccionado=' + minimo_seleccionado + '&maximo_seleccionado=' + maximo_seleccionado + '&' + url_param_data;

        opacity('.contenedor-prods');

        $.ajax({ 
            url : url + segmento,
            type: 'GET',
            data: data,
            beforeSend: function(){
                $("#loading_prods").show();
                $("#pagination_bottom").hide();
            },
            success:function(result){

                $("#loading_prods").hide();
                $('#rodachina').empty().html(result).fadeIn('slow');
            }
        });     
    }


    // Evento que se ejecuta al seleccionar el filtro sortby (precio mayor - menor)
    $(document).on('change', 'select#sortby', function (e) {

        // Ocultamos la grilla tipo Orafa Design y mostramos la grilla flex
        $("#cont_maq_default").css({display:'none'});
        $("#cont_maq_flex").css({display:'inline-flex'});
        var linea_corta = $.getLineaCorta($("#txtslug").val());
        var cnt = $(".contenedor-prods div.header-test > div").length;

        $("#txtsortby").val($(this).val());

        $.sortby($(this).val(),cnt,linea_corta);

        e.preventDefault();
    });

    $.sortby = function(sortby,cnt,linea_corta){
        var $ = jQuery;
        var segmento;

        var url = window.location.pathname;
        var l_url = url.slice(-1);
        if(l_url != "/") url = url + "/";

         // range
        var minimo = $('#range_min').val();
        var maximo = $('#range_max').val();
        var minimo_seleccionado = $("#range_min_ant").val();
        var maximo_seleccionado = $("#range_max_ant").val();


        // Data que se envia siempre
        var url_param_data = mainGetParamData();

        // Cambia el segmento de la URL dependiendo la vista
        segmento = (linea_corta == 'coleccion') ? 'rodachina_collections' : 'rodachina';

        // Data
        var data = 'page=1'+ '&load=' + cnt + '&linea=' + $("#txtslug").val() + '&paginacion='+ $("#input_cnt_paginate").val() + '&sortby=' + sortby + '&sublinea=' + $("#txtsublinea").val() + '&descuento_seleccionado=' + $("#txtdescuento").val() + '&minimo=' + minimo + '&maximo=' + maximo + '&minimo_seleccionado=' + minimo_seleccionado + '&maximo_seleccionado=' + maximo_seleccionado + '&' + url_param_data;

        opacity('.contenedor-prods');

        //console.log(url + segmento + "?"+data);

        $.ajax({ 
            url : url + segmento,
            type: 'GET',
            data: data,
            beforeSend: function(){
                $("#loading_prods").show();
                $("#pagination_bottom").hide();
            },
            success:function(result){

                $("#loading_prods").hide();
                $('#rodachina').empty().html(result).fadeIn('slow');
                
                // solo se llama si el valor del input oculto {input_cnt_sortby} es diferente de cero
            }
        });

    }

});