/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

var last = 'none';
var needmove = false;

(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function(container) {
	return this.each(function(i){
            if(container == null) {
                container = 'div';
            }
            var paddingPx = 10; //change this value as you need (It is the extra height for the parent element)
            $(this).html("<" + container + ">" + $(this).html() + "</" + container + ">");
            var el = $(this).children(container + ":first");
            var elh = $(el).height(); //new element height
            var ph = $(this).height(); //parent height
            if(elh > ph) { //if new element height is larger apply this to parent
                $(this).height(elh + paddingPx);
                ph = elh + paddingPx;
            }
            var nh = (ph - elh) / 2; //new margin to apply
            $(el).css('margin-top', nh);
	});
};
})(jQuery);

function changeCat( subcat ) {
    
    $('#subcat_panel').fadeOut('fast');
    $('#loading').fadeIn('fast');
    $('#ccarts').fadeOut('fast');

    $.get(
        '/code/get_cat_html.ajax.php?r='+subcat,
        {r: subcat},
        function (data) {
            $('#loading').fadeOut('fast');
            $('#subcat_panel').html(data).fadeIn('fast');
            $('#subcat_panel img.catimg').load(function() {
                $('#subcat_panel div.catdesc').css('margin-left', ($('#subcat_panel img.catimg').width() + 15) + 'px');
            });
            /**
             * Asignamos a los enlaces de las subcategorías la función de mostrar la lista de artículos
             */
            $('.lsubcats li a').click(function() {
                $('#ccarts').fadeTo('fast',0.1);
                url = $(this).attr('href');
                if (url.substr(0,7) == 'http://') {
                    tmp = url.substr(8);
                    tmp = tmp.split('/');
                    url = '/';
                    for (ct=1;ct<tmp.length;ct++) {
                        url = url + tmp[ct];
                        url = url + '/';
                    }
                }
                needmove = true;
                $.get(
                    '/code/getpage.ajax.php?url='+url,
                    changeArts
                );

                return false;
            })

        }
    );

}

function changeArts(data) {

//    alert(data);

    $('#ccarts').fadeTo('fast',0.1);
    data = data.substr(data.indexOf('<h3 id="tit">Artículos en la categor'));
    data = data.substr(0,data.indexOf('<div id="loading"'));
    $('#ccarts').html(data);
    $('#ccarts').fadeIn('fast');
    $('#ccarts').fadeTo('fast',1,function() {
        if (needmove==true) {
            $('html').animate({
                scrollTop: $("#tit").offset().top
            }, 2000);
        }
    });
    $('#larts li').vAlign();

    /**
     * Asignamos a los enlaces de las subcategorías la función de mostrar la lista de artículos
     */
//    $('.lsubcats li a').click(function() {
//        $('#ccarts').fadeTo('fast',0.1);
//        url = $(this).attr('href');
//        if (url.substr(0,7) == 'http://') {
//            tmp = url.substr(8);
//            tmp = tmp.split('/');
//            url = '/';
//            for (ct=1;ct<tmp.length;ct++) {
//                url = url + tmp[ct];
//                url = url + '/';
//            }
//        }
//        needmove = true;
//        $.get(
//            '/code/getpage.ajax.php?url='+url,
//            changeArts
//        );
//
//        return false;
//    })
//
//    /**
//     * Asignamos a los enlaces de los artículos la función de mostrarlos
//     */
//    $('#larts li a').click(function() {
//        url = $(this).attr('href');
//        if (url.substr(0,7) == 'http://') {
//            tmp = url.substr(8);
//            tmp = tmp.split('/');
//            url = '/';
//            for (ct=1;ct<tmp.length;ct++) {
//                url = url + tmp[ct];
//                url = url + '/';
//            }
//        }
//        needmove = true;
//        $.get(
//            '/code/getpage.ajax.php?url='+url,
//            changeArt
//        );
//
//        return false;
//
//    });

    return false;

}

function changeArt(data) {

//    alert(data);

    $('#ccart').fadeTo('fast',0.1);
    data = data.substr(data.indexOf('<div id="cart">'));
    data = data.substr(0,data.indexOf('<div id="loading"'));
    $('#ccart').html(data);
    $('#ccart').fadeIn('fast');
    $('#ccart').fadeTo('fast',1,function() {
        if (needmove==true) {
            $('html').animate({
                scrollTop: $("#cart").offset().top
            }, 2000);
        }
    });

    return false;

}

function showProdImage( url ) {
    if ($('#imgart').css('display')=='none') {
        $('#imgart').attr('src',url);
        $('#imgart').bind('load', function() {
            $('#imgart2').fadeOut(500,function() {
                $('#imgart').fadeIn(500);
            })
        });
    } else {
        $('#imgart2').attr('src',url);
        $('#imgart2').bind('load', function() {
            $('#imgart').fadeOut(500,function() {
                $('#imgart2').fadeIn(500);
            })
        });
    }
}

$(window).load(function() {
    /**
     * Alineamos verticalmente las categorías
     */
    $('#lcats li').vAlign();
    /**
     * Asignamos a los enlaces de las categorías la función de cambiar la categoría a mostrar
     */
//    $('#lcats li a').click(function() {
//
//        if ($(last)) {
//            $(last).removeClass('selected');
//        }
//        $(this).parent().parent().addClass('selected');
//        last = $(this).parent().parent();
//
//        subcat = $(this).attr('href');
//        if (subcat.indexOf('/productos/')) {
//            subcat = subcat.substr(subcat.indexOf('/productos/'));
//        }
//        subcat = subcat.substr(11,subcat.length-12);
//
//        changeCat(subcat);
//
//        return false;
//    });

    /**
     * Seleccionamos la primera subcategoría
     */
    $('#lcats li a:first').parent().parent().addClass('selected');
    last = $('#lcats li a:first').parent().parent();
    subcat = $('#lcats li a:first').attr('href');
    if (subcat.indexOf('/productos/')) {
        subcat = subcat.substr(subcat.indexOf('/productos/'));
    }
    subcat = subcat.substr(11,subcat.length-12);

    changeCat(subcat);

});