var ImageSource = new Image();
var ImageLoading = new Image();
var ImageViewerStatus = "off";
var padding_corrector = (document.all) ? 2 : 0; 

ImageLoading.width = 100;
ImageLoading.height = 50;
ImageLoading.src = WEBDIR+"images/load.gif";


function loadImage(imgSrc)
{
//    ImageViewerStatus = ImageViewerStatus == "loading" ? "loading" : "start_loading";
    ImageViewerStatus = "start_loading";
    ImageSource = new Image();
    ImageSource.src = imgSrc;
    checkImage();
}

function checkImage()
{
    if(ImageViewerStatus == "off")
    {
        return true;
    }
    if(ImageSource.complete == true)
    {
        showImage(ImageSource.src, ImageSource.width, ImageSource.height);
        ImageViewerStatus = "showing";
        return true;
    }
    if(ImageViewerStatus == "start_loading")
    {
        ImageViewerStatus = "loading";
        showImage(ImageLoading.src, ImageLoading.width, ImageLoading.height);
    }
    if(ImageViewerStatus == "loading")
    {
        window.setTimeout("checkImage()", 150);
    }
    return true;
}

function showImage(imgSrc, boxwidth, boxheight)
{
    
    viewer     = document.getElementById("ImageViewer");
    if(!viewer)
    {
        document.body.innerHTML = document.body.innerHTML + '<div id="ImageViewer"><\/div>';
        viewer     = document.getElementById("ImageViewer");
    }
    if(viewer)
    {
        viewer.align = "right";
        viewer.style.display="none";
        viewer.style.position="absolute";
        viewer.style.zIndex="2000";
        viewer.style.border="1px solid black";
        viewer.style.backgroundColor="white";
        viewer.innerHTML = 
          '<div style="padding: 10px;"><a class="admin_link" href=""' 
        + 'onclick="closeImage(); return false;"><img style="border-width: 0px;'
        + 'width:38px; height: 9px;" src="'+WEBDIR+'images/close3.gif" alt="Schlie&szlig;en"><\/a><br>'
        + '<div style="padding: 0px; margin: 0px;" id="ImageViewerContent"><\/div><\/div>';

        if(document.all)
        {
            boxtop    = document.body.scrollTop + 50;
            boxleft   = document.body.scrollLeft + 250;
        } else {
            boxtop    = window.pageYOffset + 50;
            boxleft   = window.pageXOffset + 250;
        }
        boxheight = boxheight + 40;
        boxwidth  = boxwidth + 30;

        viewer.style.top  = boxtop;
        viewer.style.left = boxleft;
        viewer.style.width  = boxwidth;
        viewer.style.height = boxheight;

        viewer_con = document.getElementById("ImageViewerContent");
        viewer_con.innerHTML = '<img style="margin-top:10px;margin-right:5px;" src="' + imgSrc + '">';

        viewer.style.display = "inline";
    }
    return true;
}

function closeImage()
{
    ImageViewerStatus = "off";
    viewer = document.getElementById("ImageViewer");
    if(viewer)
    {
        viewer.style.display = "none";
        return true;
    }
    return false;
}


/*
    if(!viewer)
    {
        document.body.innerHTML = document.body.innerHTML 
        + '<div align="right" id="ImageViewer" style="display: none;'
        + 'z-index: 1000; background-color: white;'
        + 'border: 1px solid black;">'
        + '<div style="padding: 20px;"><a href=""' 
        + 'onclick="closeImage(); return false;"><img style="border-width: 0px;'
        + 'width:38px; height: 9px;" src="images/close3.gif" alt="Schlie&szlig;en"><\/a><br>'
        + '<div style="padding: 0px; margin: 0px;" id="ImageViewerContent"><\/div><\/div><\/div>';
//        alert(document.body.innerHTML);
        showImage(imgSrc, boxwidth, boxheight);
        return false;
    }
*/