var BgFadeID;
var ImFadeID;
var BgOpacity = 0;
var ImOpacity = 0;
var BgOpacityIncr = 0.2;
var ImOpacityIncr = 0.2;
var BgIncrInterval = 25;
var ImIncrInterval = 25;
var NewSrc;

function SetOpacity(object,opacity)
{
	object.style.opacity = opacity;
	object.style.MozOpacity = opacity;
	if( object.filters && object.filters.alpha )
	{
		object.filters.alpha.opacity = opacity * 100;
	}
}

function SetZIndex(index)
{
	divref = document.getElementById("popupbg");
	imgref = document.getElementById("popupimgdiv");
	divref.style.zIndex = index;
	imgref.style.zIndex = index;
}

function UpdateBg()
{
	SetOpacity(document.getElementById("popupbg"), 0.8 * BgOpacity);
	SetOpacity(document.getElementById("popupimgdiv"), BgOpacity);
}

function UpdateIm()
{
	SetOpacity(document.popupimg, ImOpacity);
}

function BgFadeIn()
{
	BgOpacity += BgOpacityIncr;
	if( BgOpacity >= 1 )
	{
		clearInterval(BgFadeID);
		BgOpacity = 1;
	}
	UpdateBg();
}

function BgFadeOut()
{
	BgOpacity -= BgOpacityIncr;
	if( BgOpacity <= 0 )
	{
		clearInterval(BgFadeID);
		BgOpacity = 0;
		SetZIndex(-1);
		document.popupimg.src = "templates/kk/images/spacer.gif";
	}
	UpdateBg();
}

function ImFadeIn()
{
	ImOpacity += ImOpacityIncr;
	if( ImOpacity >= 1 )
	{
		clearInterval(ImFadeID);
		ImOpacity = 1;
	}
	UpdateIm();
}

function ImFadeOut()
{
	ImOpacity -= ImOpacityIncr;
	if( ImOpacity <= 0 )
	{
		clearInterval(ImFadeID);
		ImOpacity = 0;
	}
	UpdateIm();
}

function PopupPicture(thumb)
{
	var img = new Image();
	img.onload = function ImageLoaded()
	{		
		document.popupimg.src = NewSrc;
		ImFadeID = setInterval(ImFadeIn, ImIncrInterval);
	}
	
	clearInterval(BgFadeID);
	clearInterval(ImFadeID);
	BgFadeID = setInterval(BgFadeIn, BgIncrInterval);
	
	NewSrc = thumb.src.replace(/klein/,"groot");
	img.src = NewSrc;
	
	SetZIndex(1);
}

function ClosePicture()
{
	clearInterval(BgFadeID);
	clearInterval(ImFadeID);
	BgFadeID = setInterval(BgFadeOut, BgIncrInterval);
	ImFadeID = setInterval(ImFadeOut, BgIncrInterval);
}