var otherLinks = new Array("index.php", "elerhetosegek.html", "impresszum.html", "javascript:ShowSiteMap()");

var imgFolder = "images";
var isIE6 = navigator.userAgent.toLowerCase().indexOf('msie 6') != -1;

var dsItemsDepths = 10000;

function Init(){
	SetFlashHeader();
	InitMainMenu();
	BuildSubMenusHorizontal();
	InitOtherLinks();
	SetContentsSize();
	SetDSImage();
	CreateContentDropShadow();
	
	document.getElementById("container").style.visibility = "visible";
	window.onresize = OnResizeHandeler;
}

function OnResizeHandeler(){
	CreateContentDropShadow();
	SetDSImage();
}

function SetFlashHeader(){
	var fh = new SWFObject("images/flashHeader.swf", "flashHeaderSwf", "920", "242", "9");
	
	fh.addVariable("XMLUrl", "content/headerImages.xml");
	
	fh.addParam("scale", "noscale");
	fh.addParam("wmode", "transparent");
	fh.addParam("salign", "tl");
	fh.addParam("quality", "high");
	fh.addParam("menu", "false");
	fh.addParam("allowScriptAccess", "sameDomain");
	
	var res = fh.write("flashHeader");
	
	if(!res) document.getElementById("flashHeader").innerHTML = '<img src="images/headerImage.png" />';
}

