var loadingImage = 'http://image.gobananaas.com/Images/loading.gif';		
function getPageScroll()
{
	var yScroll;
	if (self.pageYOffset) { yScroll = self.pageYOffset; }
	else if (document.documentElement && document.documentElement.scrollTop) {  yScroll = document.documentElement.scrollTop; }
	else if (document.body) { yScroll = document.body.scrollTop; }
	return new Array('',yScroll);
}
function getPageSize()
{
	var xScroll=630,yScroll=460,windowWidth=630,windowHeight=460;
	if( parseInt(navigator.appVersion) > 3 )
	{
		if(window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; }
		else if(document.body.scrollHeight > document.body.offsetHeight) { xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; }
		else { xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; }
		if(self.innerHeight) { windowWidth = self.innerWidth; windowHeight = self.innerHeight; }
		else if(document.documentElement && document.documentElement.clientHeight) { windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; }
		else if(document.body) { windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; }
		pageHeight = ( yScroll < windowHeight ? windowHeight : yScroll );
		pageWidth  = ( xScroll < windowWidth ? windowWidth : xScroll );
	}
	return new Array(pageWidth,pageHeight,windowWidth,windowHeight);
}
function showLightbox()
{
	var objOverlay = document.getElementById('overlay');
	if( objOverlay == null ) { initLightbox(); objOverlay = document.getElementById('overlay'); }
	var DivImage = document.getElementById('DivImage');
	var objImage = document.getElementById('lightboxImage');
	var objLoadingImage = document.getElementById('loadingImage');
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();
	if (objLoadingImage) {
		objLoadingImage.style.top = (arrayPageScroll[1] + ((arrayPageSize[3] - 35 - objLoadingImage.height) / 2) + 'px');
		objLoadingImage.style.left = (((arrayPageSize[0] - 20 - objLoadingImage.width) / 2) + 'px');
		objLoadingImage.style.display = 'block';
	}
	if (DivImage)
	{
	    DivImage.innerHTML = "";
		DivImage.style.top = (arrayPageScroll[1] + 70 + 'px');
		DivImage.style.left = '200px';
		DivImage.style.width='600px'
	}
	objOverlay.style.height = (arrayPageSize[1] + 'px');
	objOverlay.style.display = 'block';
	objOverlay.onclick = function () { return false; }
}
function hideLightbox() { document.getElementById('overlay').style.display = 'none'; }
function initLightbox()
{
	if (!document.getElementsByTagName){ return; }
	var objBody = document.getElementsByTagName("body").item(0);
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay'); objOverlay.style.display = 'none';
	objOverlay.style.position = 'absolute'; objOverlay.style.top = '0';
	objOverlay.style.left = '0'; objOverlay.style.zIndex = '90';
	objOverlay.style.width = '100%';
	objBody.insertBefore(objOverlay, objBody.firstChild);
	
	var objLoadingImage = document.createElement("img");
	objLoadingImage.src = loadingImage;
	objLoadingImage.setAttribute('id','loadingImage');
	objLoadingImage.style.position = 'absolute';
	objLoadingImage.style.zIndex = '150';
	objOverlay.appendChild(objLoadingImage);
	objLoadingImage.src = loadingImage;
	
	var DivImage = document.createElement("div");
	DivImage.src = loadingImage;
	DivImage.setAttribute('id','DivImage');
	DivImage.style.position = 'absolute';
	DivImage.style.zIndex = '150';
	objOverlay.appendChild(DivImage);
}
