AttachEvent(document, 'click', function(e){ls_removeLightshow();}, false);

// info of x/y of screen/page:
var sizeInfo;

function ls_displayLightshow(imgFile)
{
	alert('test');
	sizeInfo = new Viewport();

	// append overlay:
	var overlay = document.createElement('div');
	overlay.setAttribute('id', 'ls_overlay');
	overlay.className = "ls_overlay";
	overlay.style.height = sizeInfo.pageY+'px';

	document.body.insertBefore(overlay, document.body.firstChild);

	// load image and wait for it to complete:
	var firstImage = new Image();
	firstImage.onload = ls_generateSlide;
	firstImage.src = imgFile;

	return false;
}

function ls_generateSlide()
{
	// width/height of loaded image:
	var ls_imgW = this.width;
	var ls_imgH = this.height;

	// set overlay position to center of screen
	var divPosY = (sizeInfo.windowY / 2) - ((ls_imgH + 12) / 2) + sizeInfo.scrollY;
	var divPosX = (sizeInfo.windowX / 2) - ((ls_imgW + 12) / 2) + sizeInfo.scrollX;

	// occurs on small resolution. the overlay is put in center of screen and part of the top is not visible beacuase of low resolution.
	if(sizeInfo.scrollY > divPosY)
		divPosY = sizeInfo.scrollY;

	// create show:
	var imageshow = document.createElement('div');
	imageshow.setAttribute('id', 'ls_show');

	imageshow.style.backgroundColor = '#000000';
	imageshow.style.padding = '6px';

	imageshow.style.position = 'absolute';

	imageshow.style.width = ls_imgW+'px';
	imageshow.style.height = ls_imgH+'px';

	imageshow.style.top = divPosY+'px';
	imageshow.style.left = divPosX+'px';

	imageshow.innerHTML = "<img src='"+this.src+"' border='0' />";


	E('ls_overlay').appendChild(imageshow);
}

function ls_removeLightshow(force)
{
	if(!E('ls_overlay') || !E('ls_show'))
	{
		return true;
	}

	if(parent_found('ls_show') && !force)
	{
		return false;
	}
	else
	{
		/*alert(E('ls_show'));*/
		document.body.removeChild(E('ls_overlay'));
	}
}