<!--
//---------------------------------------------------------------------
// Vertical menu 
// 
// How to use this file:
// Please add next line to your existing web project. Place the line 
// in the HTML code at position where you want to have the buttons menu.
//
// <script language="Javascript" src="filename.js"></script>
//
//----------------------------------------------------------------------

imgsrc=new Array();
imgsrc[1]="images/a_menu_grau21.gif";
imgsrc[2]="images/p_menu_grau21.gif";
imgsrc[3]="images/a_menu_grau22.gif";
imgsrc[4]="images/p_menu_grau22.gif";
imgsrc[5]="images/a_menu_grau23.gif";
imgsrc[6]="images/p_menu_grau23.gif";
imgsrc[7]="images/a_menu_grau24.gif";
imgsrc[8]="images/p_menu_grau24.gif";
imgsrc[9]="images/a_menu_grau25.gif";
imgsrc[10]="images/p_menu_grau25.gif";
imgsrc[11]="images/a_menu_grau26.gif";
imgsrc[12]="images/p_menu_grau26.gif";
imgsrc[13]="images/a_menu_grau27.gif";
imgsrc[14]="images/p_menu_grau27.gif";
imgsrc[15]="images/a_menu_grau28.gif";
imgsrc[16]="images/p_menu_grau28.gif";


img =new Array();
for (i=0; i< imgsrc.length; i++) {
  img[i]=new Image();
  img[i].src=imgsrc[i];
}
function change(number, picture) {
  {
    document[picture].src=img[number].src;
  }
}

qt="'";
document.write('<img src="images/p_menuheader11_r.gif" border="0" alt="MenuHeader1">');
document.write('<A ID="" HREF="index.html"  TARGET="_self"  ONMOUSEOVER="change('+qt+'1'+qt+','+qt+'m1'+qt+')" ONMOUSEOUT= "change('+qt+'2'+qt+','+qt+'m1'+qt+')" name="m1"><IMG NAME="m1" SRC="images/p_menu_grau21.gif" BORDER="0" vspace="0" hspace="0"></A>');
document.write('<A ID="" HREF="historie.html"  TARGET="_self"  ONMOUSEOVER="change('+qt+'3'+qt+','+qt+'m2'+qt+')" ONMOUSEOUT= "change('+qt+'4'+qt+','+qt+'m2'+qt+')" name="m2"><IMG NAME="m2" SRC="images/p_menu_grau22.gif" BORDER="0" vspace="0" hspace="0"></A>');
document.write('<A ID="" HREF="kontakt.html"  TARGET="_self"  ONMOUSEOVER="change('+qt+'5'+qt+','+qt+'m3'+qt+')" ONMOUSEOUT= "change('+qt+'6'+qt+','+qt+'m3'+qt+')" name="m3"><IMG NAME="m3" SRC="images/p_menu_grau23.gif" BORDER="0" vspace="0" hspace="0"></A>');
document.write('<A ID="" HREF="referenz.html"  TARGET="_self"  ONMOUSEOVER="change('+qt+'13'+qt+','+qt+'m7'+qt+')" ONMOUSEOUT= "change('+qt+'14'+qt+','+qt+'m7'+qt+')" name="m7"><IMG NAME="m7" SRC="images/p_menu_grau27.gif" BORDER="0" vspace="0" hspace="0"></A>');
document.writeln('<A ID="" HREF="partner.html"  TARGET="_self"  ONMOUSEOVER="change('+qt+'15'+qt+','+qt+'m8'+qt+')" ONMOUSEOUT= "change('+qt+'16'+qt+','+qt+'m8'+qt+')" name="m8"><IMG NAME="m8" SRC="images/p_menu_grau28.gif" BORDER="0" vspace="0" hspace="0"></A>');
document.writeln('<p class="MenuTitel"></p>');
document.write('<p><img src="images/p_menuheader12_r.gif" border="0" alt="MenuHeader2"></p>');
document.writeln('<A ID="" HREF="prosteps.html"  TARGET="_self"  ONMOUSEOVER="change('+qt+'7'+qt+','+qt+'m4'+qt+')" ONMOUSEOUT= "change('+qt+'8'+qt+','+qt+'m4'+qt+')" name="m4"><IMG NAME="m4" SRC="images/p_menu_grau24.gif" BORDER="0" vspace="0" hspace="0"></A>');
document.writeln('<p class="MenuTitel"></p>');
document.write('<p><img src="images/p_menuheader13_r.gif" border="0" alt="MenuHeader3"></p>');
document.write('<A ID="" HREF="forum.php"  TARGET="_self"  ONMOUSEOVER="change('+qt+'9'+qt+','+qt+'m5'+qt+')" ONMOUSEOUT= "change('+qt+'10'+qt+','+qt+'m5'+qt+')" name="m5"><IMG NAME="m5" SRC="images/p_menu_grau25.gif" BORDER="0" vspace="0" hspace="0"></A>');
document.writeln('<A ID="" HREF="kontakt.html"  TARGET="_self"  ONMOUSEOVER="change('+qt+'11'+qt+','+qt+'m6'+qt+')" ONMOUSEOUT= "change('+qt+'12'+qt+','+qt+'m6'+qt+')" name="m3"><IMG NAME="m6" SRC="images/p_menu_grau26.gif" BORDER="0" vspace="0" hspace="0"></A>');
document.writeln('<p class="MenuTitel"></p>');
//-->

