//SETTING UP OUR POPUP   
//0 means disabled; 1 means enabled;
var popupStatus = 0;
var largeImageDir = "Layout/Images/Gallery/Fullsize/";

//loading popup with jQuery magic!   
function loadPopup(){
    //loads popup only if it is disabled
    if (popupStatus == 0) {
        $("#backgroundPopup").css({
        "opacity": "0.7"
    });
    $("#backgroundPopup").fadeIn("slow");
    $("#Popup").fadeIn("slow");
    popupStatus = 1;
}
}

//disabling popup with jQuery magic!   
function disablePopup(){
    //disables popup only if it is enabled
    if (popupStatus == 1) {
        $("#backgroundPopup").fadeOut("slow");
        $("#Popup").fadeOut("slow");
        popupStatus = 0;
    }
}

//centering popup   
function centerPopup(){   
//request data for centering   
var windowWidth = document.documentElement.clientWidth;   
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#Popup").height();
var popupWidth = $("#Popup").width();   
//centering
$("#Popup").css({   
"position": "absolute",   
"top": windowHeight/2-popupHeight/2,   
"left": windowWidth/2-popupWidth/2   
});
//only need force for IE6
$("#backgroundPopup").css({
"height": windowHeight,
"width": windowWidth
});
}

//Call on clicking a thumnailimage
function ShowPopup(imageName) {

    HideElement("LargeImage");
    
    centerPopup();
    loadPopup();

    $.preloadImages(largeImageDir + imageName);

    $("#LargeImage").attr("src", largeImageDir + imageName);

    ShowElement("LargeImage");


}