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

ImageLoading.src = LAOLA_PATH_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(LAOLA_PATH_IMAGES + "karte_liefergebiete.gif")!= -1)
    {
    link1 = "<a href='" + STARTPAGE + "pictures/show?image=karte_dd_detail' target='_blank' onclick=\"loadImage('" + LAOLA_PATH_IMAGES + "karte_dd_detail.gif');return false;\">";
    link2 = "</A>";
    backbutton = ""
    }
    else 
    {
    link1 = "";
    link2 = "";
    backbutton ="<a href='" + STARTPAGE + "pictures/show?image=karte_liefergebiete' target='_blank' onclick=\"loadImage('" + LAOLA_PATH_IMAGES + "karte_liefergebiete.gif');return false;\"><img src=\"" + LAOLA_PATH_IMAGES + "back.gif\" width=\"38\" height=\"9\" alt=\"zurück\" border=\"0\"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="#EEF2F6";
        viewer.innerHTML = 
          '<div style="padding: 20px;">' + backbutton + '<a href=""' 
        + 'onclick="closeImage(); return false;"><img style="border: 0px;'
        + 'width:38px; height: 9px;" src="' + LAOLA_PATH_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 + 225;
            boxleft   = window.pageXOffset + 325;
        }
        boxheight = boxheight + 100;
        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; border: 0px;" src="' + imgSrc + '">' + link2 + '<BR><BR><span style="font-size:11px;font-family:Verdana">Hinweis! Die Liefergebiete Pirna und Freital sind in Vorbereitung. Für weitere Fragen stehen wir Ihnen gerne zur Verfügung.</span>' ;

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