//****************************************************
    //  © 2009 Koordinauten Gbr
    //****************************************************
   
    // ***************************************************
    // INI
    // ***************************************************
    function INI(nr){
      
      init_const();
      crt_obj();      
      
      brw = new chk_bw();
      //helper(6);
      
      page_akt = 0;
      
      if(nr!=0){
        open_menu(parseInt(nr));
      }     
    } 
    // ***************************************************
    // const rel. nav box
    // ***************************************************
    function init_const(){
      var container_root_x = parseInt(document.getElementById("container_root").style.left.substring(0, document.getElementById("container_root").style.left.length -2)); 
      var container_root_y = parseInt(document.getElementById("container_root").style.top.substring(0, document.getElementById("container_root").style.top.length -2)); 
     
      root_pos_y = container_root_y + 14;
      
      root_pos_x.push([parseInt(container_root_x + 119),parseInt(container_root_x - 119)]);
      root_pos_x.push([parseInt(container_root_x + 238),parseInt(container_root_x)]);
      root_pos_x.push([parseInt(container_root_x),parseInt(container_root_x + 238)]);
      root_pos_x.push([parseInt(container_root_x + 119),parseInt(container_root_x - 119)]);
      
      const_fld_width = 237;
      const_fld_height = 15;
         
    }
    
    // ***************************************************
    // crt objects
    // ***************************************************
    function crt_obj(){    
      var i = 0;    
      for( i = 4; i < menu.length; i++ ){
        var obj = new obj_menu(menu[i][0],menu[i][1],menu[i][2],menu[i][3]);
        ar_obj_menu.push(obj);
      }
    }    
    // ***************************************************
    // menu
    // ***************************************************
    function menu_clicked(nr){      
      
      clicked_root_element = nr;
      ebene = 1; 
      
      open_root_box();     
            
      if(document.getElementById("container_menu_2") != null){
         document.getElementById("container_navi").removeChild(document.getElementById("container_menu_2"));  
      }  
      
      for( i = 0; i < ar_obj_menu.length; i++ ){
        ar_obj_menu[i].set_status(0);
      }
      
      // **************************************************  
      // root menu anpassen  ******************************
      
      for( i = 1; i < 5; i++ ){
        if(brw.ns5 || brw.ns4){
          document.getElementById("menu_" + i).style.opacity = 1.00;
        }
        if(brw.ie8 || brw.ie7 || brw.ie6 || brw.ie5 || brw.ie4){
          document.getElementById("menu_" + i).style.filter='alpha(opacity=100)';
        }      
      
        document.getElementById("menu_" + i).style.background = "#000000"; 
        document.getElementById("menu_" + i).style.color = "#FFFFFF";
        document.getElementById("menu_link_" + i).style.color = "#FFFFFF"; 
      }  
      
      if(brw.ns5 || brw.ns4){
        document.getElementById("menu_" + nr).style.opacity = 0.60;
      }
      if(brw.ie8 || brw.ie7 || brw.ie6 || brw.ie5 || brw.ie4){
        document.getElementById("menu_" + nr).style.filter='alpha(opacity=60)';
      }      
      
      document.getElementById("menu_" + nr).style.background = "#FFFFFF";
      document.getElementById("menu_" + nr).style.color = "#000000";
      document.getElementById("menu_link_" + nr).style.color = "#000000";
      
      //******************************
                
      create_menu_elements(clicked_root_element,1,1);
      
    }
    // ***************************************************
    // black_box
    // ***************************************************
    function open_root_box(){      
      var pos_x = (clicked_root_element - 1) * 118 + (clicked_root_element-1);
      
      if(brw.ns5 || brw.ns4){
        document.getElementById("menu_" + clicked_root_element).style.opacity = 0.60;
      }
      if(brw.ie8 || brw.ie7 || brw.ie6 || brw.ie5 || brw.ie4){
        document.getElementById("menu_" + clicked_root_element).style.filter='alpha(opacity=60)';
      } 
        
      document.getElementById("menu_" + clicked_root_element).style.background = "#FFFFFF";
      document.getElementById("menu_link_" + clicked_root_element).style.color = "#000000";
      
      document.getElementById("black_box").style.left = pos_x + "px";
      document.getElementById("black_box").style.visibility = "visible";
    }
    // ***************************************************
    // debug
    // ***************************************************
    function chk_debug(){
      var  str = "";
      for( i = 0; i < ar_obj_menu.length; i++ ){
        str = str + ar_obj_menu[i].get_element_id() + " | " + ar_obj_menu[i].get_element_txt() + " | " + ar_obj_menu[i].get_element_parent_id() + " | " +  ar_obj_menu[i].get_element_menu_id() + "<br>";
      }
      document.getElementById("debug").innerHTML = str;
     }     
    // ***************************************************
    // create sub-elemnts
    // ***************************************************
    function create_menu_elements(id,ebene,herkunft){
      
      if(herkunft==1){
        if(document.getElementById("v_content_1") != null){
          document.getElementById("v_content_1").innerHTML = "";
          document.getElementById("v_content_1").style.visibility = "hidden";
        }
      
        if(document.getElementById("h_content_1") != null){
          document.getElementById("h_content_1").innerHTML = "";
          document.getElementById("h_content_1").style.visibility = "hidden";
        }
      }
                  
      var sub_menu_ele = new Array();  
      var i = 0; 
           
      for( i = 0; i < ar_obj_menu.length; i++ ){
        if(ar_obj_menu[i].get_element_parent_id() == id){
          sub_menu_ele.push(ar_obj_menu[i]);
        }    
      } 
      
      if(ebene==1){
        //div komplett ebene 1
        if(document.getElementById("container_menu_1") != null){
          document.getElementById("container_navi").removeChild(document.getElementById("container_menu_1"));  
        }
        
        var my_div_eben_1 = document.createElement('div');
        my_div_eben_1.setAttribute('id', "container_menu_1");
        my_div_eben_1.style.width = const_fld_width;
        my_div_eben_1.style.height = sub_menu_ele.length * const_fld_height + sub_menu_ele.length * 1;
        var start_pos_y = (sub_menu_ele.length * 15 + sub_menu_ele.length * 1) - const_fld_height;
       
        my_div_eben_1.style.position = "absolute";
        my_div_eben_1.style.left = root_pos_x[clicked_root_element-1][0];
        my_div_eben_1.style.top = root_pos_y - (sub_menu_ele.length * const_fld_height + sub_menu_ele.length * 1) - const_fld_height;
            
      }else{
        //div komplett eben 2
        if(document.getElementById("container_menu_2") != null){
          document.getElementById("container_navi").removeChild(document.getElementById("container_menu_2"));  
        }
        
        var my_div_eben_2 = document.createElement('div');
        my_div_eben_2.setAttribute('id', "container_menu_2");
        my_div_eben_2.style.width = const_fld_width;
        my_div_eben_2.style.height = sub_menu_ele.length * const_fld_height + sub_menu_ele.length * 1;
       
        var start_pos_y = (sub_menu_ele.length * const_fld_height + sub_menu_ele.length * 1) - const_fld_height;
        my_div_eben_2.style.position = "absolute";
        my_div_eben_2.style.left = root_pos_x[clicked_root_element-1][1];
        
        var kiste_1_height = parseInt(document.getElementById("container_menu_1").style.height.substring(0, document.getElementById("container_menu_1").style.height.length -2)); 
        my_div_eben_2.style.top = root_pos_y - kiste_1_height - (sub_menu_ele.length * const_fld_height + sub_menu_ele.length * 1) - const_fld_height;            
      }
             
      for( i = 0; i < sub_menu_ele.length; i++ ){
        // check 4 kids
        var chk = false;
        
        for( j = 0; j < ar_obj_menu.length; j++ ){
          if(ar_obj_menu[j].get_element_parent_id() == sub_menu_ele[i].get_element_id()){
            chk = true;
          } 
        }        
        
        //div aussen
        var my_div_1 = document.createElement('div');
        my_div_1.setAttribute('id', "container_link_" + sub_menu_ele[i].get_element_id());
        my_div_1.style.width = const_fld_width;
        my_div_1.style.height = const_fld_height;
        my_div_1.style.position = "absolute";
        my_div_1.style.left = 0;
        my_div_1.style.top = start_pos_y - i*const_fld_height - i*1;
        my_div_1.style.background = "#000000";
       
        //div innen          
        var my_div_2 = document.createElement('div');
        my_div_2.setAttribute('id', "ele_innen_" + sub_menu_ele[i].get_element_id());
        my_div_2.className = "menu_ele";
        
        // link
        if(brw.ns5 || brw.ns4){
          
          var my_a_1 = document.createElement('a');
          my_a_1.setAttribute('id', "ele_link_" + sub_menu_ele[i].get_element_id());
          my_a_1.innerHTML = sub_menu_ele[i].get_element_txt();
          my_a_1.setAttribute('onMouseOver', "color_menu(" + sub_menu_ele[i].get_element_id() + ",1);");
          my_a_1.setAttribute('onMouseOut', "color_menu(" + sub_menu_ele[i].get_element_id() + ",0);");        
          my_a_1.setAttribute('onMouseUp', "color_menu(" + sub_menu_ele[i].get_element_id() + ",2);");
          
          if(chk){
            my_a_1.setAttribute('href', "javascript:create_menu_elements(" + sub_menu_ele[i].get_element_id() + ",2,1);");
          }else{
            my_a_1.setAttribute('href', "javascript:sub_menu_clicked(" + sub_menu_ele[i].get_element_menu_id() + "," + sub_menu_ele[i].get_element_id() + ");");
          } 
          
          my_div_2.appendChild(my_a_1);
          
        }
        
        // IE mouseOver // mousOut // ...
        if(brw.ie8 || brw.ie7 || brw.ie6 || brw.ie5 || brw.ie4){
          
          if(chk){
            my_href = "javascript:create_menu_elements(" + sub_menu_ele[i].get_element_id() + ",2,1);";
          }else{
            my_href = "javascript:sub_menu_clicked(" + sub_menu_ele[i].get_element_menu_id() + "," + sub_menu_ele[i].get_element_id() + ");";
          }          
          
          my_tag_start = "<a href='" + my_href + "' id='ele_link_" + sub_menu_ele[i].get_element_id() + "' ";
          my_mouse_over = "onMouseOver='color_menu(" + sub_menu_ele[i].get_element_id() + ",1);' ";
          my_mouse_out = "onMouseOut='color_menu(" + sub_menu_ele[i].get_element_id() + ",0);' ";
          my_mouse_up = "onMouseUp='color_menu(" + sub_menu_ele[i].get_element_id() + ",2);' >";
          my_txt = sub_menu_ele[i].get_element_txt();
          my_tag_end = "</a>";
                
          my_div_2.innerHTML = my_tag_start + my_mouse_over + my_mouse_out + my_mouse_up + my_txt + my_tag_end;
        
        } 
                  
                
        
                
        
        my_div_1.appendChild(my_div_2);
          
        if(ebene==1){
                    
          my_div_eben_1.appendChild(my_div_1);       
          document.getElementById("container_navi").appendChild(my_div_eben_1);
                    
        }else{
          my_div_eben_2.appendChild(my_div_1);       
          document.getElementById("container_navi").appendChild(my_div_eben_2);
        }                   
      }         
    }
    // ***************************************************
    // target
    // ***************************************************    
    function sub_menu_clicked(nr,id){
      document.location.href = "index.php?id=" + id + "&content=" + nr + "&lng=" + language;
    }
    // ***************************************************
    // open menu
    // ***************************************************
    function open_menu(id){
      var i = 0;
      var j = 0;
      var crt_e_1 = false;
      //var parentID = 0;
            
      for( i = 0; i < ar_obj_menu.length; i++ ){
        if(ar_obj_menu[i].get_element_id() == id){
          if(ar_obj_menu[i].get_element_parent_id() < 5){
            clicked_root_element = ar_obj_menu[i].get_element_parent_id();
            open_root_box() 
            create_menu_elements(ar_obj_menu[i].get_element_parent_id(),1,0);  
            ar_obj_menu[i].set_highlight(); 
            ar_obj_menu[i].set_status(1);         
          }else{
            for( j = 0; j < ar_obj_menu.length; j++ ){
              if(ar_obj_menu[j].get_element_id() == ar_obj_menu[i].get_element_parent_id()){
                clicked_root_element = ar_obj_menu[j].get_element_parent_id();
                open_root_box() 
                create_menu_elements(ar_obj_menu[j].get_element_parent_id(),1,0);
                create_menu_elements(ar_obj_menu[i].get_element_parent_id(),2,0);
                ar_obj_menu[j].set_highlight();
                ar_obj_menu[j].set_status(1);
                ar_obj_menu[i].set_highlight();
                ar_obj_menu[i].set_status(1);
              }
            }       
          }        
        }         
      }
    }
    // ***************************************************
    // 
    // ***************************************************
    function color_menu(id,state){
                 
      /* 
      state 0: MouseOut
      state 1: MouseOver
      state 2: MouseUp
          
      */
      
      if(state==0){
        
        for( i = 0; i < ar_obj_menu.length; i++ ){
          if(ar_obj_menu[i].get_element_id() == id){
            if(ar_obj_menu[i].get_status() == 0){
              ar_obj_menu[i].set_unhighlight();
            }
          }
        }
      }else if(state==1){
        for( i = 0; i < ar_obj_menu.length; i++ ){
          if(ar_obj_menu[i].get_element_id() == id){
              ar_obj_menu[i].set_highlight();
          }
        }
      }else if(state==2){
        
        for( i = 0; i < ar_obj_menu.length; i++ ){
            
          if(ar_obj_menu[i].get_element_id() == id){
              document.getElementById("container_link_" + id).style.background = "#FFFFFF";            
              ar_obj_menu[i].set_status(1);
              document.getElementById("ele_link_" + id).style.color = "#000000";   
          }else{
            if(document.getElementById("container_link_" + ar_obj_menu[i].get_element_id()) != null){
              
              if(brw.ns5 || brw.ns4){
                document.getElementById("container_link_" + ar_obj_menu[i].get_element_id()).style.opacity = 1.00;
              }
              if(brw.ie8 || brw.ie7 || brw.ie6 || brw.ie5 || brw.ie4){
                document.getElementById("container_link_" + ar_obj_menu[i].get_element_id()).style.filter='alpha(opacity=100)';
              } 
                           
              document.getElementById("container_link_" + ar_obj_menu[i].get_element_id()).style.background = "#000000";   
              document.getElementById("ele_link_" + ar_obj_menu[i].get_element_id()).style.color = "#FFFFFF";
            }
            ar_obj_menu[i].set_status(0);
          
          }         
        }
      }
    }
    // ***************************************************
    // 
    // ***************************************************
    function color_page_menu(i,j,state){
      
      if(state==0){
        document.getElementById("page_nav_" + i + "_" + j).style.background = "#FFFFFF";
      }else if(state==1){
        document.getElementById("page_nav_" + i + "_" + j).style.background = "#000000";
      }
    
    }
    // ***************************************************
    // 
    // ***************************************************
    function color_root_menu(nr,status){
      if(status==0){
        if(clicked_root_element != nr){
          
          if(brw.ns5 || brw.ns4){
            document.getElementById("menu_" + nr).style.opacity = 1.00;
          }
          if(brw.ie8 || brw.ie7 || brw.ie6 || brw.ie5 || brw.ie4){
            document.getElementById("menu_" + nr).style.filter='alpha(opacity=100)';
          } 
          
          document.getElementById("menu_" + nr).style.background = "#000000";
          document.getElementById("menu_link_" + nr).style.color = "#FFFFFF";
        }        
      }else if(status==1){
        
        if(brw.ns5 || brw.ns4){
          document.getElementById("menu_" + nr).style.opacity = 0.60;
        }
        if(brw.ie8 || brw.ie7 || brw.ie6 || brw.ie5 || brw.ie4){
          document.getElementById("menu_" + nr).style.filter='alpha(opacity=60)';
        } 
        
        document.getElementById("menu_" + nr).style.background = "#FFFFFF";
        document.getElementById("menu_link_" + nr).style.color = "#000000";
      }  
    }
    
    //***************************************
    //  *************************************
    //***************************************