var info = document.getElementById("info")
var objOverlay = document.getElementById("shadow")

function appear(obj,start,end){
	start++;  
	obj.style.opacity = start/10;
	obj.style.filter = 'alpha(opacity=' + start*10 + ')';
	if(start<end){
		var intervalID = window.setTimeout(appear(obj,start,end), 500);
	}
}

function put_info(file,width,pars){
	$('info').innerHTML = "<h1>Kérem, várjon!</h1>";
	var url = file;
	var myAjax = new Ajax.Updater( 'info', url, 
		{ 
			method: 'get',
			parameters: pars,
			onComplete: function() {
				var arrayPageSize = getPageSize();
				objOverlay.style.height = arrayPageSize[1]+"px";
				objOverlay.style.width = arrayPageSize[0]+"px";
				info.style.top = 70+"px";
			}
		});
	changeOpac(0,'shadow');
	objOverlay.style.display = 'block';
	opacity('shadow', 0, 80, 800);
	var arrayPageSize = getPageSize();
	objOverlay.style.height = arrayPageSize[1]+"px";
	objOverlay.style.width = arrayPageSize[0]+"px";
	info.style.display = 'block';
	info.style.width = width+"px";
	info.style.left = arrayPageSize[0]/2-width/2+"px";
	info.style.top = 100+"px";
	objOverlay.onclick = function(){
		objOverlay.style.display = 'none';
		info.style.display = 'none';
	}
	window.scroll(0,0);
}

function close_info() {
	objOverlay.style.display = 'none';
	info.style.display = 'none';	
}