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

ImageLoading.src = "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)
{ 
    if(imgSrc.search("images/plan1.gif")!= -1)
    {
    link1 = "<a href='pictures.php?images/plan2' target='_blank' onclick=\"loadImage('images/plan2.gif');return false;\">";
    link2 = "</A>";
    backbutton = ""
    }
    else 
    {
    link1 = "";
    link2 = "";
    backbutton ="<a href='pictures.php?images/plan1' target='_blank' onclick=\"loadImage('images/plan1.gif');return false;\"><img src=\"images/back.gif\" width=\"48\" height=\"11\" alt=\"zurück\" style=\"margin-right:50px;\" /></A>"
    }
    
    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.border="1px solid black";
        viewer.style.backgroundColor="#BDE0E1";
        viewer.innerHTML = 
          '<div style="padding: 20px;">' + backbutton + '<a href=\"javascript:print()\"> <img src=\"images/print.gif\" width=\"48\" height=\"11\" alt=\"Drucken\" style=\"margin-right:50px;\"/></a><a href=""' 
        + 'onclick="closeImage(); return false;"><img style="border-width: 0px;'
        + 'width:48px; height: 11px;" src="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 > document.documentElement.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop) + 150;
            boxleft   = (document.body.scrollLeft > document.documentElement.scrollLeft ? document.body.scrollLeft : document.documentElement.scrollLeft) + 200;
        } else {
            boxtop    = window.pageYOffset + 120;
            boxleft   = window.pageXOffset + 200;
        }
        boxheight = boxheight + 59;
        boxwidth  = boxwidth + 40 + padding_corrector;

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

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

        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;
    }
*/