function ShowModalImage(imgURL, imgTitle, height, width) 
{
    var arrayPageSize = getPageSize();
    var PageWidth = arrayPageSize[0];
    var PageHeight = arrayPageSize[1];
    var PageScrollTop = arrayPageSize[2];
    var PageScrollLeft = arrayPageSize[3];

    document.getElementById('modalBackground').style.top = PageScrollTop;

    fadeIn('modalBackground', .1, 1)
    document.getElementsByTagName("body")[0].style.overflow = "hidden";

    var Popup = document.getElementById("modalPopup");
    var Handle = document.getElementById("tblHandle");
    Popup.style.left = ((PageWidth / 2) - (width / 2) + PageScrollLeft);
    Popup.style.top = ((PageHeight / 2) - (height / 2) + (PageScrollTop - 15));
    Popup.style.height = height;
    Popup.style.width = width;
    Handle.style.visibility = "visible";
    Popup.style.visibility = "visible";
    document.getElementById('lblPopupTitle').innerHTML = imgTitle;
    document.getElementById('ModalImg').src = imgURL;
}

function HideModalImage() 
{
    fadeOut('modalBackground', .1, 1)
    document.getElementsByTagName("body")[0].style.overflow = "";
    var Popup = document.getElementById("modalPopup");
    var Handle = document.getElementById("tblHandle");
    Handle.style.visibility = "hidden";
    Popup.style.visibility = "hidden";
    Popup.style.height = '0px';
    Popup.style.width = '0px';
    document.getElementById('lblPopupTitle').innerHTML = '';
    document.getElementById('ModalImg').src = '';
}

function getPageSize() 
{
    var PageWidth;
    var PageHeight;
    var ScollTop;
    var ScrollLeft;

    if (self.innerHeight) {	// all except Explorer
        if (document.documentElement.clientWidth) {
            PageWidth = document.documentElement.clientWidth;
        } else {
            PageWidth = self.innerWidth;
        }
        PageHeight = self.innerHeight;
        ScollTop = self.pageYOffset;
        ScrollLeft = self.pageXOffset;
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
        PageWidth = document.documentElement.clientWidth;
        PageHeight = document.documentElement.clientHeight;
        ScollTop = document.documentElement.scrollTop;
        ScrollLeft = document.documentElement.scrollLeft;
    } else if (document.body) { // other Explorers
        PageWidth = document.body.clientWidth;
        PageHeight = document.body.clientHeight;
        ScollTop = document.body.scrollTop;
        ScrollLeft = document.body.scrollLeft;
    }
    return [PageWidth, PageHeight, ScollTop, ScrollLeft];
}

var opacity = null;
var MaxOpacity = .5;

function fadeIn(id, rate, delay) {
    var obj = document.getElementById(id);
    if (opacity == null) {
        obj.style.visibility = "visible";
        opacity = 0;
    }
    opacity += rate;
    if (opacity <= MaxOpacity) {
        setTimeout("fadeIn('" + id + "'," + rate + "," + delay + ")", delay);
        obj.style.MozOpacity = opacity;
        obj.style.opacity = opacity;
        obj.style.filter = "alpha(opacity=" + Math.round(((opacity) * 100)) + ")";
    }
    else {
        opacity = null;
        return;
    }
}

function fadeOut(id, rate, delay) {
    var obj = document.getElementById(id);
    if (opacity == null) {
        opacity = MaxOpacity;
    }
    opacity -= rate;
    if (opacity > 0) {
        setTimeout("fadeOut('" + id + "'," + rate + "," + delay + ")", delay);
        obj.style.MozOpacity = opacity;
        obj.style.opacity = opacity;
        obj.style.filter = "alpha(opacity=" + Math.round(((opacity) * 100)) + ")";
    }
    else {
        obj.style.visibility = "hidden";
        opacity = null;
        return;
    }
}