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,close,msg){
	if (msg == '') {
		$('info').innerHTML = "<h1>Kérem, várjon!</h1>";
	} else {
		$('info').innerHTML = "<h1>"+msg+"</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";
				if (close == "true") {				
					var intervalID = window.setTimeout(objOverlay.onclick, 4500);
				}								
			}
		});
	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 info_close() {
	objOverlay.style.display = 'none';
	info.style.display = 'none';
}