var betoltesAlatt = function () {
//    new Effect.Appear('betoltesAlattBox');

    $('betoltesAlattBox').toggle();
}

var betoltve = function() {
    $('betoltesAlattBox').toggle();
//    new Effect.Fade('betoltesAlattBox');
    $('infobox_cont').setStyle({top: 0});
    ahrefTags();
    scroller.init();
}

var isFullLoaded = false;
var isLoadedTimer = window.setInterval(function () {
	if (isFullLoaded) {
//		$('a').innerHTML += 'deszka<br>';
//		new Effect.Appear('deszka');
//		$('deszka').show();
		fuggonySzet();
		clearInterval(isLoadedTimer);
	}
}, 500);


function fuggonySzet () {
	$('deszka').show();

//	new Effect.Move('fuggonybal', {x: -100});


}

function alphaFixIE() {
	var s, i, j;
	// IMG
	var els = document.getElementsByTagName("IMG");
	for (i=0; i<els.length; i++) {
		s = els[i].src;
		if (s.toLowerCase().indexOf(".png") != -1) {
			els[i].src = "/spacer.gif";
			els[i].style.filter += "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + s + "', sizingMethod=image);";
		}
	}
	// CSS: background
	for (i=0; i<document.styleSheets.length; i++) {
		var pos = document.styleSheets[i].href.lastIndexOf("/");
		var cssDir = (pos != -1) ? document.styleSheets[i].href.substring(0, pos + 1) : "";
		for (j=0; j<document.styleSheets[i].rules.length; j++) {
			var style = document.styleSheets[i].rules[j].style;
			if (style.backgroundImage.toLowerCase().indexOf(".png") != -1) {
				var filename = style.backgroundImage.substring(4, style.backgroundImage.length - 1);
				if (filename.indexOf("http://") != 0 && filename.indexOf("/") != 0)
					filename = cssDir + filename;

				style.backgroundImage = "none";
				style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + filename + "', sizingMethod='crop');";
			}
		}
	}
}

function CSSPreload() {
/*
	var i, j, img;
	var kepek = new Array();
	var kesz = false;
	for (i=0; i<document.styleSheets.length; i++) {
		var pos = document.styleSheets[i].href.lastIndexOf("/"); var cssDir = (pos != -1) ? document.styleSheets[i].href.substring(0, pos + 1) : ""; 
		var rules = document.styleSheets[i].cssRules ? document.styleSheets[i].cssRules : document.styleSheets[i].rules; 
		for (j=0; j<rules.length; j++) { 
			var style = rules[j].style; 
			if (style.backgroundImage.toLowerCase().substr(0,4) == "url(") { 
				var filename = style.backgroundImage.substring(4, style.backgroundImage.length - 1); 
				if (filename.indexOf("http://") != 0 && filename.indexOf("/") != 0) filename = cssDir + filename; 
				kepek.push(filename); 
			} 
		}
	}

	for (i=0; i < kepek.length-1; i++)	{
		var img = new Image();
		img.src = kepek[i];
	}	
*/
}

	var fmove = false;

	var menuClick = function () {
	


		new Effect.Appear('infobox', 1);
		new Effect.Appear('infobox_cont', {to: 1});
		new Effect.Appear('scrollArea');

		if (!fmove)	{
			fmove = true;
//			new Effect.Move('fuggonybal', {x: -60});
//			new Effect.Move('fuggonyjobb', {x: 60});
		}
		
		new Ajax.Updater('infobox_cont', this.getAttribute('href'), {encoding: 'UTF-8', 
		    onCreate: betoltesAlatt,
		    onComplete: betoltve			
		});

		return false;
	}
	
	
	var loadFullPage = function () {
//	alert(this.getAttribute('href'));
	    new Ajax.Updater('deszka', this.getAttribute('href'), {encoding: 'UTF-8', onComplete: function () {
		ahrefTags();
		scroller.init();
	    }});
	
	    return false;
	}


function showGB () {
    new Effect.Appear('infobox', 1);
    new Effect.Appear('infobox_cont', {to: 1});
    new Effect.Appear('scrollArea');
    
    new Ajax.Updater('infobox_cont', '/gyerek/kapcsolat/vendegkonyv/', {encoding: 'UTF-8', onComplete: function () {
	scroller.init();
    }});
}

