function blank() {
    document.map.src = "../images/Saskatchewan.gif";
}

//var imageOffset;

//imageOffset is calculated once page is loaded.
//$(function() {
//    imageOffset = $("#SaskatchewanImage").offset();
//});

var lastElementShown;

function showPopup(id, top, left) {

    var imageOffset = $("#SaskatchewanImage").offset();
  
    //var elementToShow = document.getElementById(id + "PopUp");
    var elementToShow = $("#" + id + "PopUp");
    
    if (elementToShow != null && elementToShow != lastElementShown) {

        elementToShow.css({ position: "absolute", top: imageOffset.top + top, left: imageOffset.left + left });
        
        if (lastElementShown != null) {
            lastElementShown.hide();
        }
        
        $("#SaskatchewanImage").attr( {src: "../images/" + id + ".gif" });
        elementToShow.show();
        lastElementShown = elementToShow;
    }
}
function hidePopup(id) {

    //$("SaskatchewanImage").attr({ src: "../images/Saskatchewan.png" });

//    var elementToHide = $("#" + id + "PopUp");

//    if (elementToHide != null) {
//        $("SaskatchewanImage").attr({ src: "../images/Saskatchewan.png" });
//        elementToHide.hide();
//    }
}