//SETTING UP OUR POPUP   
//0 means disabled; 1 means enabled;
var popupStatus = 0;

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

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

//centering popup   
function PositionPopup(popupId, left, top){
	$("#" + popupId).css("top",top);
	$("#" + popupId).css("left",left);
	var popupWidth = $("#" + popupId).width();
	$("#" + popupId).css("margin-left", "-" + (popupWidth/2));
}

//Call on clicking a thumnailimage
function ShowPopupImage(imagePath, popupId, left, top) {

    HideElement("LargeImage");
    
    PositionPopup(popupId, left, top);
    loadPopup(popupId);

    $("#LargeImage").attr("src", imagePath);

    ShowElement("LargeImage");


}

function ShowPopupVideo(popupId, left, top) {

    
    PositionPopup(popupId, left, top);
    loadPopup(popupId);
}

function ShowElement(elementId)
{
    $("#" + elementId).css("display", "block");
}

function HideElement(elementId)
{
    $("#" + elementId).css("display", "none");
}