function Mainnav()
{
	// Liste der ID's aller Sub-Menus (Kategorien)
	this.arrKatIds = new Array();
	
	this.toggleSubMenu = function(objEv, id)
	{
		var idSubnav, objSubnav, idImg, objImg;
		
		// Das UL mit der Unternavigation
		idSubnav = 'subnav_' + id;
		if(!(objSubnav = document.getElementById(idSubnav))) {
			alert('subnav not found. id = ' + idSubnav)
			return;
		}
		
		// Der Pfeil vor der Kategorie
		idImg = 'navImg_' + id;			
		if(!(objImg = document.getElementById(idImg))) {
			alert("Can't get Image. ID = " + idImg);
			return;
		}
			
		if(objSubnav.style.display == 'block') {
			// Unternavigation ausblenden
			objSubnav.style.display = 'none';
			
			// und den Pfeil drehen
			objImg.src ='/mainnav/t_off.png';
		} else {
			// alle anderen Submenues schliessen
			this.closeAllSubMenu()
			
			// Das, auf das geklickt wurde sichtbar machen
			objSubnav.style.display = 'block';
			
			// und den Pfeil drehen
			objImg.src ='/mainnav/t_on.png';
		}
		
		return;
	};
	
	
	/**
	 * Schliesst alle Sub-Menues 
	 */
	this.closeAllSubMenu = function()
	{
		var i, id, objSubnav, objImg;
		
		if(this.arrKatIds.length == 0) {
			// Die Liste der Kategorie-IDs wurde noch nicht ermittelt
			this.getCategoryIds();
		}
		
		for(i = 0; i < this.arrKatIds.length; i++) {
			id = 'subnav_' + this.arrKatIds[i];
			
			if(!(objSubnav = document.getElementById(id))) {
				alert("Can't get Subnav. ID = " + id);
				return;
			}
			
			// Submenu ausblenden
			objSubnav.style.display = 'none';
			
			// Pfeil ->
			id = 'navImg_' + this.arrKatIds[i];
			
			if(!(objImg = document.getElementById(id))) {
				alert("Can't get Image. ID = " + id);
				return;
			}
			
			objImg.src = '/mainnav/t_off.png'; 
		}
		
		return;
	};
	
	
	/**
	 * Ermittelt aus dem DIV mit der ID listCategoryIDs die IDs aller Hauptkategorien
	 */
	this.getCategoryIds = function()
	{
		var obj, txt;
		
		if(!(obj = document.getElementById('listCategoryIDs'))) {
			this.arrKatIds = new Array();
			alert("Can't get DIV ID = listCategoryIDs");
			return;
		}
		
		txt = obj.innerHTML.replace(/ $/, '');
		this.arrKatIds = txt.split(' ');
	}
	
	
};

var objMainnav = new Mainnav();