function InitMainMenu(){
	var menuDiv = document.getElementById("mainMenu");
	var html = "";
	
	html +=	'<ul id="treemenu">';
	html +=		'<li><span><img src="images/mmItem01.jpg" alt="Településünk" /></span>'; //<a href="telepulesunk.html"></a>
 	html +=			'<ul>';
	html +=				'<li><a href="01_tortenet.html">Történet</a></li>';
	html +=				'<li><a href="01_megkozelithetoseg.html">Megközelíthetőség</a></li>';
	html +=				'<li><a href="01_diszpolgarok_kituntetettek.html">Díszpolgárok, kitüntetettek</a></li>';
	html +=				'<li><a href="01_kepgaleria.html">Képgaléria</a></li>';
	html +=				'<li><a href="01_palyazatok.php">Pályázatok</a></li>';
	html +=			'</ul>';
	html +=		'</li>';
	html +=		'<li><span><img src="images/mmItem02.jpg" alt="Önkormányzat" /></span>'; //<a href="onkormanyzat.html"></a>
	html +=			'<ul>';
	html +=				'<li><a href="02_kepviselotestulet.html">Képviselőtestület</a></li>';
	html +=				'<li><a href="02_bizottsagok.html">Bizottságok</a></li>';
	html +=				'<li class="cross">Üvegzseb'; 
	html +=					'<ul>';
        html +=						'<li class="cross">Költségvetések'; //<a href="02_01_koltsegvetes.html"></a>
	html +=							'<ul>';
	html +=								'<li><a href="02_01_01_koltsegvetes.html">2004-es költségvetés</a></li>';
	html +=								'<li><a href="02_01_02_koltsegvetes.html">2005-ös költségvetés</a></li>';
	html +=								'<li><a href="02_01_03_koltsegvetes.html">2006-os költségvetés</a></li>';
	html +=								'<li><a href="02_01_04_koltsegvetes.html">2007-es költségvetés</a></li>';
	html +=								'<li><a href="02_01_05_koltsegvetes.html">2008-as költségvetés</a></li>';
	html +=								'<li><a href="02_01_06_koltsegvetes.html">2009-es költségvetés</a></li>';
	html +=								'<li><a href="02_01_07_koltsegvetes.html">2010-es költségvetés</a></li>';
	html +=								'<li><a href="02_01_08_koltsegvetes.html">2011-es költségvetés</a></li>';
	html +=							'</ul>';
	html +=						'</li>';
	html +=						'<li class="cross">Beszámolók'; //<a href="02_02_beszamolok.html"></a>
	html +=							'<ul>';
	html +=								'<li><a href="02_02_01_beszamolok.html">2004-es beszámolók</a></li>';
	html +=								'<li><a href="02_02_02_beszamolok.html">2005-ös beszámolók</a></li>';
	html +=								'<li><a href="02_02_03_beszamolok.html">2006-os beszámolók</a></li>';
        html +=								'<li><a href="02_02_08_beszamolok.html">2007-es beszámolók</a></li>';
	html +=								'<li><a href="02_02_04_beszamolok.html">2008-as beszámolók</a></li>';
	html +=								'<li><a href="02_02_05_beszamolok.html">2009-es beszámolók</a></li>';
        html +=								'<li><a href="02_02_06_beszamolok.html">2010-es beszámolók</a></li>';
	html +=							'</ul>';	
	html +=						'</li>';
	html +=						'<li class="cross">Rendeletek';
	html +=							'<ul>';
	html +=								'<li><a href="02_03_rendeletek.html">2003-as rendeletek</a></li>';
    html +=								'<li><a href="02_04_rendeletek.html">2004-es rendeletek</a></li>';
	html +=								'<li><a href="02_05_rendeletek.html">2005-ös rendeletek</a></li>';
	html +=								'<li><a href="02_06_rendeletek.html">2006-os rendeletek</a></li>';
    html +=								'<li><a href="02_07_rendeletek.html">2007-es rendeletek</a></li>';
	html +=								'<li><a href="02_08_rendeletek.html">2008-as rendeletek</a></li>';
	html +=								'<li><a href="02_09_rendeletek.html">2009-es rendeletek</a></li>';
    html +=								'<li><a href="02_10_rendeletek.html">2010-es rendeletek</a></li>';
    html +=								'<li><a href="02_11_rendeletek.html">2011-es rendeletek</a></li>';
	html +=								'<li><a href="02_12_rendeletek.html">2012-es rendeletek</a></li>';
	html +=							'</ul>';	
	html +=						'</li>';
	html +=						'<li class="cross">Rendelet tervezetek';
	html +=							'<ul>';
	html +=								'<li><a href="2012_rendelet_tervezetek.html">2012-es rendelet tervezetek</a></li>';  //*********************************;
	html +=							'</ul>';
	html +=					'</ul>';
	html +=				'</li>';
	html +=			'</ul>';
	html +=		'</li>';
        html +=		'<li><span><img src="images/mmItem03.jpg" alt="Intézményeink" /></span>'; //<a href="intezmenyeink.html"></a>
	html +=			'<ul>';
	html +=				'<li class="cross">Polgármesteri hivatal';
	html +=					'<ul>';
	html +=						'<li><a href="polgarmesteri_hivatal_jegyzo.html">Jegyző</a></li>';
	html +=						'<li class="cross">Igazgatás';
	html +=							'<ul>';
	html +=								'<li><a href="polgarmesteri_hivatal_igazgatas.html">Általános</a></li>';
	html +=								'<li><a href="anyakonyvi_ugyintezes.html">Anyakönyvi ügyintézés</a></li>';
	html +=								'<li><a href="nepesseg_nyilvantartas.html">Népesség nyilvántartás</a></li>';
	html +=								'<li><a href="szocialis_igazgatas.html">Szociális igazgatás</a></li>';
	html +=								'<li><a href="feladatok.html">A gyermekvédelmi törvény értelmében a jegyzői gyámhatóság által ellátott feladatok</a></li>';
	html +=								'<li><a href="egyeb_igazgatasi_feladatok.html">Egyéb igazgatási feladatok</a></li>';
     	html +=						 '<li class="cross">Letölthető<br/>nyomtatványok';
	html +=							'<ul>';
        html +=								'<li><a href="">Segélykérelmek</a></li>';
        html +=								'<li><a href="">Anyakönyvi ügyekkel kapcsolatos nyomtatványok</a></li>';
        html +=								'<li><a href="">Kereskedelmi igazgatás</a></li>';
        html +=								'<li><a href="content/intezmenyeink/polgarmesteri_hivatal/igazgatas/letoltheto/bejelentes_koteles_uzlet_kerelem.doc">Bejelentés kereskedelmi tevékenység folytatásáról</a></li>';
        html +=								'<li><a href="content/intezmenyeink/polgarmesteri_hivatal/igazgatas/letoltheto/mukodesi_engedely_koteles_uzlet_kerelem.doc">Kérelem  működési engedély kiadásához</a></li>';
        html +=							        '<li><a href="content/intezmenyeink/polgarmesteri_hivatal/igazgatas/letoltheto/szallashely_bejelento_kerelem.doc">Szálláshely üzemeltetési engedély iránti kérelem </a></li>';
	html +=							'</ul>';
	html +=							'</ul>';
	html +=						'</li>';
	html +=						'<li><a href="polgarmesteri_hivatal_titkarsag_munkaugy.html">Titkárság, munkaügy</a></li>';
	html +=						'<li><a href="polgarmesteri_hivatal_gazdalkodas.html">Gazdálkodás</a></li>';
	html +=						'<li><a href="polgarmesteri_hivatal_ado_es_behajtasi_ugyek.html">Adó- és behajtási ügyek</a></li>';
        html +=						'<li><a href="polgarmesteri_hivatal_epitesugy.html">Építésügy</a></li>';        
        html +=						'<li><a href="polgarmesteri_hivatal_penztar.html">Pénztár</a></li>';
	html +=					'</ul>';	
	html +=				'</li>';
	html +=				'<li><a href="iskola.html">Iskola</a></li>'; //<a href=""></a>
	html +=				'<li class="cross">Óvoda'; //<a href="03_03_ovoda.html"></a>
	html +=					'<ul>';
	html +=						'<li><a href="ovoda_intezet_vezeto.html">Intézmény vezető</a></li>';
	html +=						'<li><a href="03_03_05_ovoda_magunkrol.html">Magunkról</a></li>';
	html +=						'<li><a href="ovoda_elerhetoseg.html">Elérhetőség</a></li>';
	html +=					'</ul>';
	html +=				'</li>';
	html +=				'<li class="cross">Családsegítő- és gyermekjóléti szolgálat'; //<a href="03_04_csaladsegito.html"></a>
	html +=					'<ul>';
	html +=						'<li><a href="03_04_01_csaladsegito_feladat.html">Feladataink</a></li>';
	html +=						'<li><a href="03_04_02_csaladsegito_elerhetosegek.html">Elérhetőség</a></li>';
	html +=						'<li><a href="03_04_03_csaladsegito_nyitva_tartas.html">Fogadóórák</a></li>';
	html +=					'</ul>';
	html +=				'</li>';
	html +=				'<li class="cross">Faluház'; //<a href="03_05_faluhaz.html"></a>
	html +=					'<ul>';
	html +=						'<li><a href="faluhaz_altalanos.html">Általános</a></li>';
	html +=						'<li><a href="">Állandó programok</a></li>';
	html +=						'<li><a href="">Baba-mama</a></li>';
	html +=						'<li><a href="">Film klub</a></li>';
	html +=						'<li><a href="">Társasjáték klub</a></li>';
	html +=						'<li><a href="">Varró klub</a></li>';
	html +=						'<li><a href="">Zene bölcsi</a></li>';
	html +=						'<li><a href="konyvtar.html">Könyvtár</a></li>';
	html +=					'</ul>';
	html +=				'</li>';
	html +=				'<li class="cross">Védőnő'; //<a href=""></a>
	html +=					'<ul>';
	html +=						'<li><a href="vedono_rendeles.html">Rendelés</a></li>';
	html +=						'<li><a href="vedono_elerhetoseg.html">Elérhetőség</a></li>';
	html +=					'</ul>';
	html +=				'</li>';
	html +=				'<li class="cross">Gyermek háziorvos'; //<a href=""></a>
	html +=					'<ul>';
	html +=						'<li><a href="gyermekorvos_rendeles.html">Rendelés</a></li>';
	html +=						'<li><a href="gyermek_haziorvos.html">Elérhetőség</a></li>';
	html +=					'</ul>';
	html +=				'</li>';
	html +=				'<li class="cross">Felnőtt háziorvos'; //<a href=""></a>
	html +=					'<ul>';
	html +=						'<li><a href="felnott_haziorvos_rendeles.html">Rendelés</a></li>';
	html +=						'<li><a href="felnott_haziorvos_elerhetoseg.html">Elérhetőség</a></li>';
	html +=					' </ul>';
	html +=				'</li>';
	html +=			'</ul>';
	html +=		'</li>';
	html +=		'<li><span><img src="images/mmItem04.jpg" alt="Civil szervezetek" /></span>'; //<a href="civil_szervezetek.html"></a>
	html +=			'<ul>';
	html +=				'<li><a href="carpediem.html">Carpe Diem Rekreációs Alapítvány Vöröskeresztes klubja</a></li>';
	html +=				'<li><a href="horgasz.html">Horgász egyesület</a></li>';
	html +=				'<li><a href="">Kemencés kézműves Egyesület</a></li>';
	html +=				'<li><a href="">Közép Dunamenti Vízisport Egyesület</a></li>';
	html +=				'<li><a href="ijasz_egyesulet.html">KSE Íjász Egyesület</a></li>';
	html +=				'<li><a href="">Kubak, Kulcsi Baráti Kör</a></li>';
	html +=				'<li><a href="04_07_polgarorseg.html">Polgárőr Egyesület Kulcs</a></li>';
	html +=				'<li><a href="kulcsfejlesztes.html">Kulcs Község fejlesztéséért Alapítvány</a></li>';
	html +=				'<li><a href="">Kulcsi Nyugdíjas Egyesület</a></li>';
	html +=				'<li><a href="labdarugo_szakosztaly.html">Kulcsi Sport Egyesület, labdarúgó szakosztály</a></li>';
	html +=				'<li><a href="">KVK Kulcsi Vízi Klub</a></li>';
	html +=			'</ul>';
	html +=		'</li>';
	html +=		'<li><span><img src="images/mmItem05.jpg" alt="Információk" /></span>'; //<a href="informaciok.html"></a>
	html +=			'<ul>';
	html +=				'<li><a href="tv_kulcs_rolunk.html">TV Kulcs</a></li>';
	html +=				'<li><a href="kronika.html">Kulcsi Krónika</a></li>';
	html +=			'</ul>';
	html +=		'</li>';
	html +=		'<li><span><img src="images/mmItem06.jpg" alt="Testvértelepülés" /></span>'; //<a href="testvertelepules.html"></a>
	html +=			'<ul>';
	html +=				'<li><a href="">Kecset-Kisfalud</a></li>';
	html +=				'<li><a href="">Kulcsod</a></li>';
	html +=			'</ul>';
	html +=		'</li>';
	html +=		'<li><span><img src="images/mmItem07.jpg" alt="Üzleti apró" /></span>'; //<a href="uzleti_apro.html"></a>
	html +=			'<ul>';
	html +=				'<li><a href="07_hirdetesek.php">Hirdetések</a></li>';
	html +=				'<li><a href="07_hirdetes_feladas.php">Hirdetés feladás</a></li>';
	html +=			'</ul>';
	html +=		'</li>';
	html +=	'</ul>';
	html +=	'<br style="clear:left;" />';
	
	menuDiv.innerHTML = html;
}

