//Thumbnail image viewer-
//© Dynamic Drive (www.dynamicdrive.com)
//For full source code, usage terms, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
//Edited by León van de Pavert for exclusive use on http://www.vandepavert.com

var ie  = document.all
var ie6 = (navigator.userAgent.indexOf("MSIE 6") > 0)
var ns  = document.layers
var ns6 = document.getElementById&&!document.all

function enlarge(which,e) {
  //Set max width for inline picture and keep ratio
  var iPic=new Image();
  iPic.src=which
  maxWidth=400
  myWidth=maxWidth
  if (iPic.width<iPic.height){
    myWidth=Math.floor((iPic.width/iPic.height)*maxWidth)
  }
  myHeight=Math.floor((iPic.height/iPic.width)*myWidth)

  //Render image code for IE6
  if (ie6) {
    //Keep inline image on visible part of page
    dX = event.clientX+myWidth-document.documentElement.clientWidth+5
    dY = event.clientY+myHeight-document.documentElement.clientHeight+25
    if (dX<0) dX=0
    if (dY<0) dY=0
    crossobj=document.all.ie_showimage
    if (crossobj.style.visibility=="hidden") {
      crossobj.style.left = document.documentElement.scrollLeft+event.clientX-dX
      crossobj.style.top  = document.documentElement.scrollTop+event.clientY-dY
      crossobj.innerHTML  = '<div id=drag align=right style="border:1px solid #0f0f2f;background-color:white;cursor:move;"><img class="closebtn" style="background-color:white;cursor:hand;" src="images/closebutton.gif" ALT="Close" onClick=closepreview()></div>'
      crossobj.innerHTML += '<img name="inlinePic" style="border:1px solid #0f0f2f;" src="'+which+'" width="'+myWidth+'" alt="Loading image...\nDrag top bar to move image">'
      crossobj.style.visibility="visible"
    }
    else
      crossobj.style.visibility="hidden"
    return false
  }

  //Render image code for IE4+ and NS6
  if (ie||ns6) {
    //Keep inline image on visible part of page
    dX=ns6? e.clientX+myWidth-screen.availWidth+25 : event.clientX+myWidth-screen.availWidth+25
    dY=ns6? e.clientY+myHeight-screen.availHeight+28 : event.clientY+myHeight-screen.availHeight+28
    if (dX<0) dX=0
    if (dY<0) dY=0
    crossobj=document.getElementById? document.getElementById("ie_showimage") : document.all.ie_showimage
    if (crossobj.style.visibility=="hidden") {
      crossobj.style.left=ns6? pageXOffset+e.clientX-dX : document.body.scrollLeft+event.clientX-dX
      crossobj.style.top=ns6? pageYOffset+e.clientY-dY : document.body.scrollTop+event.clientY-dY
      crossobj.innerHTML='<div id=drag align=right style="background-color:whitecursor:move;"><img class="closebtn" style="background-color:white;cursor:hand;" src="images/closebutton.gif" ALT="Close" onClick=closepreview()></div>'
      crossobj.innerHTML+='<img name="inlinePic" src="'+which+'" width="'+myWidth+'" alt="Loading image...\nDrag top bar to move image">'
      crossobj.style.visibility="visible"
    }
    else
      crossobj.style.visibility="hidden"
    return false
  }
  //Render image code for NS 4
  else if (document.layers) {
    if (document.ns_showimage.visibility=="hide") {
      var ns_innerHTML='<layer name="closebtn" style="position:absolute;visibility:show;align:right">'
      ns_innerHTML+='<a href="javascript:closepreview()">'
      ns_innerHTML+='<img src="images/closebutton.gif" border=1 alt="Close">'
      ns_innerHTML+='</a>'
      ns_innerHTML+='</layer>'
      ns_innerHTML+='<layer above="closebtn" style="position:absolute;visibility:show;align:right" onMouseover="drag_dropns(ns_showimage)">'
      ns_innerHTML+='<img src="'+which+'" width="'+myWidth+'" border=1 alt="Drag to move image">'
      ns_innerHTML+='</layer>'
      document.ns_showimage.document.write(ns_innerHTML)
      document.showimage.document.close()
      document.showimage.left=e.x
      document.showimage.top=e.y
      document.showimage.visibility="show"
    }
    else
      document.showimage.visibility="hide"
    return false
  }
  //if NOT IE 4+ or NS 4, simply display image in full browser window
  else
    return true
  }
  function closepreview(){
  crossobj.style.visibility="hidden"
}