var frameH, frameW, kepW, kepH;
var textH;
var hatter;
var vartMar, vanBezaras, imageLoaded, kep;
var maxMagassag;
var kepalairasTakaroH;
var newKep;
var BGOPACITY, KEPOPPACITY, bgEffekt;
var kepek = new Array(10); // ebben vannak a már betöltött képek be kell írni, hogy hány lehet max
var i, kepDb = 0;
var kepSzam; // hanyadik a kép a sorban
var first = true;
var mappa; // a map tartalmát ebbe rakjuk bele
var kepsorozatUrl; // melyik képsorozattal dolgozunk
var startY, y;

function effekt4() {
	if (frameH < kepH) { // növeli a magasságot
		if (frameH < kepH - 12) {
			frameH = frameH + 12;
			document.getElementById("keret4").style.height = frameH;
		}
		else {
			document.getElementById("keret4").style.height = kepH;
			frameH = kepH;
		}
		ID = window.setTimeout("effekt4();", 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("sotetito4").style.display = "block";
		if (navigator.appName.indexOf("Microsoft Internet Explorer") == 0) {
			maxMagassag = maxMagassag - 4;
		}
		document.getElementById("sotetito4").style.height = maxMagassag + 80;
		hatter = true; // hogy ne lépjen be újra
		ID = window.setTimeout("effekt4();", 40);
	}
	else if (bgEffekt < BGOPACITY) { // lesötétíti a sötétítőt
		bgEffekt = bgEffekt + 10;
		document.getElementById("sotetito4").style.filter = "alpha(opacity=" + bgEffekt + ")";
		document.getElementById("sotetito4").style.opacity = bgEffekt/100;
		ID = window.setTimeout("effekt4();", 80);
	}
	else if (frameW < kepW) {	// növeli a szélességet
		if (frameW < kepW - 12) {
			frameW = frameW + 12;
			document.getElementById("keret4").style.width = frameW;
		}
		else {
			document.getElementById("keret4").style.width = kepW;
			frameW = kepW;
		}
		ID = window.setTimeout("effekt4();", 30);
	}
	else if (!kep) {	// megjeleníti a képet
		//document.getElementById("kep").style.display = "block";
		document.getElementById("kepelott4").style.display = "block";
		document.getElementById("kep4").style.display = "block";
		kep = true;
		ID = window.setTimeout("effekt4();", 1);
	}
	else if (KEPOPPACITY >= 0) {	// csökkenti a kép előtti réteg sötétségét
		KEPOPPACITY = KEPOPPACITY - 10;
		document.getElementById("kepelott4").style.filter = "alpha(opacity=" + KEPOPPACITY + ")";
		document.getElementById("kepelott4").style.opacity = KEPOPPACITY/100;
		ID = window.setTimeout("effekt4();", 80);
	}
	else if (textH < textMaxH) {	// növeli a szöveg magasságát
		document.getElementById("kep_szoveg4").style.width = kepW;
		document.getElementById("kep_szoveg4").style.display = "block";
		textH = textH + 3;
		document.getElementById("kep_szoveg4").style.height = textH;
		ID = window.setTimeout("effekt4();", 40);
	}
	/*else if (kepalairasTakaroH > 0) {
		document.getElementById("kep_szoveg24Takaro").style.height = kepalairasTakaroH;
		kepalairasTakaroH = kepalairasTakaroH - 0.5;
		ID = window.setTimeout("effekt4();", 40);
	}*/
	else if (!vanBezaras) {
		vanBezaras = true;
		ID = window.setTimeout("effekt4();", 300);
	}
	else {
		document.getElementById("bezaras4").style.display = "block";
		document.getElementById("kep_szoveg24").style.display = "block";
		/*document.getElementById("kep_szoveg24Takaro").style.display = "none";*/
		
		document.links[0].href = "javascript:MyBox4('" + mappa + "', '" + (kepSzam - 1) + "');";	
		document.links[1].href = "javascript:MyBox4('" + mappa + "', '" + (kepSzam + 1) + "');";
		
		if (kepSzam != 1) document.getElementById("elozo4").style.visibility = "visible";
		if (kepSzam != kepekSzama) document.getElementById("kovetkezo4").style.visibility = "visible";	
	}
}

function beallit4() {
	imageLoaded = true;
	document.getElementById("load4").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("kepelott4").style.top = (VBORDER - 2) + "px";
	document.getElementById("kepelott4").style.left = (HBORDER - HKERET) + "px";
	document.getElementById("kepelott4").style.width = kepW + "px";
	document.getElementById("kepelott4").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("effekt4();", 40);
}
function MyBox4(kepurl, kepnev) {
	// BEÁLLÍTÁSOK
	frameW = 350; frameH = 350;	// a kezdeti méret (ebből indul el nőni);
	KEPOPPACITY = 100;	// a kép előtti réteg sötétsége
	BGOPACITY = 80;	// a sötétítő sötétsége
	textMaxH = 30; // a rész magassága, ahová a szöveget írja
	HBORDER = 10; // horizontál keret, vagyis mennyi legyen a keret jobbra és balra
	VBORDER = 10; // vertikál keret, vagyis mennyi legyen a keret fenn és lenn
	
	textH = 0;
	kepalairasTakaroH = 25;
	if (first) hatter = false;	// ne állítsa be a háttér magasságát újra
	else hatter = true;
	vartMar = false;
	kep = false;
	vanBezaras = false;
	if (first) bgEffekt = 0; // ne sötétítse le a hátteret újra
	else bgEffekt = BGOPACITY;
	mappa = kepurl;	// hogy lássák a map tartalmát az effekt()-ben is
	imageLoaded = false;
	// ha nem most kattintottunk
	if (!first) {
		// eltüntetjük a kep_szoveget
		document.getElementById("kep_szoveg4").style.display = "none";
		document.getElementById("kep_szoveg4").style.height = "0px";
		document.getElementById("kep_szoveg24").style.display = "none";
		/*document.getElementById("kep_szoveg24Takaro").style.display = "block";*/
		// eltüntetjük a bezárás gombot
		document.getElementById("bezaras4").style.display = "none";
		// eltüntetjük a navigációs gombokat
		document.getElementById("elozo4").style.visibility = "hidden";
		document.getElementById("kovetkezo4").style.visibility = "hidden";
	}
	
	// a keret méretének beállítása
	document.getElementById("keret4").style.width = frameW + "px";
	document.getElementById("keret4").style.height = frameH + "px";
	
	// a kép felső margójának beállítása
	document.getElementById("kep4").style.marginTop = (VBORDER - 2) + "px";
	document.getElementById("kep4").style.marginBottom = (VBORDER - 2) + "px";
	
	// a load.gif berakása és pozícionálása
	document.load4.src = loadGif4.src;
	document.getElementById("load4").style.top = (frameH - loadGif4.height)/2 + "px";
	document.getElementById("load4").style.left = (frameW - loadGif4.width)/2 + "px";
	
	// a kép betöltése és méretének megállapítása
	
	document.getElementById("kepreteg4").style.display = "block";
	document.getElementById("kep4").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("keret4").style.marginTop = startY + y;
	
	kepSzam = parseInt(kepnev);
	document.getElementById("kep_szoveg24").firstChild.nodeValue = kepalairas[kepSzam];
	
	var newKep = new Image();
	newKep.src = kepurl + "/" + kepnev + ".jpg";
	
	// amikor először kattintunk, akkor más a viselkedés
	if (first) first = false;
	
	// 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.lbimage4.src = kepek[i].src;
			
			beallit4();
	}
	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.lbimage4.src = newKep.src;
			
			beallit4();
		}
	}
}