function BuildSubMenusHorizontal(){
	var menuids=["treemenu"] //Enter id(s) of SuckerTree UL menus, separated by commas
	var top;
	
	for (var i = 0; i<menuids.length; i++){
		var ultags = document.getElementById(menuids[i]).getElementsByTagName("ul");
		
	    for (var t = 0; t<ultags.length; t++){
			if (ultags[t].parentNode.parentNode.id == menuids[i]){	//if this is a first level submenu
				//dynamically position first level submenus to be height of main menu item
				top = ultags[t].parentNode.offsetHeight;
				
				if(top == undefined || top < 55){
					ultags[t].style.top = 57 + "px";
				}else{
					ultags[t].style.top = top + "px";
				}
				
				//ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon";
			}else{	//else if this is a sub level menu (ul)
				//position menu to the right of menu item that activated it
				ultags[t].style.left = ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px";
				//ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon";
			}
			
			ultags[t].parentNode.onmouseover = function(){
				this.getElementsByTagName("ul")[0].style.visibility = "visible";
			}
			ultags[t].parentNode.onmouseout = function(){
				this.getElementsByTagName("ul")[0].style.visibility = "hidden";
			}
		}
	}
}

function InitOtherLinks(){
	var afItems = document.getElementById("footerLinks").getElementsByTagName("a");
	var afItem;
	
	for(var i = 0; i < afItems.length; i++){
		afItem = afItems[i];
		afItem.href = otherLinks[i];
	}
	
	var ahItems = document.getElementById("headerLinks").getElementsByTagName("a");
	ahItems[0].href = otherLinks[0];
	ahItems[1].href = otherLinks[1];
}

