var thumbviewer={

// settings
enableTitle:true,
enableAnimation:true,
definefooter: '<div class="footerbar">CLOSE</div>',
defineLoading: '<img src="img/loading.gif" style="position:relative;margin-top:100px;"/>',
infoFrame:[],
currentLink:[],

// setup
opacitystring: 'filter:progid:DXImageTransform.Microsoft.alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1',
targetlinks:[],

init:function(){

  thumbviewer.imgFrame = document.getElementById('img-frame');
  thumbviewer.infoFrame = document.getElementById('img-info');
  thumbviewer.orient = 'horiz'
  //thumbviewer.captionFrame = document.getElementById('img-caption');

  var thumbLinks=document.getElementsByTagName("a");
  for (var i=0; i<thumbLinks.length; i++){ 
    if (thumbLinks[i].getAttribute("rel") && thumbLinks[i].getAttribute("rel")=="thumb-box"){

      thumbLinks[i].onclick=function(){
        thumbviewer.currentLink = this;
        thumbviewer.loadimage(this);
        return false
      } //end thumbDiv.onclick fcn
    } //end IF
  } //end FOR

}, //end init fcn

// Dofun util
dofun: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)
}, //end dofun fcn

// LOAD IMAGE
loadimage:function(a){
 
  this.infoFrame.style.display="none";
  this.imgFrame.style.visibility="visible";
  this.imgFrame.innerHTML = this.defineLoading;

  //var v = '';
  //if (a.getAttribute('class')=='vert') {
	//v = ' class=\"vert\" ';
  //}
  //else {
	//v = ' class=\"horiz\" ';
  //}
  this.image = new Image();
  this.image.src = a.getAttribute("href");
  this.image.onload=function(){

      var h = this.height;
      var w = this.width;
      var c;
      if (h>w) {
          this.className = 'vert';
          thumbviewer.orient = 'vert'
        c = ' class=\"vert\" ';
      }
      else {
          this.className = 'horiz';
          thumbviewer.orient = 'horiz'
        c = ' class=\"horiz\" ';
      }

      thumbviewer.imgFrame.style.visibility="hidden";
      thumbviewer.imgFrame.innerHTML = '';
      thumbviewer.setimgopacity(0);
      thumbviewer.imgFrame.appendChild(this);
      thumbviewer.imgFrame.style.visibility="visible";
      thumbviewer.fadein();
      if (browser=="Internet Explorer") {
          thumbviewer.loadimginfo();
      }

  } //end image.onload fcn

}, //end loadimage fcn

// LOAD IMAGE
loaddetail:function(div){
 
  this.imgFrame.style.visibility="visible";
  this.imgFrame.innerHTML = this.defineLoading;
  this.image = new Image();
  this.caption = div.getElementsByTagName('div')[0]
    
  var img = div.getElementsByTagName('img')[0];  
  var src = img.getAttribute('src');
  src = src.replace(/thumbs/,'images');
  this.image.src = src;
  this.image.onload=function(){

      var h = this.height;
      var w = this.width;
      var c;
      if (h>w) {
          
        this.className = 'vert';
        c = ' class=\"vert\" ';
      }
      else {
        this.className = 'horiz';
        c = ' class=\"horiz\" ';
      }

      thumbviewer.imgFrame.style.visibility="hidden";
      thumbviewer.imgFrame.innerHTML = '';
      thumbviewer.setimgopacity(0);
      thumbviewer.imgFrame.appendChild(this);

      if (thumbviewer.caption) {
          var cap = document.createElement('div');
          
          
          if (this.className=='vert') {
              cap.className = 'img-caption-vert';              
          }
          else {
              cap.className = 'img-caption';
          }
          cap.innerHTML = thumbviewer.caption.innerHTML;
          thumbviewer.imgFrame.appendChild(cap);
      }
      thumbviewer.imgFrame.style.visibility="visible";
      thumbviewer.fadein();
      //if (browser=="Internet Explorer") {
        //  thumbviewer.loadimginfo();
      //}

  } //end image.onload fcn

}, //end loadimage fcn


fadein:function(){
    this.currentopacity=0.0;
    this.opacitytimer=window.setInterval("thumbviewer.fadeinAnim()",.5);
    //if (typeof this.opacitytimer=="undefined")
},

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

setimgopacity:function(newO){
    var targ=this.image
    targ.style.opacity=newO
},

stopanimation:function(){
  if (typeof this.opacitytimer!="undefined") {
    clearInterval(this.opacitytimer);
    if (browser!="Internet Explorer") this.loadimginfo();
  }
},

loadimginfo:function() {
  a = thumbviewer.currentLink;
  var imgDetailsDiv = a.getElementsByTagName('div')[0];
  if (imgDetailsDiv) {
    thumbviewer.infoFrame.innerHTML = imgDetailsDiv.innerHTML;
  }
  //if (this.caption) {
  //  thumbviewer.captionFrame.innerHTML = this.caption.innerHTML;
//    thumbviewer.captionFrame.style.display="block"
  //  thumbviewer.captionFrame.visibility="visible"
  //}

  thumbviewer.infoFrame.style.display="block";
  thumbviewer.infoFrame.style.visibility="visible";
  thumbviewer.infoFrame.style.color="gray";

  var emailDiv = document.getElementById('emailtext');
  thumbviewer.infoFrame.innerHTML = thumbviewer.infoFrame.innerHTML + emailDiv.innerHTML;



  //emailDiv.style.display='block';

}
        

} //end var thumbviewer def

// Create the thumbviewer when the window loads
//thumbviewer.dofun(window, function(){thumbviewer.init()}, "load")