function effektLe4() {
	if (bgEffekt <= BGOPACITY && bgEffekt >= 0) {
		bgEffekt = bgEffekt - 10;
		document.getElementById("sotetito4").style.filter = "alpha(opacity=" + bgEffekt + ")";
		document.getElementById("sotetito4").style.opacity = bgEffekt/100;
		ID = window.setTimeout("effektLe4();", 100);
	}
	else {
		document.getElementById("sotetito4").style.display = "none";
	}
}
function Bezaras4() {
	document.getElementById("kepreteg4").style.display = "none";
	document.getElementById("kep4").style.display = "none";
	document.getElementById("kepelott4").style.display = "none";
	document.getElementById("kepelott4").style.filter = "alpha(opacity=100)";
	document.getElementById("kepelott4").style.opacity = "1";
	document.getElementById("keret4").style.width = frameW + "px";
	document.getElementById("keret4").style.height = frameH + "px";
	document.getElementById("kep_szoveg4").style.display = "none";
	document.getElementById("kep_szoveg4").style.height = "0px";
	document.getElementById("kep_szoveg24").style.display = "none";
	document.getElementById("bezaras4").style.display = "none";
	document.getElementById("load4").style.display = "block";
	document.getElementById("elozo4").style.visibility = "hidden";
	document.getElementById("kovetkezo4").style.visibility = "hidden";
	
	first = true;
	
	ID = window.setTimeout("effektLe4();", 200);
}