function CreateContentDropShadow(){
	var flashContOT = GetPosition(document.getElementById("flashContainer"), "Top");
	var flashContOF = GetPosition(document.getElementById("flashContainer"), "Left");
	var footerContOT = GetPosition(document.getElementById("footer"), "Top");
	
	var dsDiv = document.getElementById("container_ds");
		
	var height = footerContOT - flashContOT;
	
	var sTA = isIE6 ? 'style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' : 'background="'
	var sTB = isIE6 ? '\', sizingMethod=\'scale\');"' : '"';
	
	var html = '<table width="1008"><tbody><tr>' +
					'<td width="9" height="'+height+'" '+sTA+'images/side_l.png'+sTB+'></td>' +
					'<td width="990" height="'+height+'"></td>' +
					'<td width="9" height="'+height+'" '+sTA+'images/side_r.png'+sTB+'></td>' +
				'</tr></tbody></table>';
	
	dsDiv.innerHTML = html;
	
	var t = flashContOT;
	var l = flashContOF;
	
	dsDiv.style.top = t + "px";
	dsDiv.style.left = (l - 9) + "px";
}

function SetContentsSize(){
	var ld = document.getElementById("leftDiv");
	var rd = document.getElementById("rightDiv");
	
	var fot = GetPosition(document.getElementById("footer"), "Top");
	var fcot = GetPosition(document.getElementById("contentContainer"), "Top");
	
	rd.style.height = (fot - fcot - 28) + "px";
	ld.style.height = (fot - fcot - 28) + "px";
}

