var overlay;
var mainImg;
var content;
var description;

function initImageViewer(){
	/*overlayDiv=document.createElement('div');
	overlayDiv.setAttribute("id","overlay");
	document.getElementById('workarea').appendChild(overlayDiv);*/

	overlay=document.getElementById('overlay');
	overlay.style.width=300;
	overlay.style.height=200;
	overlay.style.display="none";
	
	if(document.all){
		overlay.style.position="absolute";
	}
	else{	
		overlay.style.position="fixed";
	}

	overlay.style.left=0;
	overlay.style.top=0;
	
	
	overlay.onclick=function(){overlay.style.display='none';if(document.all)document.getElementById("tagval").style.visibility="";}
	content=document.getElementById("content");
	mainImg=document.getElementById("mainImg");
	tit=document.getElementById("title");
	
	loadRels();


}

function loadRels(){

	var linksArr=document.getElementsByTagName("a");
	for(i = 0;i<linksArr.length;i++){
		if(linksArr[i].getAttribute("rel")=="img"){
			var href=linksArr[i].getAttribute("href");
			var title=linksArr[i].getAttribute("title");
			linksArr[i].onclick=function(){showImage(this);return false;};
		}
	}
}

function showImage(object){
	var href=object.getAttribute("href");
	var title=object.getAttribute("title");
	
	mainImg.src=href;
	mainImg.onload=showLayer;
	tit.innerHTML=(title==""||title==null)?(href):(title);
}

function showLayer(){
	if(document.all){document.getElementById("tagval").style.visibility="hidden";}
	overlay.style.display="inline";
	if(document.all){
	overlay.style.left=getScrollWidth();
	overlay.style.top=getScrollHeight();
	}
	else{
	overlay.style.left=0;
	overlay.style.top=0;
	}
	//alert("\""+getFrameWidth()+"px\"");
	overlay.style.width=getFrameWidth()+"px";
	overlay.style.height=getFrameHeight()+"px";

	//alert(((getFrameWidth()-mainImg.width-14)/2)+"px");
	
	content.style.left=((getFrameWidth()-mainImg.width-14)/2)+"px";
	content.style.top=((getFrameHeight()-mainImg.height-14)/2)+"px";



	content.style.width=(mainImg.width+14)+"px";


}

function getFrameWidth(){
	if (self.innerWidth)
	{
		return self.innerWidth;
	}
	else if (document.documentElement && document.documentElement.clientWidth)
	{
		return document.documentElement.clientWidth;
	}
	else if (document.body)
	{
		return document.body.clientWidth;
	}
	else return;
}

function getFrameHeight(){
	if (self.innerWidth)
	{
		return self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientWidth)
	{
		return document.documentElement.clientHeight;
	}
	else if (document.body)
	{
		return document.body.clientHeight;
	}
	else return;
}

function getScrollWidth()
{
   var w = window.pageXOffset ||
           document.body.scrollLeft ||
           document.documentElement.scrollLeft;
           
   return w ? w : 0;
}

function getScrollHeight()
{
   var h = window.pageYOffset ||
           document.body.scrollTop ||
           document.documentElement.scrollTop;
           
   return h ? h : 0;
}

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

lb_addLoadEvent(initImageViewer);