var openTab="";
var openFilter="";
var openLayers=new Array();
var overMenueVal=false;

////////////////////////////////////////////////////////////////////////////////////////
//
//	get_style function for reading values from CSS Styles
//
function get_style(oElm, strCssRule){
	var strValue = "";
	
    if(document.defaultView && document.defaultView.getComputedStyle){
        strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
    }
    else if(oElm.currentStyle){
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
            return p1.toUpperCase();
        });
        strValue = oElm.currentStyle[strCssRule];
    }
    return strValue;
}

////////////////////////////////////////////////////////////////////////////////////////
//
//	Closing all layers
//
function closeAllTabs(){
	if(overMenueVal==false){
		for(i=0;i<openLayers.length;i++){
			HideLayer(openLayers[i]);
		}
	
		HideLayer('list01');
		HideLayer('list02');
		HideLayer('list03');
	
		if(!filterBranch){
			if(document.getElementById('filter01')) document.getElementById('filter01').style.backgroundImage = "url('/images/zoom/tab_off.gif')";
		}
		if(!filterRegion){
			if(document.getElementById('filter02')) document.getElementById('filter02').style.backgroundImage = "url('/images/zoom/tab_off.gif')";
		}
		if(!filterCompanies){
			if(document.getElementById('filter03')) document.getElementById('filter03').style.backgroundImage = "url('/images/zoom/tab_off.gif')";
		}
		openFilter="";
	}
}

function HideLayer(id){
	var o;
	if(o=document.getElementById(id)) o.style.display = 'none';
}

function overMenue(buttonid){
	overMenueVal=true;
	if(buttonid && openFilter!=buttonid){
		document.getElementById(buttonid).style.backgroundImage = "url('/images/zoom/tab_on.gif')";
	}
}

function outMenue(buttonid){
	overMenueVal=false;	
	if(buttonid && openFilter!=buttonid){
		document.getElementById(buttonid).style.backgroundImage = "url('/images/zoom/tab_off.gif')";
	}
}
////////////////////////////////////////////////////////////////////////////////////////
//
//	Switching between tabs and open menue
//
function switchTab(layerid,buttonid){
	var iexplore= (navigator.userAgent.toLowerCase().indexOf('ie') != -1);
	var mozilla = (navigator.userAgent.toLowerCase().indexOf('firefox') != -1);
	
	if(buttonid=="filter01"){
		var ieFilterLeft=10;
		var nsFilterLeft=8;
		
		var ieFilterTop=140;
		var nsFilterTop=135;
	}
	if(buttonid=="filter02"){
		var ieFilterLeft=114;
		var nsFilterLeft=112;
		
		var ieFilterTop=140;
		var nsFilterTop=135;	
	}
	if(buttonid=="filter03"){
		var ieFilterLeft=218;
		var nsFilterLeft=216;
		
		var ieFilterTop=140;
		var nsFilterTop=135;	
	}
	
	changeBg=true;
	if(filterBranch && openFilter=="filter01"){
		changeBg=false;
	}
	if(filterRegion && openFilter=="filter02"){
		changeBg=false;
	}
	
	if(filterCompanies && openFilter=="filter03"){
		changeBg=false;
	}

	if(openTab!=layerid){
		if(openTab!=""){
			for(i=0;i<openLayers.length;i++){
				document.getElementById(openLayers[i]).style.display = 'none';
			}	
			document.getElementById(openTab).style.display = 'none';
			if(changeBg && document.getElementById(openFilter)){
				document.getElementById(openFilter).style.backgroundImage = "url('/images/zoom/tab_off.gif')";
			}
		}
		openLayers=new Array();
		openTab=layerid;
		openFilter=buttonid;
	}
	else{
		openTab="";
		openFilter="";
	}
	
	var visibility;
	var backgroundimage;
	
	visibility=get_style(document.getElementById(layerid), "display");
	bgimage=get_style(document.getElementById(buttonid), "background-image");
	
	if(visibility=="block"){
		for(i=0;i<openLayers.length;i++){
			document.getElementById(openLayers[i]).style.display = 'none';
		}
		document.getElementById(layerid).style.display = 'none';
		if(changeBg){
			document.getElementById(buttonid).style.backgroundImage = "url('/images/zoom/tab_off.gif')";
		}
	}
	if(visibility=="none"){
		for(i=0;i<openLayers.length;i++){
			document.getElementById(openLayers[i]).style.display = 'none';
		}
		document.getElementById(layerid).style.display = 'block';
		document.getElementById(buttonid).style.backgroundImage = "url('/images/zoom/tab_on.gif')";
	}
	
}

////////////////////////////////////////////////////////////////////////////////////////
//
// 	Function swiches color of mouseover in menue
//
//
function switchMenue(layerid,imgid,layers){

	if(document.getElementById(layerid)){
		// var bgcolor=get_style(document.getElementById(layerid), "background-color");
		var color=get_style(document.getElementById(layerid), "color");
	
		if(color=="rgb(12, 37, 121)" || color=="rgb(12,37,121)"){
			// document.getElementById(layerid).style.backgroundColor= 'rgb(235, 135, 0)';
			document.getElementById(layerid).style.color= 'rgb(235,135,0)';
			if(document.getElementById(imgid)) document.getElementById(imgid).src= "/images/zoom/dreieck_orange.gif";
		}
		
		if(color=="rgb(235, 135, 0)" || color=="rgb(235,135,0)"){
	// 		document.getElementById(layerid).style.backgroundColor= 'transparent';
			document.getElementById(layerid).style.color= 'rgb(12,37,121)';
			if(document.getElementById(imgid)) document.getElementById(imgid).src= "/images/zoom/dreieck.gif";
		}	
	}
}
////////////////////////////////////////////////////////////////////////////////////////
//
//	Opening Submenues
//
function switchSubMenue(layerid,deep){
	var iexplore= (navigator.userAgent.toLowerCase().indexOf('ie') != -1);
	var mozilla = (navigator.userAgent.toLowerCase().indexOf('firefox') != -1);

//	alert('Deep: '+deep+' Offene Layer: '+openLayers.length);
	if(openLayers.length>=deep){
		var subArr=new Array;
		var start=deep-1;
		subArr=openLayers.slice(start,openLayers.length);
		
		for(i=0;i<subArr.length;i++){
			// alert("To close: "+subArr[i]);
			if(document.getElementById(subArr[i]))
			 document.getElementById(subArr[i]).style.display = 'none';
		}

		subArr=openLayers.slice(1,deep);

		openLayers=new Array();
		openLayers=subArr;
	}
	if(!document.getElementById(layerid)){return false;}
	
	openLayers.push(layerid);
	
	var visibility;

	visibility=get_style(document.getElementById(layerid), "display");

	if(visibility=="block"){
		document.getElementById(layerid).style.display = 'none';
	}
	if(visibility=="none"){
		document.getElementById(layerid).style.display = 'block';
	}
}