function SetDSImage(){
	var allItems = document.getElementsByTagName("*");
	
	for(i = 0; i < allItems.length; i++){
		var item = allItems[i];
		
		if(item.className == "dsSImage"){
			if(!item.id) item.id = "dsimg"+i;
			CreateImageDropedShadow(item.id);
		}
	}
	
	document.getElementById("contentContainer").style.zIndex = 10;
	document.getElementById("header").style.zIndex = 11;
	//document.getElementById("mainMenu").style.zIndex = ++dsItemsDepths;
}

function CreateImageDropedShadow(objectId){
	var img = this.imgFolder + "/shade";
	
	var obj = document.getElementById(objectId);
	
	var objWidth = obj.offsetWidth;
	var objHeight = obj.offsetHeight;
	
	var shade = document.getElementById("shade_"+objectId);
	
	if(shade == null){
		shade = document.createElement("div");
		shade.id = "shade_"+objectId;
		document.body.appendChild(shade);
	}
	
	var cornerSize = 17;
	var cornerOffset = -9;
	var oW = objWidth + 2 * cornerOffset;
	var oH = objHeight + 2 * cornerOffset;
	
	var posTop  = GetPosition (obj, 'Top') - (cornerSize + cornerOffset);
	var posLeft = GetPosition (obj, 'Left') - (cornerSize + cornerOffset);
	
	var sTA = isIE6 ? 'style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' : 'background="'
	var sTB = isIE6 ? '\', sizingMethod=\'scale\');"' : '"';
	
	var h = '<table><tbody><tr>' +
				'<td width="'+cornerSize+'" height="'+cornerSize+'" '+sTA+img+'_lt.png'+sTB+'></td>' +
				'<td width="'+oW+'" height="'+cornerSize+'" '+sTA+img+'_mt.png'+sTB+'></td>' +
				'<td width="'+cornerSize+'" height="'+cornerSize+'" '+sTA+img+'_rt.png'+sTB+'></td>' +
			'</tr><tr>' +
				'<td width="'+cornerSize+'" height="'+oH+'" '+sTA+img+'_lm.png'+sTB+'></td>' +
				'<td></td>' + 				
				'<td width="'+cornerSize+'" height="'+oH+'" '+sTA+img+'_rm.png'+sTB+'></td>'+
			'</tr><tr>' +
				'<td width="'+cornerSize+'" height="'+cornerSize+'" '+sTA+img+'_lb.png'+sTB+'></td>' +
				'<td width="'+oW+'" height="'+cornerSize+'" '+sTA+img+'_mb.png'+sTB+'></td>' +
				'<td width="'+cornerSize+'" height="'+cornerSize+'" '+sTA+img+'_rb.png'+sTB+'></td>' +
			'</tr></tbody></table>';
		
	shade.className = "dsSImageTable";
	shade.style.width = (objWidth + 2 * (cornerSize + cornerOffset)) + "px";
	shade.style.height = (objHeight + 2 * (cornerSize + cornerOffset)) + "px";
	shade.style.top = posTop + "px";
	shade.style.left = posLeft + "px";
	
	dsItemsDepths++;
	/* alert("CreateImageDropedShadow() dsItemsDepths: " + dsItemsDepths); */
	shade.innerHTML = h;
}

