/* 
Namenskonvention
DIV wrd folgendermassen beschrieben:
<div class="divHide" grpX="yes"> wobei X für eine durchlaufende Nummer steht

Image dass als Trigger:
btnX wobei X für dieselbe Numemr stehen muss wie für die div Gruppe

die beiden Bilder "collapse.gif" und "expand.gif" müssen im Root Verzeichnis liegen

folgende Styles werden benötigt:
<STYLE>
 .divHide {display:none; font-family:Arial;} 
.divShow {display:block; font-family:Arial;} 
</STYLE> */
        
function toggleDiv(number)
	{
	var ndDiv = document.getElementsByTagName('div'); // handle divs             
	var ndTr = document.getElementsByTagName('tr'); // handle tr's        
	var elem = "grp"+number; /* gruppenelement wir dzusammengesetzt*/
	var btnimg = "btn"+number; /* button image's name is generated*/
	var i=0;
		for( i=0;i<ndDiv.length;i++)
		{
		if(ndDiv[i].className == 'divHide' && ndDiv[i].getAttribute(elem)=='yes' )
		{
			ndDiv[i].className = 'divShow';
			document.getElementById(btnimg).src = "http://www.cubidor.com/collapse.gif";
			document.getElementById(btnimg).title = "collapse";
		}
			else if(ndDiv[i].className=='divShow' && ndDiv[i].getAttribute(elem)=='yes')
			{
			ndDiv[i].className = 'divHide';
			document.getElementById(btnimg).src = "http://www.cubidor.com/expand.gif";
			document.getElementById(btnimg).title = "expand";
			}
		}
	}