var AppearSpeed	= '.5';			// Dauer der Erscheinen-Animation in Sekunden
var HideSpeed	= '.5';			// Dauer der Verstecken-Animation in Sekunden
var DelayT		= '.25';		// Dauer der Verzoegerung zwischen Animationen

var itemMemory	= new Array();	// Interne Variable
var itemUsed	= 0;			// Interne Variable
var itemNew		= 0;			// Interne Variable



function preloadImg() {
	var imgs	= new Array(
		'logo','logo-a','logo-cnt',
		'line-p','line-top','line-top-a',
		'btn-aupairs','btn-aupairs-a','btn-aupairs-h',
		'btn-bildungsreisen','btn-bildungsreisen-a','btn-bildungsreisen-h',
		'btn-kurzreisen','btn-kurzreisen-a','btn-kurzreisen-h',
		'btn-langzeitreisen','btn-langzeitreisen-a','btn-langzeitreisen-h',
		'btn-aupairs','btn-aupairs-a','btn-aupairs-h',
		'desc-bottom','desc-bottom-a','desc-top','desc-top-a',
		'sel-bottom-left','sel-bottom-left-a','sel-top-left','sel-top-left-a','sel-top-left-p'
	);
	imgs.each(function(img) {
		var load_img = new Image();
		load_img.src = 'img/' + img + '.gif';
	});
}

function classUp() {
	var divs = $$('div.sel').toArray();
	divs.each(function(div) {
		div.className = (div.className == "sel bottom active" || div.className == "sel bottom") ? "sel bottom" : "sel";
		$(div.getElementsByTagName('p')[0]).setStyle({
			background: 'url(img/desc-bottom.gif) bottom left no-repeat'
		});
		if(div.getElementsByTagName('div')[0].id == itemNew) {
			$(div.getElementsByTagName('p')[0]).setStyle({
				background: 'none',
				backgroundColor: '#0088AA'
			});
		}
	});
	
	$('header').setStyle({
		background: 'url(img/line-top.gif) 195px 20px no-repeat'
	});
	$('logo').src = 'img/logo.gif';
}
function classDown() {
	var divs = $$('div.sel').toArray();
	var i = 0;
	searchDiv: while(i < divs.length) {
		var b = (divs[i].className == "sel bottom" ) ? "sel bottom active" : "sel active";
		divs[i].className = "sel passive";
		if(divs[i].getElementsByTagName('div')[0].id == itemNew) {
			divs[i].className = b;
			$(divs[i].getElementsByTagName('p')[0]).setStyle({
				background: 'url(img/desc-bottom.gif) bottom right no-repeat'
			});
			break searchDiv;
		}
		i++;
	}
	$('header').setStyle({
		background: 'url(img/line-top-a.gif) 195px 20px no-repeat'
	});
	$('logo').src = 'img/logo-a.gif';
}

function BlindUpDown(link_name) {
	if(itemMemory[link_name] == false) {
		if(itemUsed != 0) {
			new Effect.BlindUp($(itemUsed).getElementsByTagName('ul')[0], {afterFinish:classUp, duration: HideSpeed, queue:{position:'end', scope: 'sc'}});
			itemMemory[itemUsed] = false;
			itemUsed = 0;
		}
		$($(link_name).getElementsByTagName('p')[0]).setStyle({
			background: 'none',
			backgroundColor: '#0088AA'
		});
		new Effect.BlindDown($(link_name).getElementsByTagName('ul')[0], {afterFinish:classDown, delay: DelayT, duration: AppearSpeed, queue:{position:'end', scope: 'sc'}});
		itemMemory[link_name] = true;
		itemUsed = link_name;
		itemNew = link_name;
	}
}
function init(loc) {
	preloadImg();
	var items = $$(loc).toArray();
	items.each(function(item) {
		if(item.readAttribute('href') == '#') {
			var link_name = item.id.replace("btn_", "");
			itemMemory[link_name] = false;
			item.onclick = function() {
				BlindUpDown(link_name);
			}
		}
	});
	

}