var morphs = Array();
var is_pf1 = 'fileadmin/jscss/toggle/pf1.gif';
var is_pf2 = 'fileadmin/jscss/toggle/pf2.gif';

/*
// In dem Div mit der Klasse "toggler" wird der erste div clickbar, der zweite geht auf und zu
<div class="toggler tglcontent">
	<div>
		<img src="fileadmin/jscss/toggle/pf2.gif" alt="" /> 
		<h3>LALALA</h3>
	</div>
	<div>
		AUF-/ZUKLAPP-INHALT
	</div>
</div>
*/



function initMorphPair(div, num, bild) {
	var ret = Object();
	ret.num = num;
	var divs = div.getElements('div');
	ret.clicker = divs[0];
	ret.clicker.style.cursor = 'pointer';
	ret.clicker.onclick = function() {
		var clicker = $(this);
		//var id = this.id.substr(this.id.lastIndexOf('_')+1);
		var mp = getMorphPair(clicker);
		mp.toggle();
	}
	//ret.icon = ret.clicker.getElementsByTagName('img')[0];


	//weiter...
	var span = div.getElements('span'); 
	if (span[0].className == 'more') {
	try {
		ret.clicker2 = span[0];
		ret.clicker2.style.cursor = 'pointer';
		ret.clicker2.onclick = function() {
			var clicker2 = $(this);
			var mp = getMorphPair2(clicker2);
			mp.toggle();
		}
	} catch (e) { }
	}
	
	ret.element = divs[1];
	ret.fx = new Fx.Slide(ret.element);
	ret.fx.p = ret;
	//if (num != 0) {
		ret.fx.hide();
		//ret.icon.src=is_pf1;
	//} else {
	//	//ret.icon.src=is_pf2;
	//}
	


	//////////
/*	var retBild = Object();
	retBild.num = num;
	retBild.clicker = bild;
	retBild.clicker.style.cursor = 'pointer';
	retBild.clicker.onclick = ret.clicker.onclick;
	retBild.element = divs[1];
	retBild.fx = new Fx.Slide(retBild.element);
	retBild.fx.p = retBild;
	retBild.fx.hide();
	retBild.toggle = function() {
		if (!this.fx.open) {
			this.fx.slideIn();
			for (var i = 0; i < morphs.length; i++) {
				if (morphs[i] != this && morphs[i].fx.open) {   
					morphs[i].fx.slideOut();
				}
			}
		} else {
			this.fx.slideOut();
		}
	}
	retBild.toString = function() {
		var retBild = 'Object: \n';
		retBild += 'num: ' + this.num + '\n';
		retBild += 'clicker: ' + this.clicker.id + '\n';
		retBild += 'element: ' + this.element.id + '\n';
		return retBild;
	}
*/	////////////
	
	
	ret.toggle = function() {
		if (!this.fx.open) {
			this.fx.slideIn();
			//this.icon.src=is_pf2;
			for (var i = 0; i < morphs.length; i++) {
				if (morphs[i] != this && morphs[i].fx.open) {   
					morphs[i].fx.slideOut();
					if (morphs[i].clicker2) morphs[i].clicker2.style.display = 'block';
					//morphs[i].icon.src=is_pf1;
				}
			}
			if (this.clicker2) this.clicker2.style.display = 'none';
		} else {
			this.fx.slideOut();
			if (this.clicker2) this.clicker2.style.display = 'block';
			//this.icon.src=is_pf1;
		}
	}
	
	ret.toString = function() {
		var ret = 'Object: \n';
		ret += 'num: ' + this.num + '\n';
		ret += 'clicker: ' + this.clicker.id + '\n';
		ret += 'element: ' + this.element.id + '\n';
		return ret;
	}
	return ret;
}



function getMorphPair(clicker) {
	for (var i = 0; i <= morphs.length; i++) {
		if (morphs[i].clicker == clicker) return morphs[i];
	}
}

function getMorphPair2(clicker2) {
	for (var i = 0; i <= morphs.length; i++) {
		if (morphs[i].clicker2 == clicker2) return morphs[i];
	}
}


window.addEvent(
	'domready', 
	function() {
		var divs = $$('div.toggler');
		var bilder = $$('div.bild');
		for (var i = 0; i < divs.length; i++) {
			morphs[morphs.length] = initMorphPair(divs[i], i, bilder[i]);
		}
		try {
			if (startopen) {
				var mp = getMorphPair($(startopen));
				mp.clicker.onclick();
			}
		} catch (e) { }
	}
);