//*** FANCYBOX ***//
$(document).ready(function() {
    CargarFancy();
    CargarZoom(1,-1);
});

function CargarFancy() {
    $(".fancyamp").fancybox({
        'zoomOpacity': true,
        'overlayShow': false,
        'zoomSpeedIn': 800,
        'zoomSpeedOut': 800
    });
}

function CargarZoom(posicion, zoom) {
    if (posicion == -1) {
        var lista = $(".gallery_thumbs > li");
        var pos = 1;
        var encontrado = false;
        $.each(lista, function(i, n) {
            if (this.id != "")
                clase = $("#" + this.id + " > a").attr("class");
            else
                clase = "";
            if ((clase.indexOf("jqzoom") == -1) && (encontrado == false)) {
                pos = pos + 1;
            }
            else
                encontrado = true;
        });
        posicion = pos;
    }

    if ($('input[name=chkzoom]').html() != null) {
        //$('input[name=chkzoom]').removeAttr("onclick");
        //$('input[name=chkzoom]').attr("onclick", function() { CargarZoom(posicion, zoom); });
        $('input[name=chkzoom]').unbind();
        $('input[name=chkzoom]').bind("click", function(e) { CargarZoom(posicion, zoom); });
        
        var options = {
            zoomWidth: 347,
            zoomHeight: 348,
            yOffset: ((posicion - 1) * -90),
            xOffset: 4,
            lens: false,
            title: false
        };

        if (zoom != -1) {
            if (zoom == 1) {
                $('input[name=chkzoom]').attr('checked', true);
            }
            else {
                $('input[name=chkzoom]').attr('checked', false);
            }
        }

        //checked
        var checked = $('input[type=checkbox]:checked').val() != undefined;
        //unchecked
        var unchecked = $('input[type=checkbox]:checked').val() == undefined;

        if (checked)
            $('.jqzoom').jqzoom(options);
        else {
            //desactivar zoom
            $('.jqzoom').unbind();
        }
    }
}

function LeerZoom()
{
    var checked = $('input[type=checkbox]:checked').val() != undefined;
    
    if(checked)
        return 1;
    else
        return 0;
}

function ReemplazarFuente() {
    Cufon.replace('.title_h1');
    Cufon.replace('.title_h2');
    Cufon.replace('.title_h3');
    Cufon.replace(['#menu a'], { hover: true });
    Cufon.replace(['.submenu a'], { hover: true });
    Cufon.replace(['#menufooter'], { hover: true });
    Cufon.replace('#content .price');
    Cufon.replace('#content .descuento');
    Cufon.replace('#content .descuento_es');
    Cufon.replace('#content .descuento_en');
    Cufon.replace('#content .item_descuento');
    Cufon.replace('#content .titulos');
}

/*success: function(msg) {

    $(".carousel").after("<div id='carousel_desplazar'>" + msg.d + "</div>");

    $("#carousel_desplazar").animate({
        width: "70%",
        opacity: 0.4,
        marginLeft: "0.6in",
        fontSize: "3em",
        borderWidth: "10px"
    }, 1500);
    alert("llego3");
    // $('.carousel').html(msg.d);
}*/

function GetSiguiente(dominio,coleccion,estilo,pagina,outlet,lang) 
{
    /*var loc = window.location.href;
    var indice = loc.indexOf("?");
    if(indice != -1)
        loc = loc.substr(0,indice);*/
    loc = "http://" + dominio + "/views/publica/coleccion/coleccion.aspx";

    var zoom = LeerZoom();
    
    $(".pagina-carousel").animate({
        opacity: 0.0
    }, 2000);

    $.ajax({
        type: "POST",
        url: loc + "/LoadCarousel",
        data: "{coleccion: '" + coleccion + "',estilo: '" + estilo + "',pagina: '" + pagina + "',outlet: '" + outlet + "',lang: '" + lang + "', renderCompleto: '0'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(msg) {
            $('.carousel').html(msg.d);
            $(".pagina-carousel").css('visibility', 'visible');
            $(".pagina-carousel").fadeOut(0);
            $(".pagina-carousel").fadeIn(1000);
            /*$(".pagina-carousel").animate({
            opacity: 0
            },1,"linear",
            function() {
            $(".pagina-carousel").animate({
            opacity: 0.0
            }, 1000, function() {
            $(".pagina-carousel").removeAttr("style");
            $(".pagina-carousel").animate({
            opacity: 1.0
            }, 1000);
            });
            });*/


            /*$(".pagina-carousel").animate({
            opacity: 0
            }, 1, "linear", function() { $(".pagina-carousel").removeAttr("style") });
            $(".pagina-carousel").animate({
            opacity: 1
            }, 1000);*/
        }
    });
}

