var docViewTop;
var idTimeOutOnOut;
var TEMPO_TO_HIDE_ROLL_OVERED_SUBMENU = 100;

// fonction pour charger jqzoom
function loadJqZoom(smallImg, bigImg) {
    $("#apercu").attr("src", smallImg);
    $("#apercu").attr("jqimg", bigImg);
    $("#zoomimg").attr("href", bigImg);
    $(".jqzoom").jqueryzoom();
}

$(document).ready(function() {

    //======================================================
    //Affectation dynamique de certains z-index pour
    // un affichage correcte des boutiques
    //======================================================	
    var nbBoutique = $("ul.boutique").length;
    $("ul.boutique li.titre").each(function(i) {
        $(this).css('z-index', nbBoutique);
        nbBoutique--;
    });
    //======================================================
    // FIN
    //======================================================	

	// Vignettes page produit
	$(".minature img").click(function() {

        $(".minature img").removeClass("hover");
        $(this).addClass("hover");
        var smallImg = $(this).attr("src");
        var bigImg = $(this).attr("src").replace("TN", "SD");

        loadJqZoom(smallImg, bigImg);
    });

    $(".minature").hover(function() {

    }, function() {
        $(".jqzoom").jqueryzoom();
    });

    //======================================================	
    //======================================================
    // formulaires
    $("input.autoreset").focus(function() {
        if ($(this).val() == $(this).attr("title")) {
            $(this).val("");
        }
    });
    $("input.autoreset").blur(function() {
        if ($(this).val() == "") {
            $(this).val($(this).attr("title"));
        }
    });

    $("input.saisie").focus(function() {
        $(this).addClass("focus");
    });
    $("input.saisie").blur(function() {
        $(this).removeClass("focus");
    });

    $(".produit").hover(function() {
        $(this).addClass("produit-roll");
    }, function() {
        $(this).removeClass("produit-roll");
    });


    $(".produit-recherche").hover(function() {
        $(this).addClass("produit-recherche-hover");
    }, function() {
        $(this).removeClass("produit-recherche-hover");
    });


    $(".categorie").hover(function() {
        $(this).removeClass("categorie");
        $(this).addClass("categorie-roll");
    }, function() {
        $(this).removeClass("categorie-roll");
        $(this).addClass("categorie");
    });

    $(".categorie").click(function() {
        var lienCat = $(this).children("p").children("a").attr("href");
        document.location.href = lienCat;
    });

    // Scrollbar panier
    $('#panier_infos').jScrollPane({ scrollbarWidth: 9 });
    //======================================================	
    //======================================================

    //======================================================
    //Page liste des produits en mode liste (!= mosaique)
    //======================================================		
    if ($('#contenuTopFixed').size() > 0) {
        $('body').css('background-attachment', 'fixed');
        $("#footer").css("display", "none");

        var scrollLimit;
        //Valeur de la limite de scroll en fonction
        //de l'existence de la pub ou non.
        if ($('#pubTop').size() > 0)
            scrollLimit = 277;
        else
            scrollLimit = 212;

        if ($("#contenuTop").size() > 0) {
            var htmlContent = $("#contenuTop").html();
            $("#contenuTopFixed").html(htmlContent);
            $("#contenuTopFixed #pubTop").css('display', 'none');
        }

        $(window).scroll(function(e) {
            docViewTop = $(window).scrollTop();
            if (docViewTop > scrollLimit)
                handleBlocPosition("fixe");
            else
                handleBlocPosition("hide");
        });
    }
    //========================================================
    // FIN Page liste des produits en mode liste (!= mosaique)
    //========================================================

});


//
//Repositionne certains blocs en fonction de la valeur de scroll
//
function handleBlocPosition(theCase) {
    if (theCase == "fixe") {
        //Le menu de tri du haut
        $("#contenuTopFixed").css("display", "block");

        //Les portlets
        $("#portlets").addClass('portletsFixed');
    } else {
        //Le menu de tri du haut
        $("#contenuTopFixed").css("display", "none");

        //Les portlets
        $("#portlets").removeClass('portletsFixed');
    }
}

//
//On cache le bloc sous menu
//
function hideRollOverBlock() {
    $("#bloc_on_roll_over").css('display', 'none');
    $("#bloc_menu .item").each(function(i) {
        switch ($(this).attr('id')) {
            case "subMenu_1":
                $(this).removeClass("itemBoutiqueOver");
                break;
            case "subMenu_2":
                $(this).removeClass("itemShowroomOver");
                break;
            default:
                $(this).removeClass("itemOver");
                break;
        }
    });
}

//
//On cache tous les sous menu
//
function hideAllSubMenu() {
    $("#bloc_on_roll_over .subMenu").each(function(i) {
        $(this).css('display', 'none');
    });
}

//
//On affiche le sous menu en fonction de l'id de l'item survolé
//
function showSubMenu(idItemRolled) {
    clearTimeout(idTimeOutOnOut);
    var arrayIdSplit = idItemRolled.split("_");
    var indice = arrayIdSplit[1];
    var idSubMenuToShow = "subMenuContent_" + indice;

    //on retire la classe "over" des items autre que celui en rollOver
    $("#bloc_menu .item").each(function(i) {
        if ($(this).attr('id') != idItemRolled) {
            switch ($(this).attr('id')) {
                case "subMenu_1":
                    $(this).removeClass("itemBoutiqueOver");
                    break;
                case "subMenu_2":
                    $(this).removeClass("itemShowroomOver");
                    break;
                default:
                    $(this).removeClass("itemOver");
                    break;
            }
        }
    });

    $("#bloc_on_roll_over").css('display', 'block');
    $("#bloc_on_roll_over #" + idSubMenuToShow).css('display', 'block');
}