﻿ticked = 0;
animationLock = false;

function fiatLux(thisImage)
{
 if(!animationLock)
 {
	animationLock = true;
	imageHolder = new Image();
	document.getElementById("lightBoxRoot").style.visibility = "hidden";
	document.getElementById("lightBoxRoot").style.opacity = 0;
	document.getElementById("lightBoxRoot").style.filter = "alpha(opacity=0)";	
	document.getElementsByTagName("body")[0].appendChild(document.getElementById("blackDrop"));
	document.getElementsByTagName("body")[0].appendChild(document.getElementById("lightBoxRoot"));
	imageHolder.src = thisImage;
	windowWidth = (window.innerWidth) ? window.innerWidth : document.documentElement.clientWidth;
	windowHeight = (window.innerHeight) ? window.innerHeight : document.documentElement.clientHeight;
	scrollDistance = (navigator.userAgent.indexOf("Safari")==-1) ? document.documentElement.scrollTop : window.pageYOffset;
	displayLightBox();
 }
}

function displayLightBox()
{
	if(imageHolder.complete)
	{
		document.getElementById("lightBoxHolder").style.width = imageHolder.width + "px";
		document.getElementById("lightBoxHolder").style.height = imageHolder.height + "px";
		document.getElementById("lightBoxHolder").style.backgroundImage = "url("+imageHolder.src+")";
		document.getElementById("lightBoxRoot").style.width = imageHolder.width + 20 + "px";
		document.getElementById("lightBoxRoot").style.height = imageHolder.height + 20 + "px";
		document.getElementById("lightBoxRoot").style.left = (windowWidth/2)-(imageHolder.width/2) + "px";
//		document.getElementById("lightBoxRoot").style.top = (windowHeight/2)-(imageHolder.height/2)-10 + "px";
		document.getElementById("blackDrop").style.display = "block";
		document.getElementById("blackDrop").style.height = document.body.scrollHeight+"px";
		document.getElementById("lightBoxRoot").style.top = 40+scrollDistance+"px";
		document.getElementById("lightBoxRoot").style.visibility = "visible";
		fadeAnimationHolder = window.setInterval("fadeLightBox()",25);
	}
	else window.setTimeout("displayLightBox()",250);
}

function fadeLightBox()
{
	if(ticked==20)
	{
		window.clearInterval(fadeAnimationHolder);
		ticked = 0;
		delete imageHolder;
		animationLock = false;
//		window.onclick = function() { closeLightbox() };
	}
	else
	{
		document.getElementById("lightBoxRoot").style.opacity = ticked/10;
		document.getElementById("lightBoxRoot").style.filter = "alpha(opacity="+100+")";
		ticked += 10;
	}
}

function closeLightbox()
{
	if(!animationLock)
	{
		document.getElementById("lightBoxRoot").style.visibility = "hidden";
		document.getElementById("lightBoxRoot").style.opacity = 0;
		document.getElementById("lightBoxRoot").style.filter = "alpha(opacity=0)";
		document.getElementById("blackDrop").style.display = "none";
//	window.onclick = function() { return true; };
	}
}