function GetAnterior(dominio,coleccion,estilo,pagina,outlet,lang) {
    /*var loc = window.location.href;
    var indice = loc.indexOf("?");
    if (indice != -1)
        loc = loc.substr(0, indice);*/
    loc = "http://" + dominio + "/views/publica/coleccion/coleccion.aspx";

    var zoom = LeerZoom();
    $(".pagina-carousel").animate({
        opacity: 0.0
    }, 2000);
    
    $.ajax({
        type: "POST",
        url: loc + "/LoadCarousel",
        data: "{coleccion: '" + coleccion + "',estilo: '" + estilo + "',pagina: '" + pagina + "',outlet: '" + outlet + "',lang: '" + lang + "', renderCompleto: '0'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(msg) {
            $('.carousel').html(msg.d);
            $(".pagina-carousel").css('visibility', 'visible');
            $(".pagina-carousel").fadeOut(0);
            $(".pagina-carousel").fadeIn(1000);
            /*$(".pagina-carousel").animate({
                opacity: 0
            }, 1, "linear",
                function() {
                    $(".pagina-carousel").animate({
                        opacity: 0.0
                    }, 1000, function() {
                        $(".pagina-carousel").removeAttr("style");
                        $(".pagina-carousel").animate({
                            opacity: 1.0
                        }, 1000);
                    });
                });*/
            /*$(".pagina-carousel").animate({
                opacity: 0
            }, 1, "linear",
                function() {
                    $(".pagina-carousel").removeAttr("style");
                    $(".pagina-carousel").animate({
                        opacity: 0.0
                    }, 1000, function() {
                        $(".pagina-carousel").animate({
                            opacity: 1.0
                        }, 1000);
                    });
                });*/
        }
    });
}

/*function GetSiguiente(estilo, pagina, paginaActual, ultima, outlet, lang) {
    alert("pagina actual:" + paginaActual);
    var loc = window.location.href;
    var indice = loc.indexOf("?");
    if (indice != -1)
        loc = loc.substr(0, indice);

    $.ajax({
        type: "POST",
        url: loc + "/LoadPaginaCarousel",
        data: "{estilo: '" + estilo + "',pagina: '" + pagina + "',outlet: '" + outlet + "',lang: '" + lang + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(msg) {
            //alert(msg.d);
            //acceder por pagina1 o pagina2...
            $('#pagina' + paginaActual).after("<div id='temp'></div>");
            //$('.pagina-carousel').after("<div id='temp'></div>");
            $('#temp').before(msg.d);
            //$('.pagina-carousel').fadeOut("slow", cargarOtraPagina(msg.d));
            alert("#pagina" + paginaActual);
            $("#pagina" + paginaActual).animate({
                marginLeft: "-800px"
            }, 1500);
            ModificarNavegacionSiguiente(estilo, pagina, ultima, outlet, lang);
            $('#temp').remove();
            $("#pagina" + paginaActual).remove();

            //$('.pagina-carousel').after(msg.d);

            //$('.carousel').html(msg.d);
        }
    });
}

function ModificarNavegacionSiguiente(estilo, pagina, ultima, outlet, lang) {
    var paginaAux = pagina;
    if (pagina == ultima)
        paginaAux = 0;

    $('#ctl00_uxhyp_siguiente').removeAttr("onclick");
    $('#ctl00_uxhyp_siguiente').attr("onclick","GetSiguiente(" + estilo + "," + (paginaAux + 1) + "," + pagina + "," + ultima + "," + outlet + ",'" + lang + "');return false;");
}

function GetAnterior(estilo, pagina, outlet, lang) {
    var loc = window.location.href;
    var indice = loc.indexOf("?");
    if (indice != -1)
        loc = loc.substr(0, indice);

    $.ajax({
        type: "POST",
        url: loc + "/LoadPaginaCarousel",
        data: "{estilo: '" + estilo + "',pagina: '" + pagina + "',outlet: '" + outlet + "',lang: '" + lang + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(msg) {
            $('.carousel').html(msg.d);
        }
    });
}*/

