// Init variables
	var ns4 = false;
	var ie4 = false;	
	var go = 0;
	var	bc = 22;
    var ext = ".gif";
    var bname = "b";
	var mname = "m";
//	menue = 0;
	var active_sub_menue = 0;
	var active_sub_sub_menue = 0;
	active_btn_main = 0;
	active_btn_sub = 0;
	active_btn_sub_sub = 0;

	// Init image arrays
    buttonRollImg = new Array(bc);
    buttonOffImg = new Array(bc);
    buttonOnImg = new Array(bc);

	// Check user agent
	ns4 = (document.layers)? true:false;
	ie4 = (document.all)? true:false;

	// Preload buttons
	function loadImages(){
      for (var i = 1; i <= bc; i++){
	    buttonRollImg[i-1] = new Image();
    	buttonOffImg[i-1] = new Image();
        buttonOnImg[i-1] = new Image();
        buttonRollImg[i-1].src = path + bname + i + "_r" + ext;
        buttonOffImg[i-1].src = path + bname + i + "" + ext;
        buttonOnImg[i-1].src = path + bname + i + "_r" + ext;
      }
    }

    function buttonOff(num, menue){
      if(go==1){
	    if(active_btn_main!=num && active_btn_sub!=num && active_btn_sub_sub!=num){
		  if (ns4) document.layers[mname+menue].document.images[bname+num].src=buttonOffImg[num-1].src;
		  if (ie4) document.images[bname+num].src=buttonOffImg[num-1].src;
        }
      }
      return true;
	}

    function buttonRoll(num, menue){
	  if(go==1){
	    if(active_btn_main!=num && active_btn_sub!=num && active_btn_sub_sub!=num){
		  if (ns4) document.layers[mname+menue].document.images[bname+num].src=buttonRollImg[num-1].src;
		  if (ie4) document.images[bname+num].src=buttonRollImg[num-1].src;
        }
      }
      return true;
    }

	function buttonOn(num, menue){
      if(go==1){
		if (ns4) document.layers[mname+menue].document.images[bname+num].src=buttonOnImg[num-1].src;
		if (ie4) document.images[bname+num].src=buttonOnImg[num-1].src;
	  }
      return true;
    }

    function loeschen(num, menue){
      if(go==1){
	    if (ns4) document.layers[mname+menue].document.images[bname+num].src=buttonOffImg[num-1].src;
		if (ie4) document.images[bname+num].src=buttonOffImg[num-1].src;
      }
	  return true;
	} 	
	
    function clicked(num, menue){
      if(go==1){
//	alert("act btn in sub" + active_btn_sub);			
		if (menue == 0) {
			from = 1;
			to = 4;
			active_btn_main = num;
			active_btn_sub = 0;			
			active_btn_sub_sub = 0;			
//	alert("act btn in main" + active_btn_main);
		} else {
			if (menue <= 16) {
				from = 5 + ((menue * 3) -3);
				to = 4 + menue * 3;			
				active_btn_sub = num;
//	alert("act btn in sub" + active_btn_sub);			
			} else {
				from = 5 + ((menue * 3) -3);
				to = 4 + menue * 3;			
				active_btn_sub_sub = num;
//			alert("act btn in subsub" + active_btn_sub_sub);					
			}			
		}
//		alert("from" + from);
//		alert("to" + to);		
        for(i=from; i<=to; i++) loeschen(i, menue);

		if (ns4) document.layers[mname+menue].document.images[bname+num].src=buttonOnImg[num-1].src;
		if (ie4) document.images[bname+num].src=buttonOnImg[num-1].src;
	  }
//      return true;
	}
	
	function show_sub_menue(menue) {
	//	alert("activesubsub=" + active_sub_sub_menue);
	//	alert("activesub=" + active_sub_menue);
		
		// Hide sub_sub_menue if necessary
		if (active_sub_sub_menue > 0 && menue <= 16) {
//			alert("hide subsub");
			hide_menue(active_sub_sub_menue);
			active_sub_sub_menue = 0;
		}
	
		// Hide sub_menue if necessary
		if (active_sub_menue > 0 && menue <= 4) {
//			alert("hide sub");
			hide_menue(active_sub_menue);
			active_sub_menue = 0;
		}

		// Show sub_menue or sub_sub_menue
		if(document.layers) {
			document.layers[mname+menue].visibility = "show";
		} else if(document.all) {
			document.all[mname+menue].style.visibility = "visible";
		}
		
		// Set active menue
		if (menue <= 4){
			active_sub_menue = menue;
	//		alert("set active sub to " + active_sub_menue);
		} else {
			active_sub_sub_menue = menue;
	//		alert("set active subsub to " + active_sub_sub_menue);
		}
		
		return true;		
	}

	function hide_menue(menue) {
//	alert("function hide");
		if(document.layers) {
			document.layers[mname+menue].visibility = "hide";
		} else if(document.all) {
			document.all[mname+menue].style.visibility = "hidden";
		}
		return true;		
	}
	
	function hide_all_menues() {
//	alert("function hide all layers");
		if(active_sub_sub_menue != 0) {
			hide_menue(active_sub_sub_menue);
			active_sub_sub_menue = 0;
		} 
		if(active_sub_menue != 0) {
			hide_menue(active_sub_menue);
			active_sub_menue = 0;
		} 		
		return true;		
	}
	
	function hide_sub_menue() {
//	alert("function hide submenue");
		if(active_sub_sub_menue != 0) {
			hide_menue(active_sub_sub_menue);
			active_sub_sub_menue = 0;
		} 
		return true;		
	}