var frameH, frameW, kepW, kepH;
var textH;
var hatter;
var vartMar, vanBezaras, imageLoaded, kep;
var maxMagassag;
var newKep;
var BGOPACITY, KEPOPPACITY, bgEffekt;
var kepek = new Array(58); // ebben vannak a már betöltött képek be kell írni, hogy hány lehet max
var i, kepDb = 0;
var startY, y;

function effekt() {
	if (frameH < kepH) { // növeli a magasságot
		if (frameH < kepH - 12) {
			frameH = frameH + 12;
			document.getElementById("keret").style.height = frameH;
		}
		else {
			document.getElementById("keret").style.height = kepH;
			frameH = kepH;
		}
		ID = window.setTimeout("effekt();", 40);
	}
	else if (!hatter) { // beállítja a sötétítő magasságát
		if (window.innerHeight && window.scrollMaxY) {
			maxMagassag = window.innerHeight + window.scrollMaxY;
		}
		else if (document.body.scrollHeight > document.body.offsetHeight) {
			maxMagassag = document.body.scrollHeight;
		}
		else {
			maxMagassag = document.body.offsetHeight;
		}
		document.getElementById("sotetito").style.display = "block";
		document.getElementById("sotetito").style.height = maxMagassag + 20;
		hatter = true; // hogy ne lépjen be újra
		ID = window.setTimeout("effekt();", 40);
	}
	else if (bgEffekt < BGOPACITY) { // lesötétíti a sötétítőt
		bgEffekt = bgEffekt + 10;
		document.getElementById("sotetito").style.filter = "alpha(opacity=" + bgEffekt + ")";
		document.getElementById("sotetito").style.opacity = bgEffekt/100;
		ID = window.setTimeout("effekt();", 80);
	}
	else if (frameW < kepW) {	// növeli a szélességet
		if (frameW < kepW - 12) {
			frameW = frameW + 12;
			document.getElementById("keret").style.width = frameW;
		}
		else {
			document.getElementById("keret").style.width = kepW;
			frameW = kepW;
		}
		ID = window.setTimeout("effekt();", 30);
	}
	else if (!kep) {	// megjeleníti a képet
		//document.getElementById("kep").style.display = "block";
		document.getElementById("kepelott").style.display = "block";
		document.getElementById("kep").style.display = "block";
		kep = true;
		ID = window.setTimeout("effekt();", 1);
	}
	else if (KEPOPPACITY >= 0) {	// csökkenti a kép előtti réteg sötétségét
		KEPOPPACITY = KEPOPPACITY - 10;
		document.getElementById("kepelott").style.filter = "alpha(opacity=" + KEPOPPACITY + ")";
		document.getElementById("kepelott").style.opacity = KEPOPPACITY/100;
		ID = window.setTimeout("effekt();", 80);
	}
	else if (textH < textMaxH) {	// növeli a szöveg magasságát
		document.getElementById("kep_szoveg").style.width = kepW;
		document.getElementById("kep_szoveg").style.display = "block";
		textH = textH + 3;
		document.getElementById("kep_szoveg").style.height = textH;
		ID = window.setTimeout("effekt();", 40);
	}
	else if (!vanBezaras) {
		vanBezaras = true;
		ID = window.setTimeout("effekt();", 500);
	}
	else {
		document.getElementById("bezaras").style.display = "block";
	}
}
function beallit () {
	imageLoaded = true;
	document.getElementById("load").style.display = "none";
	
	if (navigator.appName.indexOf("Netscape") == 0) HKERET = 0;
	else if (navigator.appName.indexOf("Microsoft Internet Explorer") == 0) HKERET = 2;
		
	// a "kepelott" poicionálása és méretének beálítása
	document.getElementById("kepelott").style.top = (VBORDER - 2) + "px";
	document.getElementById("kepelott").style.left = (HBORDER - HKERET) + "px";
	document.getElementById("kepelott").style.width = kepW + "px";
	document.getElementById("kepelott").style.height = kepH + "px";
		
	// a kép méretéhez a keret hozzáadása
	kepW = kepW + 2 * HBORDER;
	kepH = kepH + 2 * (VBORDER-2); // -2 az oldalsó keret miatt
	
	ID = window.setTimeout("effekt();", 40);
}
function MyBox(kepurl, kepnev) {
	textH = 0;
	hatter = false;
	vartMar = false;
	kep = false;
	vanBezaras = false;
	bgEffekt = 0;
	imageLoaded = false;
	// BEÁLLÍTÁSOK
	frameW = 350; frameH = 350;	// a kezdeti méret (ebből indul el nőni);
	KEPOPPACITY = 80;	// a kép előtti réteg sötétsége
	BGOPACITY = 80;	// a sötétítő sötétsége
	textMaxH = 20; // a rész magassága, ahová a szöveget írja
	HBORDER = 8; // horizontál keret, vagyis mennyi legyen a keret jobbra és balra
	VBORDER = 8; // vertikál keret, vagyis mennyi legyen a keret fenn és lenn
	
	// a keret méretének beállítása
	document.getElementById("keret").style.width = frameW + "px";
	document.getElementById("keret").style.height = frameH + "px";
	
	// a kép felső margójának beállítása
	document.getElementById("kep").style.marginTop = (VBORDER - 2) + "px";
	document.getElementById("kep").style.marginBottom = (VBORDER - 2) + "px";
	
	// a load.gif berakása és pozícionálása
	document.load.src = loadGif.src;
	document.getElementById("load").style.top = (frameH - loadGif.height)/2 + "px";
	document.getElementById("load").style.left = (frameW - loadGif.width)/2 + "px";
	
	// a kép betöltése és méretének megállapítása
	document.getElementById("kepreteg").style.display = "block";
	document.getElementById("kep").style.display = "none";
	
	if (window.screen) { 
		ablakWidth = screen.width;
		if (ablakWidth <= 800) startY = 20;
		else if (ablakWidth <= 1024) startY = 50;
		else if (ablakWidth <= 1280) startY = 100;
		else if (ablakWidth <= 1600) startY = 200;
	}
	// megnézzük, hogy eddig mennyit scrolloztunk - ez biztosítja, hogy a cucc mindíg ugyan ott legyen az ablakban
	if (self.pageYOffset) {
		y = self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop) {
		y = document.documentElement.scrollTop;
	}
	else if (document.body) {
		y = document.body.scrollTop;
	}
	document.getElementById("keret").style.marginTop = startY + y;
	var newKep = new Image();
	newKep.src = kepurl + "/nagy/" + kepnev + ".jpg";
	// ha még nem volt, akkor berakjuk a tömbbe
	i = 0;
	while ((kepek[i]) && (kepek[i].src != newKep.src) && (i < kepDb)) {
		i++;
	}
	if ((i < kepDb) && (kepek[i])) {	// már be volt töltve, a méretek a tömbben vannak
			kepW = kepek[i].width;
			kepH = kepek[i].height;
			
			document.lbimage.src = kepek[i].src;
			
			beallit();
	}
	else {
		newKep.onload = function() { // ha még nem volt betöltve, a méreteket most kell lekérdezni
			kepek[i] = newKep;
			kepDb = kepDb + 1;
			
			kepW = newKep.width;
			kepH = newKep.height;
			
			document.lbimage.src = newKep.src;
			
			beallit();
		}
	}
}

function effektLe() {
	if (bgEffekt <= BGOPACITY && bgEffekt >= 0) {
		bgEffekt = bgEffekt - 10;
		document.getElementById("sotetito").style.filter = "alpha(opacity=" + bgEffekt + ")";
		document.getElementById("sotetito").style.opacity = bgEffekt/100;
		ID = window.setTimeout("effektLe();", 100);
	}
	else {
		document.getElementById("sotetito").style.display = "none";
	}
}
function Bezaras() {
	document.getElementById("kepreteg").style.display = "none";
	document.getElementById("kep").style.display = "none";
	document.getElementById("kepelott").style.display = "none";
	document.getElementById("kepelott").style.filter = "alpha(opacity=100)";
	document.getElementById("kepelott").style.opacity = "1";
	document.getElementById("keret").style.width = frameW + "px";
	document.getElementById("keret").style.height = frameH + "px";
	document.getElementById("kep_szoveg").style.display = "none";
	document.getElementById("kep_szoveg").style.height = "0px";
	document.getElementById("bezaras").style.display = "none";
	document.getElementById("load").style.display = "block";
	
	ID = window.setTimeout("effektLe();", 100);
}