/// <reference path="_works/jquery-1.3.2-vsdoc2.js"/>
var carrousel;
var catalogo, subcatalogo, articoloImg, articolo, colore, descArticoli, descColori, recentHash;
if (findItem(window.location.hash.substr(1)) == false) window.location.hash = window.location.search.substr(1);

function pollHash() {
    if (window.location.hash==recentHash) return; // Nothing's changed since last polled.
    recentHash = window.location.hash;    
    // URL has changed, update the UI accordingly.
    cambiaPagina2(recentHash);
}

function splitQuery(query) {
    var a = query.substr(1).split("&");
    var chiave, valore;
    for (var i = 0; i < a.length; i++) {
        chiave = a[i].split("=")[0]
        valore=a[i].split("=")[1]
        if (chiave == "item") this.item = valore;
        if (chiave == "lang") this.lang = valore;
        if (chiave == "subcatalogo") this.subcatalogo = valore;
        if (chiave == "articoloImg") this.articoloImg = valore;
        if (chiave == "articolo") this.articolo = valore;
        if (chiave == "colore") this.colore = valore;
    }
    return
}

function findItem(query) {
    var a = query.split("&");
    for (var i = 0; i < a.length; i++) {
        if (a[i].split("=")[0] == "item") return true;
    }
    return false;
}

$(document).ready(function() {
    //Menu Top preparazione
    $(".fader").css({ "opacity": 0 });
    $("#sottoTop td div").css({ "opacity": 0 });
    $(".fader").mouseenter(function() { $(this).fadeTo("slow", 0.5); });
    $(".fader").mouseout(function() { $(this).fadeTo("slow", 0); });
    //Menu Top fine

    //Controlla se è stato modificato l'url hash
    setInterval(pollHash, 1000);
});

function cambiaPagina(url) {
    window.location.hash = url;
}

function cambiaPagina2(q) {
    var query = new splitQuery(q);
    if(query.item==null) query.item = "homepage";
    if(query.lang==null) query.lang = lang;
    var url = "item=" + query.item + "&lang=" + query.lang + ((query.subcatalogo == null) ? "" : "&subcatalogo=" + query.subcatalogo)
        + ((query.articoloImg == null) ? "" : "&articoloImg=" + query.articoloImg) + ((query.articolo == null) ? "" : "&articolo=" + query.articolo) 
        + ((query.colore == null) ? "" : "&colore=" + query.colore);

    if (item != query.item) {
        if ($("#top" + item).css("color") == "rgb(204, 0, 0)" || $("#top" + item).css("color") == "#cc0000") {
            $("#top" + item + "3 div").fadeTo("slow", 0);
            $("#top" + item).css({ "color": "#ffffff", "z-index": "" });
            $("#top" + item).animate({ top: "-=87px" }, "slow");
        }
        $("#content").load("default.aspx?mode=ajax&" + url);
    }

    if (item != query.item || $("#top" + query.item).css("color") == "rgb(255, 255, 255)" || $("#top" + query.item).css("color") == "#ffffff")
        $("#top" + query.item).animate({ top: "+=87px" }, "slow",
            function() { $("#top" + query.item + "3 div").fadeTo("slow", 0.6); $("#top" + query.item).css({ "color": "#cc0000", "z-index": "0" }); });

    item = query.item;

    if (subcatalogo != query.subcatalogo && (query.item == "primavera-estate" || query.item == "autunno-inverno")) {
        //alert(subcatalogo+"-"+query.subcatalogo+"- default.aspx?mode=subcatalogo&" + url);
        $("#subcatalogoDiv").load("default.aspx?mode=subcatalogo&" + url);
    } else {
        if (query.item=="autunno-inverno") {
            if (articoloImg != query.articoloImg && query.articoloImg != null) {
                //alert(articoloImg +"-"+ query.articoloImg)
                cambioArticolo(query.articoloImg);
            }
        }
        if (query.item == "primavera-estate") {
            if (query.subcatalogo == "Collezione") 
                if (articoloImg != query.articoloImg && query.articoloImg != null) 
                    cambioArticoloCollezione(query.articoloImg);

            if(query.subcatalogo!="Collezione")
                if (articolo + colore != query.articolo + query.colore && query.articolo != null) 
                    cambioArticoloNew(query.articolo, query.colore);
        }
    }
}

function apriFinestra(url) {
    window.open(url, "catalogo");
}

