/***********************************************
* Zap_ImgPop JavaScript Source
* Author: Tom Koehler
* Author URI: http://www.zappelfillip.de
* Plugin URI: http://www.zappelfillip.de/index.php/2005-10-25/zap_imgpop/
*
* Based on: 
* Image Thumbnail viewer- © Dynamic Drive (www.dynamicdrive.com)
* Last updated Sept 26th, 03'. This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
// true if you want images shrinked when showed. false shows images in original size
resize = false;

// If resize=true you can specify maxwidth and maxheight of the shown image. Use 0 if you want images shrinked to browser size, so that they are always displayed completely 
maxwidth = 0;
maxheight = 0;

//----------------------------------------------------------------------------------------------------------------

var ie=document.all;
var ns6=document.getElementById&&!document.all;

    
function ietruebody(){
  return (document.compatMode && document.compatMode!="BackCompat" && !window.opera)? document.documentElement : document.body;
}

    
function enlarge(pluginurl, which, beschreibung, e, imgwidth, imgheight,x,y) {

  if (ie||ns6) {

    preload = new Image();
    preload.src = which;

    plugurl = '.';
    beschr = beschreibung;
    crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage;
    
    position(e,x,y);
        
    crossobj.innerHTML='<div id="img-shadow"><table id="tabelle" border="0" cellpadding="0" cellspacing="4"><tr><td valign=middle id="dragbar"><div style="float:left;" id="dragbar">'+beschreibung+'</div><img style="float:right;" src="/images/interface/closebutton.gif" id="schliessen" onclick="closepreview();" alt="close" title="close" /></td></tr><tr><td><img id="picture" src="/images/interface/loading.gif" alt="Image View" /></td></tr></table></div>';
    crossobj.style.visibility="visible";

    setTimeout("bildgeladen()", 200);

    return false;
  }
  else //if NOT IE 4+ or NS 6+, simply display image in full browser window
    return true;
}


function position(e,x,y) {
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    if (e.pageX || e.pageY)     {
        posx = e.pageX;
        posy = e.pageY;
    }
    else if (e.clientX || e.clientY)    {
        posx = e.clientX + document.body.scrollLeft
            + document.documentElement.scrollLeft;
        posy = e.clientY + document.body.scrollTop
            + document.documentElement.scrollTop;
    }
    // posx and posy contain the mouse position relative to the document
    // Do something with this information
    crossobj.style.left=posx+x+"px";
    crossobj.style.top=posy+y+"px";
}


function ausgeben() {
    ratio = preload.width / preload.height;
    
    if(maxwidth == 0) innenbreite=ns6 ? window.innerWidth-47 : ietruebody().clientWidth-47;
    else innenbreite=maxwidth;
    if(maxheight == 0) innenhoehe=ns6 ? window.innerHeight-55 : ietruebody().clientHeight-55;
    else innenhoehe=maxheight;
    if((maxwidth != 0) && (maxheight != 0)) {
        innenbreite=maxwidth;
        innenhoehe=maxheight;
    }

    if(preload.width > innenbreite) {
        preload.width = innenbreite;
        preload.height = preload.width / ratio;
        if(preload.height > innenhoehe) {
            preload.height = innenhoehe;
            preload.width = preload.height * ratio;
        }
    }
    else if(preload.height > innenhoehe) {
        preload.height = innenhoehe;
        preload.width = preload.height * ratio;
        if(preload.width > innenbreite) {
            preload.width = innenbreite;
            preload.height = preload.width / ratio;
        }
    }
    
    
    imgwidth=preload.width;
    imgheight=preload.height;
    crossobj.style.visibility="hidden";

  crossobj.innerHTML='<div id="img-shadow"><table id="tabelle" border="0" cellpadding="0" cellspacing="4"><tr><td valign=middle id="dragbar"><div style="float:left;" id="dragbar">'+beschr+'</div><img style="float:right;" src="/images/interface/closebutton.gif" id="schliessen" onclick="closepreview();" onmouseover="showhover(\''+plugurl+'\');" onmouseout="showdefault(\''+plugurl+'\');" onmousedown="showpush(\''+plugurl+'\');" alt="close" title="close" /></td></tr><tr><td><img id="picture" src="'+preload.src+'" alt="Image View" title="Click to zoom in" onclick="vergroessern()" style="cursor:url('+plugurl+'/cur/plus.cur)" /></td></tr></table></div>';
  bild=document.getElementById? document.getElementById("picture") : document.all.picture;
    bild.style.width=preload.width+"px";
    bild.style.height=preload.height+"px";
  crossobj.style.visibility="visible";
}


function verkleinern() {
    imgwidth=preload.width;
    imgheight=preload.height;
    crossobj.style.visibility="hidden";
//  position(imgwidth,imgheight);
  crossobj.innerHTML='<div id="img-shadow"><table id="tabelle" border="0" cellpadding="0" cellspacing="4"><tr><td valign=middle id="dragbar"><div style="float:left;" id="dragbar">'+beschr+'</div><img style="float:right;" src="/images/interface/closebutton.gif" id="schliessen" onclick="closepreview();" onmouseover="showhover(\''+plugurl+'\');" onmouseout="showdefault(\''+plugurl+'\');" onmousedown="showpush(\''+plugurl+'\');" alt="close" title="close" /></td></tr><tr><td><img id="picture" src="'+preload.src+'" alt="Image View" title="Click to zoom in" onclick="vergroessern()" style="cursor:url('+plugurl+'/cur/plus.cur)" /></td></tr></table></div>';
  bild=document.getElementById? document.getElementById("picture") : document.all.picture;
    bild.style.width=preload.width+"px";
    bild.style.height=preload.height+"px";
  crossobj.style.visibility="visible";
}

function vergroessern() {
    imgwidth=originalbreite;
    imgheight=originalhoehe;
    crossobj.style.visibility="hidden";
    
    crossobj.innerHTML='<div id="img-shadow"><table id="tabelle" border="0" cellpadding="0" cellspacing="4"><tr><td valign=middle id="dragbar"><div style="float:left;" id="dragbar">'+beschr+'</div><img style="float:right;" src="/images/interface/closebutton.gif" id="schliessen" onclick="closepreview();" onmouseover="showhover(\''+plugurl+'\');" onmouseout="showdefault(\''+plugurl+'\');" onmousedown="showpush(\''+plugurl+'\');" alt="close" title="close" /></td></tr><tr><td><img id="picture" src="'+preload.src+'" alt="Image View" title="Click to zoom out" onclick="verkleinern()" style="cursor:url('+plugurl+'minus.cur)" /></td></tr></table></div>';
    bild=document.getElementById? document.getElementById("picture") : document.all.picture;
    bild.style.width=originalbreite+"px";
    bild.style.height=originalhoehe+"px";
    var horzpos=ns6? pageXOffset+15 : ietruebody().scrollLeft+15
    var vertpos=ns6? pageYOffset : ietruebody().scrollTop   
//  crossobj.style.left=horzpos+"px";
//  crossobj.style.top=vertpos+15+"px";
    crossobj.style.visibility="visible";
}

function bildgeladen() {
  if(preload.complete) {
    originalbreite = preload.width;
    originalhoehe = preload.height;

        if(maxwidth == 0) innenbreite=ns6 ? window.innerWidth-47 : ietruebody().clientWidth-47;
        else innenbreite=maxwidth;
        if(maxheight == 0) innenhoehe=ns6 ? window.innerHeight-55 : ietruebody().clientHeight-55;
        else innenhoehe=maxheight;
        
    if(((preload.width > innenbreite) || (preload.height > innenhoehe)) && resize) {
            ausgeben();
        }
        else {
            imgwidth=preload.width;
            imgheight=preload.height;

            crossobj.style.visibility="hidden";
            //position(imgwidth,imgheight);

            bild=document.getElementById? document.getElementById("picture") : document.all.picture;
            bild.src = preload.src;
            bild.style.width=preload.width+"px";
            bild.style.height=preload.height+"px";
            crossobj.style.visibility="visible"
        }
  }
  else { setTimeout("bildgeladen()", 200) }
}


function showhover(pluginurl){
    closebild=document.getElementById? document.getElementById("schliessen") : document.all.schliessen;
  closebild.src=pluginurl+"closeover.gif"
}


function showdefault(pluginurl){
    closebild=document.getElementById? document.getElementById("schliessen") : document.all.schliessen;
  closebild.src=pluginurl+"closebutton.gif"
}


function showpush(pluginurl){
    closebild=document.getElementById? document.getElementById("schliessen") : document.all.schliessen;
  closebild.src=pluginurl+"closepush.gif"
}
    

function closepreview(){
  crossobj.style.visibility="hidden"
}

    
function drag_drop(e){
  if (ie&&dragapproved){
    crossobj.style.left=tempx+event.clientX-offsetx+"px"
    crossobj.style.top=tempy+event.clientY-offsety+"px"
  }
  else if (ns6&&dragapproved){
    crossobj.style.left=tempx+e.clientX-offsetx+"px"
    crossobj.style.top=tempy+e.clientY-offsety+"px"
  }
  return false
}


function initializedrag(e){
  if (ie&&event.srcElement.id=="dragbar"||ns6&&e.target.id=="dragbar"){
    offsetx=ie? event.clientX : e.clientX
    offsety=ie? event.clientY : e.clientY

    tempx=parseInt(crossobj.style.left)
    tempy=parseInt(crossobj.style.top)
    
    dragapproved=true
    document.onmousemove=drag_drop
  }

}


document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")

// <div id="showimage"></div> erzeugen

function addLoadEvent(func)
{   
    var oldonload = window.onload;
    if (typeof window.onload != 'function'){
        window.onload = func;
    } else {
        window.onload = function(){
        oldonload();
        func();
        }
    }

}

addLoadEvent(diverzeugen);  // diverzeugen aufrufen onLoad

function diverzeugen() {
  var DerBody = document.getElementsByTagName("body").item(0);
  var objImagediv = document.createElement("div");
  objImagediv.setAttribute('id','showimage');
  DerBody.appendChild(objImagediv);
}