function GetPosition (objRef, s_coord) {
	var n_pos = 0, n_offset, e_elem = objRef;
	
	while (e_elem) {
		n_offset = e_elem["offset" + s_coord];
		n_pos += n_offset;
		e_elem = e_elem.offsetParent;
	}
	
	e_elem = objRef;
	while (e_elem != document.body) {
		n_offset = e_elem["scroll" + s_coord];
		
		if (n_offset && e_elem.style.overflow == 'scroll') n_pos -= n_offset;
		
		e_elem = e_elem.parentNode;
	}
	
	return n_pos;
}

function ShowSiteMap(){
	var contentDiv = document.getElementById("centerDiv");
	var mainMenuDiv = document.getElementById("mainMenu");
	
	contentDiv.innerHTML = "<h1>Oldaltérkép</h1><div id='sitemapDiv'>" + mainMenuDiv.innerHTML + "</div>";
	
	var imgs = contentDiv.getElementsByTagName("img");
	for(var i = imgs.length - 1; i >= 0; i--){
		var pa = imgs[i].parentNode;
		pa.innerHTML = String(imgs[i].alt).toUpperCase();
	}
	
	var allItems = document.getElementsByTagName("*");
	for(i = allItems.length - 1; i >= 0; i--){
		var item = allItems[i];
		if(item.className == "dsSImageTable") item.parentNode.removeChild(item);
	}
	
	document.getElementById("leftDiv").style.height = "auto";
	document.getElementById("rightDiv").style.height = "auto";
	
	SetContentsSize();
	CreateContentDropShadow();
	
	this.blur();
}