/* Picture box 
/* for wiewing photos in box with fadeIn effect
/* Author : derki 
/* (c) 2008

*/
function picboxInitialize()
{
	hide();
}

function hide()
{
	var hideArea = document.getElementById("HideArea");
	var centerArea = document.getElementById("CenterArea");
	var image = document.getElementById("image");
	var fadeSpeed = 1;
	if(document.all){	//IE 5+
		hideArea.style.filter = 'alpha(opacity=0)';
		centerArea.style.width = "800px";
		centerArea.style.marginLeft = "12px";
	}else{ //ostatne				
		hideArea.style.opacity = 0.0;
		centerArea.style.width = "100%";
	}	
	centerArea.style.visibility = "hidden";
	image.src = "images/loading.gif";
	image.style.border = "0";
}

function picboxShow(img)
{
var centerArea = document.getElementById("CenterArea");
	centerArea.style.visibility = "visible";
	fadeBox(0, img);
		
}
function getHeight(Elem) {
		if(document.getElementById) {
			var elem = document.getElementById(Elem);
		} else if (document.all){
			var elem = document.all[Elem];
		}
			xPos = elem.offsetHeight;
		return xPos;
}
function fadeBox(fadeStep, img) 
{
	var hideArea = document.getElementById("HideArea");
	var centerArea = document.getElementById("CenterArea");
	var image = document.getElementById("image");
	image.src = img;
	image.style.border = "1px solid #FFF";
	var y = getHeight("image");
	var fadeSpeed = 4;
	if(document.all) {
		hideArea.style.filter = 'alpha(opacity='+fadeStep*fadeSpeed+')';
	} else {
		hideArea.style.opacity = fadeStep*fadeSpeed/100;
	}
	if (fadeStep*fadeSpeed>=100) {
		image.style.visibility = "visible";
	} else {
		fadeStepNext = fadeStep+1;
		setTimeout('fadeBox('+fadeStepNext+', \''+img+'\')',10);
	}
}