$(document).ready(function() {
    centerPopup();
    $("#cakePopupImg").hide();
    $("#cakePopupClose").click(function() {
        closePopup();
    }
        );
});

function cakePopup(cakeDiv) {
    var t = getWindowTop();

    var cake = $(cakeDiv);
    var cakeImg = cake.children("img:first")

    var largeUrl = cakeImg.attr("src").replace(".jpg", "Large.jpg");
    var cakeTitle = cakeImg.attr("alt")

    $("#cakePopupTitle").text(cakeTitle);
    $("#cakePopupImg").attr("src", largeUrl).load(
        function() { $("#cakePopupImg").attr("alt", cakeTitle).show(); });

    
    $("#overlay").css({
        "opacity": "0.7"
    });

    $("#overlay").fadeIn("slow");
    $("#cakePopup").css("top", t + 80);
    $("#cakePopup").fadeIn("slow");
    pageTracker._trackPageview('/gallery_popup/' + cakeTitle);
}

function closePopup() {
    $("#cakePopupImg").hide();
    $("#cakePopupImg").attr("src", "").attr("alt", "");
    $("#cakePopup").hide();
    $("#overlay").fadeOut("fast");
}

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

}

function getWindowTop() {
    var t = window.pageYOffset ||
                document.body.scrollTop ||
                document.documentElement.scrollTop;

    return (t ? t : 0);
}