var PFAD = WEBDIR + "images/content/produkte/original/";
var titel= "Weego - Babytragesack";


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

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(start,end,lang)
{
    
    viewer     = document.getElementById("ImageViewer");
    if(!viewer)
    {
        document.body.innerHTML = document.body.innerHTML + '<div id="ImageViewer"><\/div>';
        viewer     = document.getElementById("ImageViewer");
    }
    if(viewer)
    {
        viewer.align = "left";
        viewer.style.display="none";
        viewer.style.position="absolute";
        viewer.style.border="1px solid black";
        viewer.style.backgroundColor="#fff";
        
        
        text =  '<table border="0" cellpadding="2" cellspacing="2" width="100%" style="position:relative;">'
          
        + '<tr><td colspan="2" align="right"><a href="#" onclick="closeImage(); return false;"><img style="border-width:0px; width:38px; height:9px;" src="'+WEBDIR+'images/close3.gif" alt="Schlie&szlig;en"><\/a>'
        + '</td></tr>'
           
        + '<tr><td valign="top" rowspan="2"><div style="padding: 0px; margin: 0px;" id="ImageViewerContent"><\/div>'
        + '</td>'
        + '<td valign="top"><div style="width:200px; padding-right:10px; color:#000000; text-align:left;">'
        + '<b>'+TITLESLIDE+'</b>'
        + '<br><br>'
        + view[start+'-'+lang]
        +'</td></tr>';

        
        text += '<tr><td valign="bottom"><table border="0" cellpadding="2" cellspacing="2" width="100%"><tr><td>';
        
        if(start>1)
        {
            zuruck=start-1;
            text += '<img style="margin-right:5px;align:left;" src="'+WEBDIR+'images/icons/zuruck.jpg" width="4" height="7" alt="zuruck" /><a style="text-decoration:none;color:#333;" href="#" onclick="showImage(' + zuruck + ',' + end + ',\'' + lang + '\');return false;">'+BACK+'</a>';
        }
        else
        {
            text += '<div style="width:34px;">&nbsp;</div>';                        
        }
        text += '</td><td>';        
        if(start<end)
        {
            weiter=start+1;
            text += '<a style="text-decoration:none;color:#333;padding-left:60px;" href="#" onclick="showImage(' + weiter + ',' + end + ',\'' + lang + '\');return false;">'+VOR+'</a><img style="margin-left:4px;" src="'+WEBDIR+'images/icons/vor.jpg" width="4" height="7" alt="nachstes" />';
        }

        text += '</td></tr></table>';
        
        text += ''
        + '</td></tr>'
        + '</table>';
        
       viewer.innerHTML = text; 

        if(document.all)
        {
            boxtop    = (document.body.scrollTop > document.documentElement.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop) + 200;
            boxleft   = (document.body.scrollLeft > document.documentElement.scrollLeft ? document.body.scrollLeft : document.documentElement.scrollLeft) + 300;
        } else {
            boxtop    = window.pageYOffset + 50;
            boxleft   = window.pageXOffset + 355;
        }
        boxheight = 0 + 59;
        boxwidth  = 500 + 40 + padding_corrector;

        viewer.style.top  = boxtop;
        viewer.style.left = boxleft;
        viewer.style.width  = boxwidth;
        if (boxheight != 59) viewer.style.height = boxheight;

        viewer_con = document.getElementById("ImageViewerContent");
        viewer_con.innerHTML = '<img style="margin-left:5px; margin-bottom:5px;" src="' + PFAD + 'foto' + start + '.jpg">';

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

function showImagex(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.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="../../images/close3.gif" alt="close"><\/a><br>'
        + '<div style="padding: 0px; margin: 0px;" id="ImageViewerContent"><\/div><\/div>';

        if(document.all)
        {
            boxtop    = document.body.scrollTop + 150;
            boxleft   = document.body.scrollLeft + 300;
        } else {
            boxtop    = window.pageYOffset + 150;
            boxleft   = window.pageXOffset + 300;
        }
        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 = '<img style="margin-top:10px;margin-right:10px;" 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;
    }
*/