/***********************************************
* Image Thumbnail Viewer Script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var picview={
  enableAnimation: true,
  definefooter: '<div class="paticka_nahladu">CLOSE X</div>',
  defineLoading: '<img class="noprint" src="/pics/loading.gif" />',
  scrollbarwidth: 16,
  opacitystring: 'filter:progid:DXImageTransform.Microsoft.alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1',
  targetlinks:[],

createlargeImage:function(){
  document.write('<div id="largeImage" onClick="picview.closeit()"><div id="imageBorder"></div>'+this.definefooter+'</div>')
  document.write('<div id="picLoading">'+this.defineLoading+'</div>')
  
  this.largeImage=document.getElementById("largeImage")
  this.imageBorder=document.getElementById("imageBorder")
  this.picLoading=document.getElementById("picLoading")
  this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
},


centerDiv:function(divobj) {
  var ie=document.all && !window.opera
  var dom=document.getElementById
  var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
  var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
  var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth
  var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
  var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight //Full scroll height of document
  var objwidth=divobj.offsetWidth
  var objheight=divobj.offsetHeight
  var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+10+"px"

  divobj.style.left=docwidth/2-objwidth/2+"px"
  divobj.style.top=Math.floor(parseInt(topposition))+"px"
  divobj.style.visibility="visible"
},

showlargeImage:function() {
  picview.picLoading.style.visibility="hidden"
  
  this.centerDiv(this.largeImage)
  
  if (this.enableAnimation) {
    this.currentopacity=0.1
    this.opacitytimer=setInterval("picview.opacityanimation()", 20)
  }
},

loadimage:function(link) {
  if (this.largeImage.style.visibility=="visible")
  
  this.closeit()
  var imageHTML='<img src="'+link.getAttribute("href")+'" style="'+this.opacitystring+'" />'
  this.centerDiv(this.picLoading)
  this.imageBorder.innerHTML=imageHTML
  this.featureImage=this.imageBorder.getElementsByTagName("img")[0]
  if (this.featureImage.complete)
    picview.showlargeImage()
  else {
    this.featureImage.onload=function() {
      picview.showlargeImage()
    }
  }
  
  if (document.all && !window.createPopup)
    this.featureImage.src=link.getAttribute("href")
  
    this.featureImage.onerror=function() {
      picview.picLoading.style.visibility="hidden"
    }
},

setimgopacity:function(value) {
  var targetobject=this.featureImage
  if (targetobject.filters && targetobject.filters[0]) {
    if (typeof targetobject.filters[0].opacity=="number")
      targetobject.filters[0].opacity=value*100
    else
  
    targetobject.style.filter="alpha(opacity="+value*100+")"
  } else if (typeof targetobject.style.MozOpacity!="undefined")
    targetobject.style.MozOpacity=value
  else if (typeof targetobject.style.opacity!="undefined")
    targetobject.style.opacity=value
  else
    this.stopanimation()
},

opacityanimation:function() {
  this.setimgopacity(this.currentopacity)
  this.currentopacity+=0.1
  if (this.currentopacity>1)
    this.stopanimation()
},

stopanimation:function(){
if (typeof this.opacitytimer!="undefined")
clearInterval(this.opacitytimer)
},


closeit:function() {
  this.stopanimation()
  this.largeImage.style.visibility="hidden"
  this.imageBorder.innerHTML=""
  this.largeImage.style.left="-2000px"
  this.largeImage.style.top="-2000px"
},

cleanup:function() {
  this.picLoading=null
  if (this.featureImage) this.featureImage.onload=null
  this.featureImage=null
  this.imageBorder=null
  for (var i=0; i<this.targetlinks.length; i++)
  this.targetlinks[i].onclick=null
  this.largeImage=null
},

dotask:function(target, functionref, tasktype) {
  var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
  if (target.addEventListener)
    target.addEventListener(tasktype, functionref, false)
  else if (target.attachEvent)
    target.attachEvent(tasktype, functionref)
},

init:function(){
  if (!this.enableAnimation)
  this.opacitystring=""
  var pagelinks=document.getElementsByTagName("a")
  for (var i=0; i<pagelinks.length; i++) {
    if (pagelinks[i].getAttribute("rel") && pagelinks[i].getAttribute("rel")=="thumbnail") {
      pagelinks[i].onclick=function(){
        picview.stopanimation()
        picview.loadimage(this)
        return false
      }

    this.targetlinks[this.targetlinks.length]=pagelinks[i]
    }
  } 

  this.dotask(window, function(){if (picview.largeImage.style.visibility=="visible") picview.centerDiv(picview.largeImage)}, "resize")
}

}

picview.createlargeImage()
picview.dotask(window, function(){picview.init()}, "load")
picview.dotask(window, function(){picview.cleanup()}, "unload")