// image toggling code
  //********************

  label_menu     	= new Array;
  label_menu_active  	= new Array;
  label    		= new Array;
  label_menu_width   	= new Array;
  label_width   	= new Array;
  label_menu_height  	= new Array;
  label_height  	= new Array;

  function registerImage(name, file_menu, file_menu_active, file, file_menu_width, file_menu_height, file_width, file_height)
  {
    label[name]       		= new Image();
    label_menu[name]       	= new Image();
    label_menu_active[name]    	= new Image();
    label[name].src   		= "../images/"+file;
    label_menu[name].src   	= "../images/"+file_menu;
    label_menu_active[name].src	= "../images/"+file_menu_active;

    label_width[name]     	= file_width;
    label_menu_width[name]    	= file_menu_width;
    label_height[name]    	= file_height;
    label_menu_height[name]    	= file_menu_height;
  }

	// Menu-Bild = Text-Bild
  function registerImage_short(name, file, file_active, file_width, file_height)
  {
    registerImage(name, 
	file, file_active, file, 
	file_width, file_height, file_width, file_height); 
  }

	// Nur Text-Bild
  function registerImage_text(name, file, file_width, file_height)
  {
    registerImage(name, 
	file, file, file, 
	file_width, file_height, file_width, file_height); 
  }

  function imgPreload()
  {
    registerImage_short("faq",         	"faq.gif", "faq_menu_active.gif", 43, 25);
    registerImage_short("forum",       	"forum.gif", "forum_menu_active.gif",  65, 25);
    registerImage_short("about",       	"uns.gif", "uns_menu_active.gif",  99, 25);
    registerImage_short("pruef",       	"prufung.gif", "prufung_menu_active.gif", 83, 25);
   // registerImage_short("links",       	"hg.gif", "links_high.gif", 43, 25);
   // registerImage_short("begriffe",    	"hg.gif", "begriffe_high.gif", 43, 25);
    registerImage_short("bilder",      	"bilder.gif", "bilder_menu_active.gif", 57, 25);
    registerImage_short("termine",    	"termine.gif", "termine_menu_active.gif", 82, 25);
    registerImage_short("dojangs",     	"dojangs.gif", "dojangs_menu_active.gif", 70, 25);

    registerImage("oberhaching", 	"oberhaching_menu.gif", "oberhaching_menu_active.gif", "dojang_oberhaching.gif", 123, 25, 193, 25);
    registerImage("buedesheim",  	"buedesheim_menu.gif", "buedesheim_menu_active.gif", "dojang_buedesheim.gif", 102, 25, 173, 25);
    registerImage("badvilbel",   	"badvilbel_menu.gif", "badvilbel_menu_active.gif", "dojang_badvilbel.gif", 99, 25, 172, 25);

    registerImage("training",    	"training_menu2.gif", "training_menu2_active.gif", "training.gif", 79, 22, 79, 25);
    registerImage("kontakt",    	"kontakt_menu2.gif", "kontakt_menu2_active.gif", "kontakt.gif", 72, 22, 80, 25);

    // registerImage("archiv",    		"archiv_menu2.gif", "archiv_menu2_active.gif", "archiv.gif", 75, 22, 82, 25);
    registerImage("uns",    		"uns_menu2.gif", "uns_menu2_active.gif", "uns.gif", 86, 22, 94, 25);
    registerImage("action",    		"action_menu2.gif", "action_menu2_active.gif", "action.gif", 58, 24, 64, 25);
    registerImage("demo",    		"vorfuhrungen_menu2.gif", "vorfuhrungen_menu2_active.gif", "vorfuhrungen.gif", 110, 24, 138, 25); // 127=>110
    registerImage("pruefung",    	"prufungen_menu2.gif", "prufungen_menu2_active.gif", "prufungen.gif", 95, 24, 103, 25);
    registerImage("lehrgang",    	"lehrgange_menu2.gif", "lehrgange_menu2_active.gif", "lehrgange.gif", 93, 24, 100, 25);
    registerImage("amrum",    		"sommercamp_menu2.gif", "sommercamp_menu2_active.gif", "sommercamp.gif", 110, 24, 130, 25); // 118=>110

    registerImage("pruefkinder",    	"kinder_menu2.gif", "kinder_menu2_active.gif", "kinder.gif", 59, 24, 65, 25);
    registerImage("prueferwach",    	"erwachsene_menu2.gif", "erwachsene_menu2_active.gif", "erwachsene.gif", 105, 24, 114, 25);
    registerImage("pruefhyong",    	"hyong_menu2.gif", "hyong_menu2_active.gif", "hyong.gif", 57, 24, 62, 25);

  }

  function imgOn(image)
  {
    document.images[image].src = label_menu_active[image].src;
  }

  function imgOff(image)
  {
    document.images[image].src = label_menu[image].src;
  }

  function toggledHRef(linkUrl, imageName)
  { 
    document.write('<a href= "'+linkUrl+'" '+
                   'onMouseOver="imgOn(\''+imageName+'\')" '+
                   'onMouseOut="imgOff(\''+imageName+'\')">');
    document.write('<img name= "'+imageName+'" '+
                   'src="'+label_menu[imageName].src+'" '+
                   'width="'+label_menu_width[imageName]+'" '+
                   'height="'+label_menu_height[imageName]+'" '+
                   'border="0" alt="" align=top>');
    document.write('</a>');
  }

  function highlighted(imageName)
  { 
    document.write('<img '+
                   'src="'+label_menu_active[imageName].src+'" '+
                   'width="'+label_menu_width[imageName]+'" '+
                   'height="'+label_menu_height[imageName]+'" '+
                   'border="0" alt="" align=top>');
  }

  function showHeader(imageName)
  { 
    document.write('<img '+
                   'src="'+label[imageName].src+'" '+
                   'width="'+label_width[imageName]+'" '+
                   'height="'+label_height[imageName]+'" '+
                   'border="0" alt="" align=top>');
  }

  function menuItem(linkUrl, imageName, selected)
  {
    if (selected==imageName)
    {
      highlighted(imageName);
    }
    else
    {
      toggledHRef(linkUrl, imageName);
    }
    document.write("<br>");
  }
 
  function subMenuItem(linkUrl, imageName, selected)
  {
    if (selected==imageName)
    {
      highlighted(imageName);
    }
    else
    {
      toggledHRef(linkUrl, imageName);
    }
    showSlashSmall(24);
    document.write("<br>");
  }

  function showMenu(m_main, m_sub)
  {
      menuItem("../main/about.html", "about", m_main);
      menuItem("../main/faq.html", "faq", m_main);
//      menuItem("../main/pprogramm.html", "pprogramm", m_main);
      //menuItem("../main/links.html", "links", m_main);
      //menuItem("../main/begriffe.html", "begriffe", m_main);
      menuItem("../main/forum.html", "forum", m_main);
      menuItem("../bilder/index.html", "bilder", m_main+m_sub);
      if (m_main=="bilder")
      {
        subMenuItem("../bilder/action.html", "action", m_sub); 
        subMenuItem("../bilder/demo.html", "demo", m_sub); 
        subMenuItem("../bilder/pruefung.html", "pruefung", m_sub); 
        subMenuItem("../bilder/lehrgang.html", "lehrgang", m_sub); 
        subMenuItem("../bilder/training.html", "training", m_sub); 
        subMenuItem("../bilder/amrum.html", "amrum", m_sub); 
   //     subMenuItem("../bilder/feste.html", "feste", m_sub); 
      }
      menuItem("../dj.oberhaching/termine.html", "termine", m_main); 
      menuItem("../pruefung/index.html", "pruef", m_main+m_sub);
      if (m_main=="pruef")
      {
        subMenuItem("../pruefung/pruefkinder.html", "pruefkinder", m_sub); 
        subMenuItem("../pruefung/prueferwach.html", "prueferwach", m_sub); 
        subMenuItem("../pruefung/pruefhyong.html", "pruefhyong", m_sub); 
      }
      document.write("<br>");
      menuItem("../dj/index.html", "dojangs", m_main);
      menuItem("../dj.buedesheim/index.html", "buedesheim", m_main+m_sub);
      if (m_main=="buedesheim")
      {
        subMenuItem("../dj.buedesheim/uns.html", "uns", m_sub); 
        subMenuItem("../dj.buedesheim/training.html", "training", m_sub); 
//        subMenuItem("../dj.buedesheim/termine.html", "termine", m_sub); 
        subMenuItem("../dj.buedesheim/kontakt.html", "kontakt", m_sub); 
      }
      menuItem("../dj.oberhaching/index.html", "oberhaching", m_main+m_sub);
      if (m_main=="oberhaching")
      {
        subMenuItem("../dj.oberhaching/uns.html", "uns", m_sub); 
        subMenuItem("../dj.oberhaching/training.html", "training", m_sub); 
        subMenuItem("../dj.oberhaching/kontakt.html", "kontakt", m_sub); 
      }
      menuItem("../dj.badvilbel/index.html", "badvilbel", m_main+m_sub);
      if (m_main=="badvilbel")
      {
        subMenuItem("../dj.badvilbel/uns.html", "uns", m_sub); 
        subMenuItem("../dj.badvilbel/training.html", "training", m_sub); 
//        subMenuItem("../dj.badvilbel/termine.html", "termine", m_sub); 
        subMenuItem("../dj.badvilbel/kontakt.html", "kontakt", m_sub); 
      }

      document.write('<div id="tipbar" style="color:gray; font-size:8pt; position:absolute; bottom:10px; left:10px; width:123px;">');
        document.write('<p>zuletzt geändert<br>'+document.lastModified+'<br>');
        document.write('<a href=../main/disclaimer.html><span style="color:black">Haftungsausschluss</span></a>');
      document.write('</div>');
      
  }

  function showSlash(height)
  {
    document.write('<img src="../images/rahmen_2.gif" width="40" height="'+height+'" border="0" alt="" align=top>');
  }

  function showSlashSmall(height)
  {
    document.write('<img src="../images/rahmen_3.gif" width="11" height="'+height+'" border="0" alt="" align=top>');
  }
 
  function showHeader2(name)
  {
    document.write('<img src="../images/rahmen_1.gif" width="199" height="22" border="0" alt="" align=top><br>');
    showSlash(26);
    showHeader(name);
  }

  function showFrame(name_main, name_sub)
  {
    document.write('<td width= 120 align= "right">');
    document.write('  <a href=../index.html><img src="../images/silent_logo_klein.gif" width="51" height="51" border="0" alt=""></a>');
    document.write('</td>');
    document.write('<td valign= "top" colspan= 2>');
    document.write('  <img src="../images/silentstream.gif" width="273" height="29" border="0" alt=""><br>');
    showHeader(name_main);
    document.write('</td>');
    document.write('</tr>');
    document.write('<tr>');
    document.write('<td width=123 align= "right" valign= "top">');
    showMenu(name_main, name_sub); 
    document.write('</td>');
    document.write('<td width= 10>&nbsp;');
    document.write('</td>');
  }
  
  function moveTip() {
    var o = document.getElementById("tipbar");
    o.style.left = (document.body.clientWidth / 2) - (o.offsetWidth / 2) + document.body.scrollLeft;
  }

document.write('<meta http-equiv="Page-Enter" content="BlendTrans(Duration=0.5,Transitions=2)">');
document.write('<meta http-equiv="Page-Exit" content="BlendTrans(Duration=0.5,Transition=2)">');