var numNav = 20; 
var numGroups = 1;
var navPath = "/_img/menue/";
var picNormalSuffix = "Normal";
var picOverSuffix = "Mauseintritt";
var picPrefix = "menuePunkt";

statMess = new Array( numNav );
statMess[ 0 ] = "Startseite";
statMess[ 1 ] = "Aktuelles Programm";
statMess[ 2 ] = "Tourplan";
statMess[ 3 ] = "Kritik";
statMess[ 4 ] = "Galerie";
statMess[ 5 ] = "History";
statMess[ 6 ] = "Wichtige Nachrichten";
statMess[ 7 ] = "Hommage John Cage";
statMess[ 8 ] = "Schöne Flecken";
statMess[ 9 ] = "Pressematerial";
statMess[ 10 ] = "Kontakt";
statMess[ 11 ] = "Links";
statMess[ 12 ] = "Impressum";
statMess[ 13 ] = "Menü schließen";


var active_link = "";

function doPreLoad(highlight) {
	theNavArray = new Array(numNav);
	for( i=0; i<numNav; i++ ) {
		theNavArray[i] = new Image();
		theNavArray[i].src = navPath + picPrefix + i + picOverSuffix + ".png";
	}

	if (highlight) { 
		document.images[picPrefix + highlight].src = navPath + picPrefix + highlight + picOverSuffix + ".png";
		active_link = highlight;
	}
}


function navOver( imgNum ) {
	if (imgNum == active_link) return;
	document.images[picPrefix+imgNum].src = navPath + picPrefix + imgNum + picOverSuffix + ".png";
	self.status = statMess[imgNum];
}


function navOut( imgNum ) {
	if (imgNum == active_link) return;
	document.images[picPrefix+imgNum].src = navPath + picPrefix + imgNum + picNormalSuffix + ".png";
	self.status = "";
}





function showDiv(div) {
  with(document.getElementById(div).style){
    if(display=="none"){
      display="block";
    }
    else{
      display="none";
    }
  }
}

function hideDiv(div) {
  with(document.getElementById(div).style){
    if(display=="block"){
      display="none";
    }
    else{
      display="block";
    }
  }
}




var activeLayer = "content0";

function SwapLayer (layername) {

	if (activeLayer.length > 0) {
		//document.getElementById(activeLayer).style.visibility = "hidden";
		document.getElementById(activeLayer).style.display = "none";
	}

	if (layername.length > 0) {
		//document.getElementById(layername).style.visibility = "visible";
		document.getElementById(layername).style.display = "block";
		activeLayer = layername;
	}

}






/*
Usage:

TB =  new Tabs(); // das Object, dieser Aufruf muss immer vorhanden sein
TB.activeTab = 'overviewMenuItem'; // der Tab der "an" ist, wenn die seite geladen wird
TB.activeTabClassname = 'on'; // die aktive css-class (wird zur vorhandenen hinzugef�gt)

// Entweder vorab die Tabs deklarieren
TB.initTab('overviewMenuItem','overview');
TB.initTab('arbitrageMenuItem','arbitrage');
TB.initTab('portraitMenuItem','portrait');
TB.initTab('chartMenuItem','chart');
TB.initTab('archiveMenuItem','archive');

// Oder, wenn der Tab-Men�punkt aufgerufen wird
<a href="#" onclick="TB.loadTabContent('tab_id','tabcontent_id'); return false;">Men�punkt</a>
*/

function Tabs () {
		
	this.activeTab = false;
	this.activeTabClassname = 'on';
	
	// privat
	this.tabs = new Array();
	
	
	//---------------------------------------------------------------------------------------
	this.loadTabContent = function(tab_id,tabcontent_id) {
		
		if(!this.tabs[tab_id]) this.initTab(tab_id,tabcontent_id);
					
		if(!document.getElementById(this.tabs[tab_id].id)
		|| !document.getElementById(this.tabs[tab_id].tabcontent_id)) {
			return false;
		} 
		
		if(this.activeTab == tab_id
		|| this.tabs[tab_id].active === true) {
			return;
		}	
		
		if(this.activeTab 
		&& this.tabs[this.activeTab]
		&& document.getElementById(this.tabs[this.activeTab].id)
		&& document.getElementById(this.tabs[this.activeTab].tabcontent_id)) {
			if(!this.tabs[this.activeTab].el) {
				this.tabs[this.activeTab].el = document.getElementById(this.tabs[this.activeTab].id);
			}
			this.removeClassName(this.tabs[this.activeTab].el,this.activeTabClassname);
			if(!this.tabs[this.activeTab].content_el) {
				this.tabs[this.activeTab].content_el = document.getElementById(this.tabs[this.activeTab].tabcontent_id);
			}
			this.tabs[this.activeTab].content_el.style.display = 'none';
			this.tabs[this.activeTab].active = false;
		}
		
		if(!this.tabs[tab_id].el) {
			this.tabs[tab_id].el = document.getElementById(this.tabs[tab_id].id);
		}
		this.tabs[tab_id].active = true;
		this.tabs[tab_id].el.className += ' ' +this.activeTabClassname;
		this.tabs[tab_id].el.blur();
		this.tabs[tab_id].content_el = document.getElementById(this.tabs[tab_id].tabcontent_id);
		this.tabs[tab_id].content_el.style.display = '';		
		this.activeTab = tab_id;
	}
	
	//---------------------------------------------------------------------------------------
	this.initTab = function(tab_id,tabcontent_id) {
		this.tabs[tab_id] = new Object();
		this.tabs[tab_id].id = tab_id;
		this.tabs[tab_id].tabcontent_id = tabcontent_id;
		this.tabs[tab_id].content_el = false;
		this.tabs[tab_id].el = false;
		if(this.activeTab == tab_id) this.tabs[tab_id].active = true;
		else this.tabs[tab_id].active = false;
	}

	//---------------------------------------------------------------------------------------
	this.removeClassName = function(el, name) {
	
		var i, curList, newList;
		
		if (el.className == null) return;
				
		newList = new Array();
		curList = el.className.split(" ");
		for (i = 0; i < curList.length; i++)
			if (curList[i] != name)
				  newList.push(curList[i]);
		
		el.className = newList.join(" ");
	}

}


function hide(element){
element = document.getElementById(element).style;
 if (element.display=='') {element.display='none';}
 else {element.display='';}
}


function display(element){
element = document.getElementById(element).style;
 if (element.display=='none') {element.display='';}
 else {element.display='';}
}