function GetDetail(dominio,coleccion,estilo,zapato,color,posicion,outlet,lang) {
    var loc = window.location.href;
    
    /*var indice = loc.indexOf("?");
    if (indice != -1)
        loc = loc.substr(0, indice);*/
    loc = "http://" + dominio + "/views/publica/coleccion/coleccion.aspx";
    
    var zoom = LeerZoom();

    $.ajax({
        type: "POST",
        url: loc + "/LoadDetail",
        data: "{coleccion: '" + coleccion + "',estilo: '" + estilo + "',zapato: '" + zapato + "',color: '" + color + "',posicion: '" + posicion + "',outlet: '" + outlet + "',lang: '" + lang + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(msg) {
            //alert(msg.d);

            $('.advice').remove();
            $('.coleccion_detail').html(msg.d);
            CargarFancy();
            ReemplazarFuente();
            CargarZoom(posicion, zoom);
        }
    });
}

function GetGaleria(dominio,coleccion,estilo, zapato, color, posicion,outlet, lang) {
    var loc = window.location.href;
    /*var indice = loc.indexOf("?");
    if (indice != -1)
        loc = loc.substr(0, indice);*/
    loc = "http://" + dominio + "/views/publica/coleccion/coleccion.aspx";
    
    var zoom = LeerZoom();

    $.ajax({
        type: "POST",
        url: loc + "/LoadGaleria",
        data: "{coleccion: '" + coleccion + "',estilo: '" + estilo + "',zapato: '" + zapato + "',color: '" + color + "',posicion: '" + posicion + "',outlet: '" + outlet + "',lang: '" + lang + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(msg) {
            //$('.gallery_thumbs').before("<div id='temp'></div>");
            $('.mini_gallery').before("<div id='temp'></div>");
            $('.gallery_big').remove();
            //$('.gallery_thumbs').remove();
            $('.mini_gallery').remove();
            $('#temp').after(msg.d);
            $('#temp').remove();
            
            $(".bt_carrito_" + lang).removeAttr("onclick");
            $(".bt_carrito_" + lang).unbind();
            $(".bt_carrito_" + lang).bind("click", function(e) {
                e.preventDefault();
                AddCarrito(zapato, color, 1,lang, 0,0);
            });
            
            CargarFancy();
            CargarZoom(posicion, zoom);
            ReemplazarFuente();
        }
    });
}

/*FUNCIONA PERO NO LA UTILIZO POR EL TEMA DEL ZOOM, SI NO HUBIERA ZOOM SI LA UTILIZARIA
function GetGaleriaBig(estilo, zapato, color, posicion,outlet, lang) {
    var loc = window.location.href;
    var indice = loc.indexOf("?");
    if (indice != -1)
        loc = loc.substr(0, indice);

    $.ajax({
        type: "POST",
        url: loc + "/LoadGaleriaBig",
        data: "{estilo: '" + estilo + "',zapato: '" + zapato + "',color: '" + color + "',posicion: '" + posicion + "',outlet: '" + outlet + "',lang: '" + lang + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(msg) {
            $('.color').before("<div id='temp'></div>");
            $('.imagen_grande').remove();
            $('#temp').after(msg.d);
            $('#temp').remove();
            CargarFancy();
        }
    });
}*/

function GetPage(dominio,coleccion,estilo, outlet, lang, item) {
    
    var loc = window.location.href;
    /*var indice = loc.indexOf("?");
    if (indice != -1)
        loc = loc.substr(0, indice);*/
    loc = "http://" + dominio + "/views/publica/coleccion/coleccion.aspx";
    
    var zoom = LeerZoom();
    
    $.ajax({
        type: "POST",
        url: loc + "/LoadPage",
        data: "{coleccion: '" + coleccion + "',estilo: '" + estilo + "',outlet: '" + outlet + "',lang: '" + lang + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(msg) {
            $('.carousel').before("<div id='temp'></div>");
            $('.carousel').remove();
            $('.coleccion_detail').remove();
            $('.advice').remove();
            $('#temp').after(msg.d);
            $('#temp').remove();

            //** cambiar el elemento selected **
            var submenu = $(".submenu > li");
            $.each(submenu, function(i, n) {
                id = this.id;
                $("#" + id).removeAttr("class");
            });
            $("#estilo" + item).addClass("selected");
            //Cufon.replace('#submenu');
            ReemplazarFuente();
            CargarFancy();
            CargarZoom(1,zoom);
        }
    });
}