//Funzioni per Catalogo
function cambiaSubCatalogo(subCatalogoNuovo) {
    //cambia il colore dei bottoni del subcatalogo
    if (subcatalogo != null) {
        $("#sub" + subcatalogo + " a").css({ "color": "" });
        $("#sub" + subcatalogo).css({ "background-color": "", "opacity": "1" });
    }

    $("#sub" + subCatalogoNuovo + " a").css({ "color": "#ff0000" });
    $("#sub" + subCatalogoNuovo).css({ "background-color": "#ffffff", "opacity": "0.5" });
}

function cambioArticolo(imgSrc) {
    for (var n = 0; n < descArticoli.length; n++) if (descArticoli[n][0] == imgSrc) {
        var descrizione = "";
        var colori, j;

        for (var i = 1; i < descArticoli[n].length; i = i + 5) {
            descrizione += "<div><strong>" + descArticoli[n][i] + "</strong><br/><span>" + descArticoli[n][i + 1] + "</span>";
            if (subcatalogo!="Collezione") {
                descrizione += "<div style=\"font-size:75%;line-height:110%\">" + descArticoli[n][i + 2];
                if (descArticoli[n][i + 3] != '')  { descrizione += "<div style=\"padding:5px 0;font-weight:bold;\">Taglie: " + descArticoli[n][i + 3] + "</div></div>"} else descrizione += "</div>";
            }
            descrizione += "</div>";

            colori = descArticoli[n][i + 4].substr(1).split("-");

            for (j = 0; j < colori.length; j++)
                descrizione += "<img src=\"catalogo/" + catalogo + "Patterns/" + colori[j].substr(0, 2) + ".jpg\" width=\"50\" height=\"50\" alt =\"" + colori[j] + "\" title=\""
                    + colori[j].substr(0, 2) + " - " + trovaDescrizione(colori[j].substr(0, 2)) + "\" class=\"Pattern" + ((colori[j].substr(3) == "true") ? "Img\" onclick=\"cambiaPattern('" + catalogo + "', '" + descArticoli[n][i] + "-" + colori[j].substr(0, 2) + ".jpg')\"" : "\"") + "\"/>" + colori[j].substr(0, 2) + " ";
        }

        $("#imgGrande").attr("src", "img/loading.gif");
        $("#imgGrande").fadeOut("slow",
            function() {
                $("#imgGrande").attr("src", "catalogo/" + catalogo + "/" + imgSrc);
                $("#txtGrande").html(descrizione);
                $("#imgGrande").fadeIn("slow");
            });
        
        articoloImg = imgSrc;
    }
}

function cambioArticoloCollezione(articoloImgNew) {
    //Cambo articolo nuovo Primavera Estate
    for (var n = 0; n < jsonArticoli.length - 1; n++)
        if (jsonArticoli[n].src == articoloImgNew) {
            var prodotti = jsonArticoli[n].prodotti;
            var divProdotti = "";
            for (var j = 0; j < prodotti.length - 1; j++)
                divProdotti += "<img src=\"catalogo/" + catalogo + "P/" + prodotti[j].id + "-" + prodotti[j].pattern + ".png\" width=\"150\" height=\"100\" alt =\"" + prodotti[j].id + "-" + prodotti[j].pattern
                    + "\" onclick=\"cambiaPagina('item=" + catalogo + "&subcatalogo=" + prodotti[j].SubCatalogo + "&articolo=" + prodotti[j].id + "&colore=" + prodotti[j].pattern + "')\" style=\"cursor:pointer\"/><br/>" + prodotti[j].id + "-" + prodotti[j].pattern + "<br/>";
            
            $("#imgGrandeNew").attr("src", "img/loading.gif");
            $("#imgGrandeNew").fadeOut("slow",
                function () {
                    $("#imgGrandeNew").attr("src", "catalogo/" + catalogo + "/" + articoloImgNew);
                    $("#imgGrandeNew").fadeIn("slow");
                    $("#tdArticoli").html(divProdotti);
                });
            articoloImg = articoloImgNew;
        }
}

