// JavaScript Document

function displayImageViewer(msrc) {
iv = document.getElementById('imageViewer');
ht='<div style="background-color:#0C347F; text-align:right; padding:4px; right:0px; top:0px; position:absolute;"><a style="color: white; text-decoration:none;" href="javascript:void(0);"  onclick="closeImageViewer();"><b>X</b></a></div>';
ht+='<div><img src="'+msrc+'"></div>';
divPos(iv);
iv.style.zindex="100";
iv.innerHTML=ht;
}

function viewImageFromThumb(thmbObj) {
oldsrc = new String(thmbObj.src);
nsrc = oldsrc.replace('thumbnails','main');
displayImageViewer(nsrc);
}

function closeImageViewer() {
iv = document.getElementById('imageViewer');
ht='';
iv.innerHTML=ht;
iv.style.display="none";
iv.style.zindex="-100";	
}

function divPos(x)
{
//get viewport's width and height
a = x.style.display="block";
vpWidth=getWidth();
vpHeight=getHeight();

vpWidth+=getScrollX();
vpHeight+=getScrollY();
//get dialog's width and height
dialogWidth=x.offsetWidth;
dialogHeight=x.offsetHeight;

//calculate position
dialogTop = (vpHeight/2) - (dialogHeight/2);
dialogLeft = (vpWidth/2) - (dialogWidth/2);

//Position the Dialog
x.style.top =dialogTop+"px";
x.style.left =dialogLeft+"px";



}

function getScrollX() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return scrOfX;
}

function getScrollY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  
  // fudge here
  if (scrOfY> 400) {
	  scrOfY +=250;
  }
  
  return scrOfY;
}

function getWidth() {
if (!document.compatMode || document.compatMode=="CSS1Compat") {
return document.documentElement.clientWidth;
}
else if (document.compatMode) {
return document.body.clientWidth;
}
return zero(self.innerWidth);
}

function getHeight() {
if (!window.opera && (!document.compatMode ||
document.compatMode=="CSS1Compat")) {
return document.documentElement.clientHeight;
}
else if (document.compatMode && !window.opera) {
return document.body.clientHeight;
}
return zero(self.innerHeight);
}

function swapMainTplImage(newsrc) {
	im = document.getElementById('mainImage');
	im.src = newsrc;
}


var tooltip=function(){
	 var id = 'tt';
	 var top = 5;
	 var left = 3;
	 var maxw = 300;
	 var speed = 10;
	 var timer = 20;
	 var endalpha = 95;
	 var alpha = 0;
	 var tt,t,c,b,h;
	 var ie = document.all ? true : false;
	 return{
	  show:function(v,w){
	   if(tt == null){
	    tt = document.createElement('div');
	    tt.setAttribute('id',id);
	    t = document.createElement('div');
	    t.setAttribute('id',id + 'top');
	    c = document.createElement('div');
	    c.setAttribute('id',id + 'cont');
	    b = document.createElement('div');
	    b.setAttribute('id',id + 'bot');
	    tt.appendChild(t);
	    tt.appendChild(c);
	    tt.appendChild(b);
	    document.body.appendChild(tt);
	    tt.style.opacity = 0;
	    tt.style.filter = 'alpha(opacity=0)';
	    document.onmousemove = this.pos;
	   }
	   tt.style.display = 'block';
	   c.innerHTML = v;
	   tt.style.width = w ? w + 'px' : 'auto';
	   if(!w && ie){
	    t.style.display = 'none';
	    b.style.display = 'none';
	    tt.style.width = tt.offsetWidth;
	    t.style.display = 'block';
	    b.style.display = 'block';
	   }
	  if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
	  h = parseInt(tt.offsetHeight) + top;
	  clearInterval(tt.timer);
	  tt.timer = setInterval(function(){tooltip.fade(1)},timer);
	  },
	  pos:function(e){
	   var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
	   var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
	   tt.style.top = (u - h) + 'px';
	   tt.style.left = (l + left) + 'px';
	  },
	  fade:function(d){
	   var a = alpha;
	   if((a != endalpha && d == 1) || (a != 0 && d == -1)){
	    var i = speed;
	   if(endalpha - a < speed && d == 1){
	    i = endalpha - a;
	   }else if(alpha < speed && d == -1){
	     i = a;
	   }
	   alpha = a + (i * d);
	   tt.style.opacity = alpha * .01;
	   tt.style.filter = 'alpha(opacity=' + alpha + ')';
	  }else{
	    clearInterval(tt.timer);
	     if(d == -1){tt.style.display = 'none'}
	  }
	 },
	 hide:function(){
	  clearInterval(tt.timer);
	   tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
	  }
	 };
	}();