﻿   var freezeMenu = new Object();
   var freezeItem = new Object();
   var mainmenu = new Array();

   function isNav() {
    if( navigator.appName == "Netscape" )
     return true;
    else
     return false;
   }

   function isIE() {
    if( isNav() )
     return false;
    else
     return true;
   }

   function getObject( id ) {
    if( document.layers )
     return document.layers[id];
    else if ( document.all && !document.getElementById )
     return document.all[id];
    else
     return document.getElementById(id);
   }

   function init() {
    var menu1 = new Array();
    var menu2 = new Array();
    var menu3 = new Array();
    var menu4 = new Array();
    var menu5 = new Array();

    menu1[0] = new Object();
    menu1[0].id = "aktuell";
    menu1[0].titel ="Home";
    menu1[0].link = "index.html";
    menu1[0].image_on = "images/gfx/1pix.gif";
    menu1[0].image_off = "images/gfx/1pix.gif";

//    menu1[1] = new Object();
//    menu1[1].id = "jobs";
//    menu1[1].titel = "Jobs";
//    menu1[1].link = "jobs.html";
//    menu1[1].image_on = "images/jobs_on.gif";
//    menu1[1].image_off = "images/jobs_off.gif";

    menu2[0] = new Object();
    menu2[0].id = "osteo";
    menu2[0].titel = "Ostepathie";
    menu2[0].image_on = "images/gfx/osteo_on.gif";
    menu2[0].image_off = "images/gfx/osteo_on.gif";     
    menu2[0].left = 166;
   
    menu2[1] = new Object();
    menu2[1].id = "osteowas";
    menu2[1].titel ="Was ist Osteopathie?";
    menu2[1].link = "ostepathie.html";
    menu2[1].image_on = "images/gfx/osteo1_on.gif";
    menu2[1].image_off = "images/gfx/osteo1_off.gif";

    menu2[2] = new Object();
    menu2[2].id = "geschichte";
    menu2[2].titel ="Geschichte";
    menu2[2].link = "geschichte.html";
    menu2[2].image_on = "images/gfx/osteo2_on.gif";
    menu2[2].image_off = "images/gfx/osteo2_off.gif";

    menu2[3] = new Object();
    menu2[3].id = "behandlung";
    menu2[3].titel ="Die Behandlung";
    menu2[3].link = "behandlung.html";
    menu2[3].image_on = "images/gfx/osteo3_on.gif";
    menu2[3].image_off = "images/gfx/osteo3_off.gif";
	
	menu2[4] = new Object();
    menu2[4].id = "moeglichkeiten";
    menu2[4].titel ="Behandlungsmoeglichkeiten";
    menu2[4].link = "moeglichkeiten.html";
    menu2[4].image_on = "images/gfx/osteo4_on.gif";
    menu2[4].image_off = "images/gfx/osteo4_off.gif";

    menu3[0] = new Object();
    menu3[0].id = "praxis";
    menu3[0].titel = "Praxis";
    menu3[0].image_on = "images/gfx/praxis_on.gif";
    menu3[0].image_off = "images/gfx/praxis_on.gif";
    menu3[0].left = 290;

    menu3[1] = new Object();
    menu3[1].id = "diepraxis";
    menu3[1].titel ="Die Praxis";
    menu3[1].link = "praxis.html";
    menu3[1].image_on = "images/gfx/praxis1_on.gif";
    menu3[1].image_off = "images/gfx/praxis1_off.gif";

    menu3[2] = new Object();
    menu3[2].id = "team";
    menu3[2].titel ="Unser Team";
    menu3[2].link = "team.html";
    menu3[2].image_on = "images/gfx/praxis2_on.gif";
    menu3[2].image_off = "images/gfx/praxis2_off.gif";

    menu4[0] = new Object();
    menu4[0].id = "kontakt";
    menu4[0].titel = "Kontakt";
    menu4[0].image_on = "images/gfx/kontakt_on.gif";
    menu4[0].image_off = "images/gfx/kontakt_on.gif";
    menu4[0].left = 414;

    menu4[1] = new Object();
    menu4[1].id = "adresse";
    menu4[1].titel ="Adresse";
    menu4[1].link = "adresse.html";
    menu4[1].image_on = "images/gfx/kontakt1_on.gif";
    menu4[1].image_off = "images/gfx/kontakt1_off.gif";

    menu4[2] = new Object();
    menu4[2].id = "anmeldung";
    menu4[2].titel ="Anmeldung";
    menu4[2].link = "anmeldung.html";
    menu4[2].image_on = "images/gfx/kontakt2_on.gif";
    menu4[2].image_off = "images/gfx/kontakt2_off.gif";

    menu5[0] = new Object();
    menu5[0].id = "impblind";
    menu5[0].titel ="Impressum";
    menu5[0].link = "impressum.html";
    menu5[0].image_on = "images/gfx/1pix.gif";
    menu5[0].image_off = "images/gfx/1pix.gif";


    mainmenu[0] = new Object();
    mainmenu[0].id = "home";
    mainmenu[0].titel = "Home";
    mainmenu[0].submenu = menu1;
    mainmenu[0].image_on = "images/gfx/home_on.gif";
    mainmenu[0].image_off = "images/gfx/home_off.gif";
    mainmenu[0].left = 42;
    mainmenu[0].link = "index.html";

    mainmenu[1] = new Object();
    mainmenu[1].id = "osteo";
    mainmenu[1].titel = "";
    mainmenu[1].submenu = menu2;
    if (isIE())
    {	
	mainmenu[1].image_on = "images/gfx/osteo_on.gif";
    	mainmenu[1].image_off = "images/gfx/osteo_off.gif";
    }
    mainmenu[1].left = 166;

    mainmenu[2] = new Object();
    mainmenu[2].id = "praxis";
    mainmenu[2].titel = "";
    mainmenu[2].submenu = menu3;
    if (isIE())
    {	
    	mainmenu[2].image_on = "images/gfx/praxis_on.gif";
    	mainmenu[2].image_off = "images/gfx/praxis_off.gif";
    }
    mainmenu[2].left = 290;

    mainmenu[3] = new Object();
    mainmenu[3].id = "kontakt";
    mainmenu[3].titel = "";
    mainmenu[3].submenu = menu4;
    if (isIE())
    {	
	mainmenu[3].image_on = "images/gfx/kontakt_on.gif";
    	mainmenu[3].image_off = "images/gfx/kontakt_off.gif";
    }
    mainmenu[3].left = 414;

    mainmenu[4] = new Object();
    mainmenu[4].id = "impressum";
    mainmenu[4].titel = "Impressum";
    mainmenu[4].submenu = menu5;
    mainmenu[4].image_on = "images/gfx/impressum_on.gif";
    mainmenu[4].image_off = "images/gfx/impressum_off.gif";
    mainmenu[4].left = 538;
    mainmenu[4].link = "impressum.html";


    return mainmenu;
   }

   function changeMenuImage( imgname, newImage ) {
    if( imgname.substr( 5, imgname.length ) != freezeMenu.id && imgname.substr( 5, imgname.length )!= freezeItem ) {
          changeImage( imgname, newImage );
           }
   }

   function changeImage( imgname, newImage ) {
     var obj = eval( "document." + imgname );
     obj.src = newImage;
   }

   function buildMenu( menu, lang ) {
    document.writeln( "<span class='menubody'>" );
    for( i=0; i<menu.length; i++ )
      buildMenuItem( menu[i] );
      document.writeln( "</span>" );
   }

   function buildSubMenu( parent, menu ) {
    document.write( "<div class='menubody' id='menu" + parent + "'>" );
    for( j=0; j<menu.length; j++ ) {
      buildMenuItem( menu[j] );
    }
    document.write( "</div>" );
   }

   function buildMenuItem( item ) {
     if( item.submenu ) {
      document.write( "<div class='menubody' ");
      if( item.left ) {
       document.write( "style='left: " + item.left + "px; top:  117px; position: absolute'" );
      }
      document.write( "onMouseOver=\"menuOn( '" + item.id + "' )\" onmouseout=\"menuOff( '" + item.id + "' )\">" );
     }
     else
      document.write( "<div class='menubody'>" );
     if( item.link )
      document.write( "<a href='" + item.link + "'>" );
     document.write( "<img name=\"image" + item.id + "\" border=\"0\" alt=\"" + item.titel + "\" src=\"" + item.image_off + "\" onMouseOver=\"changeMenuImage( 'image" + item.id + "', '" + item.image_on + "' )\"" );
     document.write( " onMouseOut=\"changeMenuImage( 'image" + item.id + "', '" + item.image_off + "' )\">" );
     if( item.link )
      document.write( "</a>" );
     if( item.submenu ) {
      buildSubMenu( item.id, item.submenu );
      document.write( "</div>" );
     }
     else
      document.write( "</div>" );
    }

   function menuOn( id ) {
    var obj = getObject( "menu" + id );
    obj.style.visibility = "visible" ;
   }

   function menuOff( id ) {
    if( freezeMenu.id != id ) {
     var obj = getObject( "menu" + id );
     obj.style.visibility = "hidden" ;
    }
   }

  function setMenu( menu, item ) {
   freezeMenu = getMenuByName( mainmenu, menu );
   freezeItem = item;
   for( k=0; k<mainmenu.length; k++ ) {
    var mm = mainmenu[k];
    if( mm.submenu ) {
     var obj = getObject( "menu" + mm.id );
     if( mm.id == menu ) {
      var obj = eval( "document.image" + mm.id );
      obj.src = mm.image_on;
      var sm = getMenuByName( mm.submenu, item );
      var obj = eval( "document.image" + sm.id );
      obj.src = sm.image_on;
      menuOn( mm.id );
     }
     else
      menuOff( mm.id );
    }
   }
  }
   

  function getMenuByName( menu, name ) {
   for( var l=0;l<menu.length;l++ ) {
    var mm = menu[l];
    if( mm.id == name ) {
     return mm;
    }
//    if( mm.submenu ) {
//     return getMenuByName( mm.submenu, name );
//    }
   }
  }

  function showViewarea( page ) {
   var obj = getObject( "view" + page );
   obj.style.visibility = "visible";
  }

  function hideViewarea( page ) {
   var obj = getObject( "view" + page );
   obj.style.visibility = "hidden";
  }