function cambioArticoloNew(articoloNew,coloreNew) {
    //Cambo articolo nuovo Primavera Estate
    for (var n = 0; n < jsonArticoli.length - 1; n++) 
        if (jsonArticoli[n].id == articoloNew) {
            var txtDesc = "<div>" + jsonArticoli[n].desc + "</div>";
            if (jsonArticoli[n].taglie != '') { txtDesc += "<div style=\"font-weight:bold;\">Taglie: " + jsonArticoli[n].taglie + "</div>" };

            var descrizione = jsonArticoli[n].desclunga;

            var colori = jsonArticoli[n].patterns;
            var divColori = "";
            for (var j = 0; j < colori.length - 1; j++)
                divColori += colori[j].id + " <img src=\"catalogo/" + catalogo + "Patterns/" + colori[j].id + ".jpg\" width=\"50\" height=\"50\" alt =\"" + colori[j].id + "\" title=\""
                    + colori[j].id + " - " + colori[j].desc + "\" class=\"Pattern" + ((colori[j].img == "true") ? "Img\" onclick=\"cambiaPatternNew('" + catalogo + "', '" + jsonArticoli[n].id + "', '" + colori[j].id + "')\"" : "\"") + "\"/><br/>";

            $("#divId").html("");
            $("#divDesc").html("");
            $("#tdColori").html("");
            $("#txtGrande").html("");

            $("#imgGrandeNew").attr("src", "img/loadingNew.gif");
            $("#imgGrandeNew").fadeOut("slow",
                function () {
                    $("#imgGrandeNew").attr("src", "catalogo/" + catalogo + "/" + articoloNew + "-" + coloreNew + ".jpg");
                    $("#divId").html(articoloNew + "-" + coloreNew);
                    $("#divDesc").html(txtDesc);
                    $("#tdColori").html(divColori);
                    $("#txtGrande").html(descrizione);
                    $("#imgGrandeNew").fadeIn("slow");
                });
            articolo = articoloNew;
            colore = coloreNew;
        }
}

function caruselDettaglio(o) {
    var imgSrc=arguments[0]; 
    var descrizione= "";
    var colori,j;
    var catalogo = arguments[1];
    
    for(var i=2; i<arguments.length;i=i+5) {
        descrizione += "<div><strong>" + arguments[i] + "</strong><br/><span>" + arguments[i + 1] + "</span>";
        if (arguments[i+3]!='') descrizione += "<div style=\"font-size:75%;line-height:110%\">" + arguments[i + 2] + "<div style=\"padding:5px 0;font-weight:bold;\">Taglie: " + arguments[i + 3] + "</div></div>";
        descrizione += "</div>";
    
        colori = arguments[i+4].substr(1).split("-");
        
        for(j=0; j<colori.length; j++)
            descrizione += "<img src=\"catalogo/"+catalogo+"Patterns/" + colori[j].substr(0, 2) + ".jpg\" width=\"50\" height=\"50\" alt =\"" + colori[j] + "\" title=\""
                + colori[j].substr(0, 2) + " - " + trovaDescrizione(colori[j].substr(0, 2)) + "\" class=\"Pattern" + ((colori[j].substr(3) == "true") ? "Img\" onclick=\"cambiaPattern('" + catalogo + "', '" + arguments[i] + "-"+ colori[j].substr(0, 2) + ".jpg')\"" : "\"") + "\"/>" + colori[j].substr(0, 2) + " ";
    }

    $("#imgGrande").attr("src", "img/loading.gif");
    $("#imgGrande").fadeOut("slow", 
        function(){ 
            $("#imgGrande").attr("src", "catalogo/"+catalogo+"/"+imgSrc);
            $("#txtGrande").html(descrizione);
            $("#imgGrande").fadeIn("slow");
        });
}

function cambiaPattern(catalogo, imgSrc) {
    $("#imgGrande").attr("src", "img/loading.gif");
    $("#imgGrande").fadeOut("slow",
        function() {
            $("#imgGrande").attr("src", "catalogo/" + catalogo + "/" + imgSrc);
            $("#imgGrande").fadeIn("slow");
        });
}

function cambiaPatternNew(catalogo, articoloNew, coloreNew) {      
    $("#imgGrandeNew").attr("src", "img/loadingNew.gif");
    $("#imgGrandeNew").fadeOut("slow",
        function () {
            $("#divId").html(articoloNew + "-" + coloreNew);
            $("#imgGrandeNew").attr("src", "catalogo/" + catalogo + "/" + articoloNew + "-" + coloreNew + ".jpg");
            $("#imgGrandeNew").fadeIn("slow");
        });
    articolo = articoloNew;
    colore = coloreNew;    
}

function trovaDescrizione(id) {
    for(var i=0; i<descColori.length; i=i+2) if(descColori[i]==id) break;
    return descColori[i+1];
}