function displayBox(displayClass, displayImg){
    var maClasse = displayClass;
    var monImage = displayImg;
    var positionT;
    var positionL;
    positionT = $("body").scrollTop();
    positionL = $("body").scrollLeft();
    
    var hauteur;
    
    hauteur = $("."+maClasse+"").height();    
    
    $("body").animate({
        scrollTop: 0,
        scrollLeft: 0
    }, 500);
    
    $("body").css("overflow", "hidden");
    
    $("."+maClasse+"").css({
        "display": "block",
        "cursor": "pointer"
    });
    
    var tailleImgH = $("."+monImage+"").height();
    
    if(tailleImgH > hauteur){
        $("."+monImage+"").css({
            "height": hauteur - 20
        });
    } else {
        $("."+monImage+"").css({
            "margin-top": (hauteur-tailleImgH)/2
        });
    }

    if($(".flash")){
        $(".flash").css("display", "none");
    }

    if($(".google_add")){
        $(".google_add").css("display", "none");
    }

    $("."+monImage+"").attr("alt", tailleImgH);
    $("."+maClasse+"").animate({opacity: 1}, 500);
    $("."+maClasse+"").attr("alt", positionT);
    $("."+maClasse+"").attr("title", positionL);
}

function hideBox(displayClass, displayImg){
    var maClasse = displayClass;
    var monImage = displayImg;
    
    var positionT;
    var positionL;
    positionT = $("."+maClasse+"").attr("alt");
    positionL = $("."+maClasse+"").attr("title");

    $("."+maClasse+"").removeAttr("alt");
    $("."+maClasse+"").removeAttr("title");

    $("."+maClasse+"").animate({
        opacity: 0
    }, 500, function(){
        $("body").animate({
            scrollTop: positionT,
            scrollLeft: positionL
        }, 500);
        $("body").css("overflow", "auto");
        $("."+maClasse+"").css({
            "display": "none",
            "cursor": "normal"
        });
        $("."+monImage+"").css({
           "height": $("."+monImage+"").attr("alt")
        });

        $("."+monImage+"").removeAttr("alt");

        if($(".flash")){
            $(".flash").css({
                "display": "block",
                "margin": "auto"
            });
        }

        if($(".google_add")){
            $(".google_add").css("display", "block");
        }
    });
}