var layerypos=39;  //position von oben...
var layerwidth = 152;

var tolred  =  '#CBA692'; //menuefarbe markiert
var tolgreen = '#F1EBCD'; //menufarbe nicht markiert


var nc=false, ie=false, w3c=false, opera=false, ns6=false;
if((document.all) && (navigator.userAgent.toLowerCase().indexOf('msie')!=-1) ){
	nc=false;
	w3c=false;
	ie=true;
	opera=false;
}else if( (document.getElementById) && (!document.all) ) {
	nc=false;
	w3c=true;
	ie=false;
	opera=false;
}else if( (document.layers) || (navigator.userAgent.toLowerCase().indexOf('mozilla')!=-1) ) {
	nc=true;
	w3c=false;
	ie=false;
	opera=false;
}

if(navigator.userAgent.toLowerCase().indexOf('opera')!=-1){
	nc=false;
	w3c=true;
	var ie=false;
	opera=true;
}

if(navigator.userAgent.toLowerCase().indexOf('netscape6')!=-1){
	ns6=true;
}
var isWebkit = navigator.userAgent.indexOf("AppleWebKit") > -1;


if(nc) layerypos=layerypos+5; // old Netscapes FIX


var prefs = new Array();
prefs[0]="";

  // *** BROWSER VERSION ***
    // Note: On IE5, these return 4, so use is_ie5up to detect IE5.
	var agt=navigator.userAgent.toLowerCase();
    var is_major = parseInt(navigator.appVersion);
    var is_minor = parseFloat(navigator.appVersion);

    var is_ie3    = (ie && (is_major < 4));
    var is_ie4    = (ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
    var is_ie4up  = (ie && (is_major >= 4));
    var is_ie5    = (ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
    var is_ie5_5  = (ie && (is_major == 4) && (agt.indexOf("msie 5.5") !=-1));
    var is_ie5up  = (ie && !is_ie3 && !is_ie4);
    var is_ie5_5up =(ie && !is_ie3 && !is_ie4 && !is_ie5);
    var is_ie6    = (ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
    var is_ie6up  = (ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5);




// alert(navigator.userAgent.toLowerCase());
// alert("nc="+nc+"\n ie="+ie+"\n w3c="+w3c+"\n opera="+opera+"\n ns6="+ns6+"");
// var sid="";

var id,mid,posSet,Ypos,Lsize,Ltop;

if(ns6){ // Netscape 6 FIX for the onMouseOver Effect
	document.write('<style type="text/css"> .dropdownlink { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: normal; text-decoration: none; display: block; line-height: 18px; padding-left: 5px; width: 120px} </style>');
}




function startcloser()
{
     closeflag=1;
	 window.setTimeout("closenav();",500);
}
function stopcloser()
{
     closeflag=0;
}
function closenav()
{
   if(closeflag == 1)
   {
     //nur hier das Fefnster wieder anzeigen wennjemand das Menü verläßt
	 // navUp wird auch beim wechsel aufgerufen von Menüs...
      navUp();
   }
}

function navDown(id,pos, lpps) {
    lpps = layerypos;
	if(prefs[0] != "")
	{
         navUp();
         }
	if(nc){
		posSet = pos;
		Lsize = document.layers[id].top + document.layers[id].clip.height;
		Ltop = document.layers[id].top - 18; // headimg height
		document.layers[id].left = posSet;
		document.layers[id].top=lpps;
		document.layers[id].visibility = "show";
	}
    else if(w3c)
    {        
		posSet = pos; // Gives some space from left
		Lsize = parseInt(document.getElementById(id).style.top) + document.getElementById(id).offsetHeight;
		if(opera) { // OPERA FIX
			fixedElement = document.getElementById(id);
			Lsize = fixedElement.style.pixelHeight + parseInt(document.getElementById(id).style.top);
			posSet = pos +3;
		}
		if(!Lsize) Lsize=200;
		Ltop = parseInt(document.getElementById(id).style.top) - 18; // headimg height
		document.getElementById(id).style.left = posSet;
		document.getElementById(id).style.top =lpps;
		document.getElementById(id).style.visibility = "visible";
	}
    else if(ie)
    {

		posSet =  pos;
		Lsize = document.all[id].style.posTop + document.all[id].offsetHeight;
		Ltop = document.all[id].style.posTop - 18; // headimg height
		document.all[id].style.left = posSet;

		document.all[id].style.top = lpps;
		document.all[id].style.visibility = "visible";

	}
	prefs[0] = id;
	return false;
}





// fehler
function navUp(){

   
	if(nc){
		document.layers[prefs[0]].visibility = "hide";
	}else if(w3c){

		document.getElementById(prefs[0]).style.visibility = "hidden";
	}else if(ie){

		document.all[prefs[0]].style.visibility = "hidden";
	}
}


function newcol(id,farbe) {
    alert('newcol');
	if (document.all)
		document.all[id].style.backgroundColor=farbe;
	else
		if (document.getElementById)
			document.getElementById(id).style.backgroundColor=farbe;
	else
		if (document.layers)
			document.layers[id].bgColor=farbe;
}








for(var i=0; i < menues.length; i++)
{
//    alert('zeichne m'+(i+1));
	if(nc)
    {
		document.write('<layer name="m'+(i+1)+'" visibility="hide" bgcolor="'+tolgreen+'" left="0" top="'+layerypos+'" z-index="200" width="'+layerwidth+'">');
	}

    else
    {

		document.write('<div id="m'+(i+1)+'" style="visibility:hidden; position:absolute; left:-100; top:-100; z-index: 200; width: '+layerwidth+'">');
    }

	document.write('<table style="cursor:hand" border=0 bgcolor=#000000 cellpadding="0" cellspacing="0"><tr onmouseover="stopcloser();" onmouseout="startcloser();"><td>');
	document.write('<table cellspacing=1 cellpadding=1 border="0" width="'+layerwidth+'">');

		for(var j=0; j < menues[i].length; j++)
        {
          if(i == 0) //bild
		 document.write('             <tr>             <td  bgcolor='+tolgreen+' height=25 width="'+layerwidth+'" onmouseover="stopcloser();  bgColor=\''+tolred+'\'" onmouseout="startcloser(); bgColor=\''+tolgreen+'\'" >             <a  target="hauptfenster" href="'+menues[i][j]["href"]+'"  style="border:0px; text-decoration:none; display:block; width:100%; height:25; " onmouseover="stopcloser();           window.status=\''+menues[i][j]["href"]+'\'; return true;" onmouseout="startcloser(); window.status=\'\'; return true;" > <img border=0 src='+menues[i][j]["bild"]+' height=22 width=22><span class="menusmall">'+menues[i][j]["name"]+'</span>             </a>             </td>             </tr>\n');

          
          else if(menues[i][j]["hauptseite"] != "")
          	 document.write('             <tr>             <td  bgcolor='+tolgreen+' height=25 width="'+layerwidth+'" onmouseover="stopcloser();  bgColor=\''+tolred+'\'" onmouseout="startcloser(); bgColor=\''+tolgreen+'\'" >             <a  href="http://www.quiz-game.net/index.php?'+menues[i][j]["hauptseite"]+'=1"  style="text-decoration:none; display:block; width:100%; height:25; " onmouseover="stopcloser();           window.status=\''+menues[i][j]["href"]+'\'; return true;" onmouseout="startcloser(); window.status=\'\'; return true;" >             <span class="menusmall">'+menues[i][j]["name"]+'</span>             </a>             </td>             </tr>\n');
          	 
          else
             document.write('             <tr>             <td  bgcolor='+tolgreen+' height=25 width="'+layerwidth+'" onmouseover="stopcloser();  bgColor=\''+tolred+'\'" onmouseout="startcloser(); bgColor=\''+tolgreen+'\'" >             <a  target="hauptfenster" href="'+menues[i][j]["href"]+'"  style="text-decoration:none; display:block; width:100%; height:25; " onmouseover="stopcloser();           window.status=\''+menues[i][j]["href"]+'\'; return true;" onmouseout="startcloser(); window.status=\'\'; return true;" >             <span class="menusmall">'+menues[i][j]["name"]+'</span>             </a>             </td>             </tr>\n');


	   }

	document.write('</table></td></tr></table>');

	if(nc){
		document.write('</layer>');
	}else{
		document.write('</div>');
	}
}