$(document).ready(function () {
    /*
    * Rollover
    */
    $('.rollover').hover(function () {
        var nameSplit = new Array();
        nameSplit = $(this).attr('src').split('.');
        if (nameSplit[0].substring(nameSplit[0].length - 5, nameSplit[0].length) != '_over') {
            $(this).attr('src', nameSplit[0] + '_over.' + nameSplit[1]);
        }

    }, function () {
        var nameSplit = new Array;
        nameSplit = $(this).attr('src').split('.');
        if (nameSplit[0].substring(nameSplit[0].length - 5, nameSplit[0].length) == '_over') {
            $(this).attr('src', nameSplit[0].substring(0, nameSplit[0].length - 5) + '.' + nameSplit[1]);
        }
    });

    /*
    * Precarga rollover
    */
    $(window).bind('load', function () {
        var preload = new Array();
        $(".rollover").each(function () {
            s = $(this).attr("src").replace(/\.(.+)$/i, "_over.$1");
            preload.push(s);
        });
        var img = document.createElement('img');
        $(img).bind('load', function () {
            if (preload[0]) {
                this.src = preload.shift();
            }
        }).trigger('load');
    });

    /*
    * Login box
    */
    $('#page #top ul#users li form input[type="text"], #page #top ul#users li form input[type="password"]').focus(function () {
        if (this.value == "email" || this.value == 'password') this.value = '';
    });

    /*
    * Alto del sidebox
    */
    $('#sidebox div.content').css('min-height', function () {
        var margin;
        if ($(this).hasClass('submenu')) margin = 66;
        else margin = 86;
        if ($('#sidebox div.bottom').hasClass('legend')) {
            return $('#contentbox').height() - margin - 300;
        }
        else return $('#contentbox').height() - margin;
    });
    //$('#sidebox div.content.submenu').css('min-height',$('#contentbox').height() - 66);
    /*
    * Submenus
    */
    $('#sidebox .content.submenu li.selected ul').show();
    $('#sidebox .content.submenu li ul li.selected').parent().show();
    $('#sidebox .content.submenu li ul li.selected').parent().parent().children('a').css('background-color', '#000000');
    $('#sidebox .content.submenu li ul li.selected').parent().parent().children('a').css('color', '#ffffff');
    $('#sidebox .content.submenu li a').click(function () {
        if ($(this).parent().children('ul').length > 0) {
            //if ($(this).parent().find('.selected').length < 1) {
            $('#sidebox .content.submenu li ul').slideUp();
            $(this).parent().children('ul').slideToggle();

            //}
            return false;
        }
    });

    /*
    * Carrito
    */
    $('#ticket_button').hover(function () {
        $('#cart_window').show();
        return false;
    });
    $('#cart_window').hover(null, function () {
        $('#cart_window').hide();
        return false;
    });

    /*$('#left_button a').click(function(){
    if ($('#cart_window').css('display') == 'none') $('#cart_window').show();
    else $('#cart_window').hide();
    return false;
    });*/

    /*
    * Pestañas producto
    */
    $('li.boxitem.productDetails .top li a').click(function () {
        loadProductTab($(this).parent().attr('id'));
        return false;
    });

    var loadProductTab = function (id) {
        if (!$('li.boxitem').hasClass('productDetails')) return false;
        var page;
        var section;
        switch (id) {
            case "description": section = "Descripcion"; break;
            case "moreInfo": section = "MasInformacion"; break;
            case "nutritionalInfo": section = "InformacionNutricional"; break;
            case "recipes": section = "Recetas"; break;
            default: section = "Error"; break;
        }
        $('li.boxitem.productDetails .top li').removeClass('selected');
        $('li.boxitem.productDetails .top li#' + id).addClass('selected');
        $('li.boxitem.productDetails .content .data .text').empty();
        $('li.boxitem.productDetails .content .data .text').addClass('loading');
        $.ajax({
            type: 'GET',
            url: '/Producto/' + getUrlVars()[5] + '/' + section,
            processData: false,
            contentType: 'application/x-www-form-urlencoded;charset=ISO-8859-1',
            success: function (html) {
                $('li.boxitem.productDetails .content .data .text').removeClass('loading');
                $('li.boxitem.productDetails .content .data .text').html(html);
            },
            error: function () {
                $('li.boxitem.productDetails .content .data .text').removeClass('loading');
                $('li.boxitem.productDetails .content .data .text').html('No se pudo acceder a la información solicitada.');
            }
        });
    }
    //loadProductTab('description');

    /*
    * Pestañas principal
    */
    $('div#tabs .header li a').click(function () {
        loadHomeTab($(this).parent().attr('id'));
        return false;
    });

    var loadHomeTab = function (id) {
        if ($('#content').find('#tabs').length < 1) return false;
        var page;
        var background;
        var url;
        $('div#tabs .header li').removeClass('selected');
        switch (id) {
            case 'promociones':
                background = 'url(/images/tabs_box_content.png)';
                url = '/Promociones/';
                break;
            case 'novedades':
                background = 'none';
                url = 'Tienda/Novedades/Small';
                break;
            case 'masVendidos':
                background = 'none';
                url = 'Tienda/MasVendidos/Small';
                break;
            case 'ofertas':
                background = 'none';
                url = 'Tienda/Ofertas/Small';
                break;
            case 'liquidacion':
                background = 'none';
                url = 'Tienda/Liquidaciones/Small';
                break;
        }
        $('div#tabs .content').removeAttr('style');
        $('div#tabs .header li#' + id).addClass('selected');
        $('#page #content #tabs .content').empty()
        $('#page #content div#tabs .content').addClass('loading');
        $.ajax({
            url: url,
            processData: false,
            contentType: 'application/x-www-form-urlencoded;charset=ISO-8859-1',
            success: function (html) {
                $('div#tabs .content').css('background-image', background);
                $('div#tabs .content').removeClass('loading');
                $('div#tabs .content').html(html);
            },
            error: function () {
                $('div#tabs .content').removeClass('loading');
                $('div#tabs .content').html('No se pudo acceder a la información solicitada.');
            }
        });
    }
    loadHomeTab('promociones');

    /*
    * Carrusel
    */
    if ($('#slider').length != 0) {
        $('#slider #items').jCarouselLite({
            btnNext: ".direction_button.next",
            btnPrev: ".direction_button.prev",
            scroll: 3,
            speed: 800,
            auto: 5000
        });
    }
    /*
    * Acceder a variables GET
    */
    function getUrlVars() {
        var parts = window.location.href.split('/');
        return parts;
    }
    /*
    * Migas
    */
    if ($('#crumbs').length != 0) {

        for (var i = 0; i < $('#crumbs li').length; i++) {
            var section;
            section = $('#crumbs li:eq(' + i + ')');
            if (i == 0) { section.html('<b>&middot;&middot;&middot;</b> ' + section.html()) }
            else { section.addClass('subsection'); }
        }
    }



    $('img, input[type="image"]').attr('title', function () { return $(this).attr('alt'); });
});
