lbWidth = 0;
function lightBox(filename)
{
	lightBoxId = document.getElementById('lightBoxImage');
	lbWidth = 0;
	growLightBox(filename);
	id2.innerHTML="<center><img style=\"position:relative;top:100px;\" src=\"media/screen_"+filename+".png\"><br><button style=\"position:relative;top:100px;\" onClick=\"closeLightBox();\">Close LightBox</button></center>";
}
function growLightBox(filename)
{
	id = document.getElementById('lightBoxImage');
	id2 = document.getElementById('imgBox');
	if(lbWidth < 100)
	{
		lbWidth+=5;
		id.style.width = lbWidth+"%";
		setTimeout("growLightBox(\""+filename+"\");",10);
	}
	else
	{
		id2.style.width = lbWidth+"%";
	}
}

function closeLightBox()
{
	lbWidth = 0;
	id = document.getElementById('lightBoxImage');
	id2 = document.getElementById('imgBox');
	id.style.width = lbWidth+"%";
	id2.style.width = lbWidth+"%";
}