// www.com-com.com - tn - Februar 2007

// CSSFORM FUNKTIONEN - FOLDABLE FIELDSETS
// Wenn die Seite geladen wird, werden alle fieldsets eingeklappt, außer es sind die folgenden Klassen vergeben:
// fieldset.openOnStartup: Fieldset wird beim ersten Darstellen der Seite ausgeklappt
// fieldset.unfoldable: Fieldset kann nie eingeklappt werden - zB für Navigationen
// Einbindung:
// js (im Head) einbinden:		<script type="text/javascript" language="javascript" src="/javascript/cssforms.js"></script>
// unter dem letzten fieldset:  <script language="javascript" type="text/javascript">initCssforms();</script>
// Natürlich sind auch die cssForms notwendig und die entsprechenden grafiken cssf_.. müssen im chrome ordner liegen
//-------------------------------------------------------------

//wird onload aufgerufen (später evtl mit Parametern)
function initCssforms (){
	fieldsetArray = document.getElementsByTagName('fieldset');
	first = true;
	for(var i=0;  i < fieldsetArray.length; i++) {
		if(fieldsetArray[i].className.indexOf('unfoldable') == -1) {
			fieldsetArray[i].getElementsByTagName('legend')[0].onclick = function() { legendClick(this); };
			fieldsetArray[i].getElementsByTagName('legend')[0].title = "Klicken Sie hier, um diesen Formularbereich auf- oder zuzuklappen.";
			if(fieldsetArray[i].className.indexOf('openOnStartup') == -1) 
				fieldsetArray[i].className = fieldsetArray[i].className + " collapsed";
			else
				fieldsetArray[i].className = fieldsetArray[i].className.replace(/openOnStartup/, 'open');
		}
	}
}

//on legend.click: nächstes parent-fieldset bekommt die "andere" class
function legendClick (legendNode){
	if (legendNode.parentNode.className.indexOf('collapsed') != -1) {
		legendNode.parentNode.className = legendNode.parentNode.className.replace(/collapsed/, 'open');
	} else {
		legendNode.parentNode.className = legendNode.parentNode.className.replace(/open/, 'collapsed');
	}
}