function showKL () {
    new Effect.Appear('infobox', 1);
    new Effect.Appear('infobox_cont', {to: 1});
    new Effect.Appear('scrollArea');
    
    new Ajax.Updater('infobox_cont', '/gyerek/kapcsolat/kepeslap/', {encoding: 'UTF-8', onComplete: function () {
	scroller.init();
    }});
}




function updateProgramnaptar (dt_id, ev, ho, nap) {
    if (dt_id == 1) var url = 'eloadasok';
    if (dt_id == 2) var url = 'jatszohaz';
    if (dt_id == 3) var url = 'kiallitasok';
    if (dt_id == 4) var url = 'egyeb';
    var fu = '/gyerek/programok/'+url+'/?ev='+ev+'&ho='+ho+'&nap='+nap;
    new Ajax.Updater('infobox_cont', fu, {encoding: 'UTF-8', 
	onLoading: betoltesAlatt,
	onComplete: betoltve
    });
    return false;
}

function showPuzzle() {
    window.open('/gyerek/puzzle/puzzle.html', 'puzzle', 'width=700,height=550,scrollbars=yes,menubars=no,statusbar=no');
    return false;
}

function ahrefTags() {
	var aTags = document.getElementById('infobox_cont').getElementsByTagName('a');
	for (var i=0; i< aTags.length; i++) {

		if (aTags[i].getAttribute('rel') != 'puzzle' && (aTags[i].getAttribute('href'))) {
			aTags[i].onclick = menuClick;
		}
		
		if (aTags[i].getAttribute('rel') == 'puzzle') {

			aTags[i].onclick = showPuzzle;
		}
	}	

}

document.observe('contentloaded', function() {
//    function almafa() {
//alert('a');
	var bodyMax = ((document.viewport.getWidth()) / 2);
//	alert(bodyMax);
	var dime = ((document.viewport.getHeight() - 600) / 2);
	var bwi = ((document.viewport.getWidth() - 750) / 2);

//	alert(bwi);

/*
	$('fuggonybal_hatter').setStyle({
			width: bodyMax
	});

	$('fuggonyjobb_hatter').setStyle({
			left: bodyMax
	});


	$('fuggonyjobb_hatter').setStyle({
			width: bodyMax
	});
*/

//alert('a');
	$('fuggonyt').setStyle({top: -10});
	$('fuggonyt_alja').setStyle({top: (dime+543)});
//alert('a');
	$('fuggonybal').setStyle({top: (dime+24)});
	$('fuggonyjobb').setStyle({top: (dime+24)});
//alert((dime+24));


	var dwi = parseInt($('deszka').getStyle('width'));
	var a = (((bodyMax*2) - dwi) / 2) - (parseInt($('fuggonybal').getStyle('width')) / 2);
	$('fuggonybal').setStyle({left: a});
	$('fuggonyjobb').setStyle({left: (a+dwi-30)});
//alert(__NOINFOBOX);
//    var __NOINFOBOX = false;
//    alert(__NOINFOBOX);
//alert(__NOINFOBOX);
	if (__NOINFOBOX != undefined && !__NOINFOBOX) {
//alert(dwi);
	var swi = $('infobox').getStyle('width');

		var cle = parseInt($('infobox').getStyle('left'));

		$('infobox').setStyle({top: (dime+24)});
		$('infobox').setStyle({left: (cle+bwi)});
		$('scrollArea').setStyle({top: (dime+24)});
		$('scrollArea').setStyle({left: (cle+bwi+parseInt(swi))});

	
    		$('kiskomod').setStyle({left: bwi - 80});
		$('kiskomod').setStyle({top: (dime+450)});

	} else {
	
		$('kishaz').setStyle({left: bwi-100});
		$('kishaz').setStyle({top: (dime+430)});

	}
});

Event.observe(window, 'load', function() {

	var x = 0;
	if (navigator.userAgent.indexOf("MSIE") != -1 && navigator.userAgent.indexOf("Windows") != -1)
		alphaFixIE();

	var aTags = document.getElementsByTagName('a');
//	alert(aTags.length);
	for (var i=0; i< aTags.length; i++) {
		if (aTags[i].getAttribute('rel') == 'infobox' && (aTags[i].getAttribute('href'))) {
			aTags[i].onclick = menuClick;
		}
		
		if (aTags[i].getAttribute('rel') == 'fullpage' && (aTags[i].getAttribute('href'))) {
		    aTags[i].onclick = loadFullPage;
		}
	}	

//	$('a').innerHTML += 'CSS<br>';
	CSSPreload();
//almafa();
	isFullLoaded = true;
});