function ShowImage(id)
{
    document.getElementById("ctl00_contents_imgMain").src = "/image.ashx?t=w&id="+id;

} // end function ShowImage

function SelectSize()
{
    index = document.getElementById("ctl00_contents_ddlSizes").selectedIndex;
    count = parseInt(document.getElementById("ctl00_contents_hidSizes").value);
    
    for(i=0;i<count;i++)
    {
        document.getElementById("tr"+(i+1)).className = "";
    
    } // end for
    
    document.getElementById("tr"+index).className = "selected-size";

} // end function SelectSize


screenWidth = 0;
screenHeight = 0;
clientWidth = 0;
clientHeight = 0;

function LoadClientSize() {
    var winW, winH;
    if (self.innerWidth) {
        winW = self.innerWidth;
        winH = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientWidth) {
        winW = document.documentElement.clientWidth;
        winH = document.documentElement.clientHeight;
    } else if (document.body) {
        winW = document.body.clientWidth;
        winH = document.body.clientHeight;
    }

    clientWidth = winW;
    clientHeight = winH;

} // end function LoadClientSize
function LoadScreenSize() {
    var screenW = 640, screenH = 480;
    if (parseInt(navigator.appVersion) > 3) {
        screenW = screen.width;
        screenH = screen.height;
    }
    else if (navigator.appName == "Netscape"
                && parseInt(navigator.appVersion) == 3
                && navigator.javaEnabled()
                ) {
        var jToolkit = java.awt.Toolkit.getDefaultToolkit();
        var jScreenSize = jToolkit.getScreenSize();
        screenW = jScreenSize.width;
        screenH = jScreenSize.height;
    }

    screenWidth = screenW;
    screenHeight = screenH;

} // end function LoadScreenSize

function ShowChart() {

    LoadClientSize();

    document.getElementById("overlayc").style.width = clientWidth + "px";
    document.getElementById("overlayc").style.height = clientHeight + "px";

    document.getElementById("overlayc").style.display = "";

    fields = parseInt(document.getElementById("ctl00_contents_hidFields").value);
    sizes = parseInt(document.getElementById("ctl00_contents_hidSizes").value);

    width = (((fields + 1) * 140) + fields + 2) + 1;
    height = (((sizes + 1) * 18) + sizes + 2) + 1;

    document.getElementById("chart_panel").style.left = Math.round(((clientWidth - width) / 2)) + "px";
    document.getElementById("chart_panel").style.top = Math.round(((clientHeight - height) / 2)) + "px";

    document.getElementById("lblClose").style.display = "";
    document.getElementById("lblClose").style.top = Math.round(((clientHeight - height) / 2)) + height + 2 + "px";
    document.getElementById("lblClose").style.left = Math.round(((clientWidth - width) / 2)) + width - 18 + "px";


    document.getElementById("chart_panel").style.width = width + "px";
    document.getElementById("chart_panel").style.height = height + "px";

    document.getElementById("chart_panel").style.display = "";
}

function CloseOverlay() {
    document.getElementById("overlayc").style.display = "none";
    document.getElementById("chart_panel").style.display = "none";
    document.getElementById("lblClose").style.display = "none";
}