// Browser festlegen

var br
var br2
if(navigator.appName == 'Netscape' && document.layers != null){br="N";}
else if(navigator.appName == 'Microsoft Internet Explorer' && document.all != null) {br="IE";}
else if(navigator.appName == 'Netscape' ) {br="IE"; br2="N"}
else{br=null}

// declare array
bgcolors = new Array();
bgcolorsdark = new Array();
menuData = new Array();
for (i=0; i <= 4; i++) {
	menuData[i] = new Array(40);
	for (j=0; j < 20; j++) {
		menuData[i][j] = new Array(2);
	}
}

	bgcolors[0] = "E5D1D1";
	bgcolorsdark[0] = "aa6666";
		menuData[0][0][0]="&nbsp;NEWS";
		menuData[0][0][1]="/index.php?0,0";
		menuData[0][1][0]="&nbsp;WETTER";
		menuData[0][1][1]="/index.php?0,1";
	bgcolors[1] = "E5D6C1";
	bgcolorsdark[1] = "aa7733";
		menuData[1][0][0]="&nbsp;CHAT";
		menuData[1][0][1]="/index.php?1,0";
		menuData[1][1][0]="&nbsp;DATING";
		menuData[1][1][1]="/index.php?1,1";
	bgcolors[2] = "F5F5B2";
	bgcolorsdark[2] = "dddd00";
		menuData[2][0][0]="&nbsp;EVENTS";
		menuData[2][0][1]="/index.php?2,0";
		menuData[2][1][0]="&nbsp;LOKALE";
		menuData[2][1][1]="/index.php?2,1";
		menuData[2][2][0]="&nbsp;GALLERY G";
		menuData[2][2][1]="/index.php?2,2";
		menuData[2][3][0]="&nbsp;GALLERY X";
		menuData[2][3][1]="/index.php?2,3";
		menuData[2][4][0]="&nbsp;GEWALT";
		menuData[2][4][1]="/index.php?2,4";
	bgcolors[3] = "D1E0D1";
	bgcolorsdark[3] = "669966";
		menuData[3][0][0]="&nbsp;BERATUNG";
		menuData[3][0][1]="/index.php?3,0";
		menuData[3][1][0]="&nbsp;LINKS";
		menuData[3][1][1]="/index.php?3,1";
	bgcolors[4] = "DBDBE5";
	bgcolorsdark[4] = "8888aa";
		menuData[4][0][0]="&nbsp;SITEMAP";
		menuData[4][0][1]="/index.php?4,0";
		menuData[4][1][0]="&nbsp;ÜBER UNS";
		menuData[4][1][1]="/index.php?4,1";
	bgcolors[5] = "E0D1E0";
	bgcolorsdark[5] = "996699";

// shows the drop down menu 

function showDDNav(){
	args = showDDNav.arguments;
	if(br=="N"){
		var args, theObj;
		args = showDDNav.arguments;
		theObj = eval(args[1]);
  		if (theObj) if(theObj.visibility=='hide'){theObj.visibility = 'show';}
	}
	else if(br=="IE"){
		theObj=eval(args[0]);
		if (theObj) if(theObj.style.visibility=='hidden'){hideElement('SELECT');theObj.style.visibility = 'visible'}
		}
	else{return}
}


// hides the drop down menu 

function hideDDNav(){
	args = hideDDNav.arguments;
	if(br=="N"){
		var args, theObj;
		args = hideDDNav.arguments;
		theObj = eval(args[1]);
		if (theObj) if(theObj.visibility=='show'){theObj.visibility = 'hide';}
	}
	else if(br=="IE"){
		theObj=eval(args[0]);
		if (theObj) if(theObj.style.visibility=='visible'){showElement('SELECT');theObj.style.visibility = 'hidden'}
		}
	else{return}
}


// hides drop down menu when menu is active

function hideDiv(){
	args = hideDiv.arguments;
	if(br=="N"){}
	else if(br2=="N"){
	  theObj=eval(args[0]);
	  theObj.style.visibility = 'hidden';
	  showElement('SELECT');
	}
	else if(br=="IE"){
		theObj=eval(args[0]);
		// calculate active size of menu
		leftDiv=theObj.offsetLeft +2
		rightDiv=theObj.offsetLeft + theObj.clientWidth -2
		topDiv=theObj.offsetTop +2
		bottomDiv=theObj.offsetTop + theObj.clientHeight -2
		if(window.event.clientY > bottomDiv || 
			window.event.clientY < topDiv || 
			window.event.clientX < leftDiv || 
			window.event.clientX > rightDiv)
			{theObj.style.visibility = 'hidden';showElement('SELECT');}				
		}
	else{return}
}


// highlight menuitem

function divOver(){
	args = divOver.arguments;
	currentcolor = bgcolors[eval(args[1])];
	currentcolordark = bgcolorsdark[eval(args[1])];
	if(br=="N"){}
	else if(br=="IE"){
		theObj=eval(args[0]);
		if(theObj.style.backgroundColor!=currentcolor){
			theObj.style.backgroundColor=currentcolor;
		}
	}
	else{return}
}

// highlight off menuitem

function divOut(){
	args = divOut.arguments;
	currentcolor = bgcolors[eval(args[1])];
	currentcolordark = bgcolorsdark[eval(args[1])];
	if(br=="N"){}
	else if(br=="IE"){
	theObj=eval(args[0]);
		if(theObj.style.backgroundColor!=currentcolordark){
			theObj.style.backgroundColor=currentcolordark;
		}
	}
	else{return}
}


// highlight on menuitem in netscape

function menuOver(){
	var args, theMenu;
	args = menuOver.arguments;
	currentcolor = bgcolors[eval(args[1])];
	theMenu = eval(args[0]);
	theMenu.bgColor="#"+currentcolor;
}


