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

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

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

//centering popup
function positionPopup(id, positionTop, postionLeft) {
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight; 
    $("#" + id).css({   
    "position": "absolute",
    "top": positionTop,
    "left": postionLeft   
});
//only need force for IE6
$("#backgroundPopup").css({
    "height": windowHeight,
    "width": windowWidth
});
}

//Call on clicking a thumnailimage
function ShowPopup(id, positiontop, positionleft, animate) {

    positionPopup(id, positiontop, positionleft);
    loadPopup(id, animate);
}

//Select Fabric Type validation box
function HideValidationAlert() {
    $(".Validation").fadeOut("slow");
}