function toggleAll(itemname,state){
	tmp = document.getElementsByTagName('div');
	for (i=0;i<tmp.length;i++){
	if (tmp[i].className == itemname) tmp[i].style.display = state;
		}
	}

function toggle(idname){
	document.getElementById(idname).style.display = (document.getElementById(idname).style.display == 'none') ? 'block' : 'none';
	}

function toggleCloseOthers(idname,itemname,myID){
	origStatus = (document.getElementById(idname).style.display == 'block') ? 'block' : 'none';
	toggleAll(itemname,'none');
	if (origStatus=='none') toggle(idname);
	}


function initNavi(activeNaviCell,activeNavi) {
	var myactiveBG = "url(http://www.streetcasting.ch/media/elements/btn_" + activeNaviCell + "_active.gif)";
	var myactiveChapter = "navi_" + activeNaviCell;
	var myactiveNaviCell = "navi_" + activeNaviCell + "_sub_cell";
	var myactiveNavi = "navi_" + activeNaviCell + "_" + activeNavi;

// reset the classes:
	document.getElementById("navi_1").className = "navi_head";
	document.getElementById("navi_2").className = "navi_head";
	document.getElementById("navi_3").className = "navi_head";
	document.getElementById("navi_4").className = "navi_head";
	document.getElementById("navi_5").className = "navi_head";
	document.getElementById("navi_6").className = "navi_head";

	var naviarray = getElementsByClassName("navi_sub");
	for (n=0;n<naviarray.length;n++)
	{
		naviarray[n].style.backgroundImage = "";
	}
	
	
// unfold navigation and set the style:
	document.getElementById(myactiveNaviCell).style.display = "block";
	document.getElementById(myactiveNavi).style.backgroundImage = myactiveBG;
	document.getElementById(myactiveChapter).className = "navi_head_active";

		
	
// set the backgroundcolor of the headers:
	switch (activeNaviCell) {
		case "1": myBGcolor = "#bbed63";
		break;
		case "2": myBGcolor = "#87ee96";
		break;
		case "3": myBGcolor = "#fb8888";
		break;
		case "4": myBGcolor = "#86cedd";
		break;
		case "5": myBGcolor = "#ff7ccf";
		break;
		case "6": myBGcolor = "#fbc638";
		break;
		}
	document.getElementById('cell1_header').style.backgroundColor = myBGcolor;
	if ( document.getElementById('cell1_header2') ) document.getElementById('cell1_header2').style.backgroundColor = myBGcolor;
	document.getElementById('cell2_header').style.backgroundColor = myBGcolor;
	document.getElementById('cell3_header').style.backgroundColor = myBGcolor;
}