// highlight off menuitem in netscape

function menuOut(){
	var args, theMenu;
	args = menuOut.arguments;
	currentcolordark = bgcolorsdark[eval(args[1])];
	theMenu = eval(args[0]);
	theMenu.bgColor="#"+currentcolordark;
}

// goes to specified url

function gotoUrl(){
	args = gotoUrl.arguments;
	location.href=args[0];
}


// hides specified tag

function hideElement(HTMLtag)
{
	for (i = 20; i < document.getElementsByTagName(HTMLtag).length; i++)
	{
		obj = document.getElementsByTagName(HTMLtag)[i];
		obj.style.visibility = "hidden";
	}
}


// shows specified tag

function showElement(HTMLtag)
{
	for (i = 1; i < document.getElementsByTagName(HTMLtag).length; i++)
	{
		obj = document.getElementsByTagName(HTMLtag)[i];
		obj.style.visibility = "visible";
	}
}


// build the divs for IE

var tdID = 0
function doDiv(){
	args = doDiv.arguments;
	var divID = args[0];
	var divID_num = eval(args[1]);
	var x = args[1];
	var divLeft = args[2];
	var arrowPos = args[3];
	var divTop = args[4];
	
	objDiv = "<div id=\"" + divID + "\" style=\"position:absolute; left:"+ divLeft +"px; top:"+ divTop +"px; width:100px; z-index:300; background-color:000000; visibility:hidden; padding-left:1; padding-right:1;\" onMouseover=\"showDDNav('document.getElementById(\\'"+ divID +"\\')'," + divID_num + ")\"  onMouseout=\"hideDiv('document.getElementById(\\'" + divID + "\\')'," + divID_num + ")\">"
	//objDiv += "<div id=\"arrow\" style=\"position:relative; background-color:#000000; width:100px;\"><img src=/images/dot.gif width=1 height=1 align="+ arrowPos +"></div>"
	
	for (y = 0; y < 10; y++){
	    if(menuData[x][y][0]!=null){
		objDiv += "<div id=\"line\" style=\"position:relative; background-color:#000000; width:100px;\"><img src=/images/bar.gif width=100 height=1></div>";
		objDiv += "<div id=\"x" + tdID + "\" style=\"cursor:hand; position:relative; background-color:"+ bgcolorsdark[divID_num] +"; width:100px;\" onMouseover=\"divOver('document.getElementById(\\'x" + tdID + "\\')'," + divID_num + ")\" onMouseout=\"divOut('document.getElementById(\\'x" + tdID + "\\')'," + divID_num + ")\"><span class=\"sub\" onClick=\"gotoUrl('"+menuData[x][y][1]+"')\">"+ menuData[x][y][0] +"&nbsp;</span></div>"
		tdID = tdID +1
		}
	}
	
	objDiv +="<div id=\"line\" style=\"position:relative; background-color:#000000; width:100px; height:1px;\"><img src=/images/dot.gif width=100 height=1></div></div>"
	
	document.write(objDiv);
}


// build the layers for netscape

function doLayer(){
	args = doLayer.arguments;
	var nestLayerID=0
	var divID_num = eval(args[1]);
	var layerID = args[0];
	var x = args[1];
	var layerLeft = args[2];
	var layerTop = args[4];

	if(navigator.platform.indexOf("Win") < 0){layerInc=6;layerStyle="sub";}
	else{layerInc=10;layerStyle="sub";}	
		
	objDiv = "<layer id=\""+ layerID +"\" Z-INDEX=100 BGCOLOR=\"000000\" WIDTH=100 LEFT="+ layerLeft +" TOP="+ layerTop +" VISIBILITY=HIDE onmouseover=\"showDDNav('','document.layers[\\'"+ layerID +"\\']')\" onmouseout=\"hideDDNav('','document.layers[\\'"+ layerID +"\\']')\">"
	//objDiv +="<layer id=\"line\" BGCOLOR=\"000000\" WIDTH=100 HEIGHT=1 Z-INDEX=700><center><img src=/images/bar.gif width=100 height=1></center></layer>"
	
	var nestTop=1;
		for (y = 0; y < 10; y++){
		    if(menuData[x][y][0]!=null){
			
	objDiv += "<layer id=\"x"+nestLayerID+"\" CLIP=\"1,0,100,10\" class=\""+ layerStyle +"\" Z-INDEX=700 BGCOLOR=\""+ bgcolorsdark[divID_num] +"\" HEIGHT=10 WIDTH=101 TOP="+ nestTop +" onmouseover=\"menuOver('document.layers[\\'"+ layerID +"\\'].document.layers[\\'x"+nestLayerID+"\\']'," + divID_num + ")\" onmouseout=\"menuOut('document.layers[\\'"+ layerID +"\\'].document.layers[\\'x"+nestLayerID+"\\']'," + divID_num + ")\"><a id=navstyle href=javascript:gotoUrl('"+menuData[x][y][1]+"')><font color=#000000>"+ menuData[x][y][0]
	objDiv +="</font></a></layer>"		

	nestLayerID=nestLayerID+1
	nestTop=nestTop+layerInc
	objDiv +="<layer id=\"line2\" BGCOLOR=\"000000\" WIDTH=100 HEIGHT=1 Z-INDEX=700 TOP="+ nestTop +"><center><img src=/images/bar.gif width=101 height=1></center></layer>"
	nestTop=nestTop+1
			}
		}
	objDiv +="<layer id=\"lineEnd\" BGCOLOR=\"000000\" WIDTH=100 HEIGHT=1 Z-INDEX=700 TOP="+ nestTop +"></layer></layer>"

	document.write(objDiv)
}