function Viewer(objLink){

	var objOverlay = document.getElementById('ViewerOverlay');
	var objViewer = document.getElementById('Viewer');
	var objCaption = document.getElementById('ViewerCaption');
	var objPhoto = document.getElementById('ViewerPhoto');

	var Env = GetEnv();

	objPreload = new Image();

	objPreload.onload = function(){

					objPhoto.src = objLink.href;

					var top = Env['positionY'] + ((Env['windowHeight'] - 35 - objPreload.height) / 2);
					var left = ((Env['windowWidth'] - 20 - objPreload.width) / 2);

					objViewer.style.top = (top < 0) ? "0px" : top + "px";
					objViewer.style.left = (left < 0) ? "0px" : left + "px";

					if(objLink.getAttribute('title')){
						objCaption.style.display = 'block';
						objCaption.innerHTML = objLink.getAttribute('title');
					   }else{
						objCaption.style.display = 'none';
					  }

					objOverlay.style.display = 'block';
					objPhoto.onclick = function(){ hideViewer(); }

					objViewer.style.display = "block";

					var Env_update = GetEnv();
 					objOverlay.style.height = (Env_update['contentHeight'])+'px';

				   }

		objPreload.src = objLink.href;

  }


function hideViewer(){

	var objOverlay = document.getElementById('ViewerOverlay');
	var objViewer = document.getElementById('Viewer');

	objOverlay.style.display = 'none';
	objViewer.style.display = 'none';


  }


function InitViewer(){

	var objOverlay = document.getElementById('ViewerOverlay');
	var objViewer = document.getElementById('Viewer');

	var objLink = document.createElement("a");
	objLink.setAttribute('href','#');
	objLink.onclick = function () {hideViewer(); return false;}
	objViewer.appendChild(objLink);

		var objImage = document.createElement("img");
		objImage.setAttribute('id','ViewerPhoto');
		objLink.appendChild(objImage);

	var objCaption = document.createElement("ViewerCaption");
	objCaption.setAttribute('id','ViewerCaption');
	objViewer.appendChild(objCaption);

	var objClose = document.createElement("a");
	objClose.setAttribute('id','ViewerClose');
	objClose.setAttribute('href','#');
	objClose.onclick = function () {hideViewer(); return false;}
	objClose.innerHTML = 'x';
	objViewer.appendChild(objClose);

	var anchors = document.getElementsByTagName('a');

	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];
		if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == "Viewer")){
			anchor.onclick = function () { Viewer(this); return false; }
		}
	}

  }



addLoadEvent(InitViewer);