<!--
//---------------------------------------------------------------------
// 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="sidemenu.js"></script>
//
//
// Created by Agama Web Buttons
//----------------------------------------------------------------------

imgsrc=new Array();
imgsrc[1]="graphics/vertmenu/a_menubutton1.gif";
imgsrc[2]="graphics/vertmenu/p_menubutton1.gif";
imgsrc[3]="graphics/vertmenu/a_menubutton2.gif";
imgsrc[4]="graphics/vertmenu/p_menubutton2.gif";
imgsrc[5]="graphics/vertmenu/a_menubutton3.gif";
imgsrc[6]="graphics/vertmenu/p_menubutton3.gif";
imgsrc[7]="graphics/vertmenu/a_menubutton4.gif";
imgsrc[8]="graphics/vertmenu/p_menubutton4.gif";
imgsrc[9]="graphics/vertmenu/a_menubutton5.gif";
imgsrc[10]="graphics/vertmenu/p_menubutton5.gif";
imgsrc[11]="graphics/vertmenu/a_menubutton6.gif";
imgsrc[12]="graphics/vertmenu/p_menubutton6.gif";
imgsrc[13]="graphics/vertmenu/a_menubutton7.gif";
imgsrc[14]="graphics/vertmenu/p_menubutton7.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.writeln('<DIV>');
document.writeln('  <TABLE border="0" Cellpadding="0" Cellspacing="0" align="left" >');
document.writeln('    <TR><TD align="Left" height="0"><A ID="" HREF="Lunch.htm"  TARGET="_self"  ONMOUSEOVER="change('+qt+'1'+qt+','+qt+'m1'+qt+')" ONMOUSEOUT= "change('+qt+'2'+qt+','+qt+'m1'+qt+')" name="m1"><IMG NAME="m1" SRC="graphics/vertmenu/p_menubutton1.gif" BORDER="0" vspace="0" hspace="0"></A></TD></TR>');
document.writeln('    <TR><TD height="0"></TD></TR>');
document.writeln('    <TR><TD align="Left" height="0"><A ID="" HREF="Dinner.htm"  TARGET="_self"  ONMOUSEOVER="change('+qt+'3'+qt+','+qt+'m2'+qt+')" ONMOUSEOUT= "change('+qt+'4'+qt+','+qt+'m2'+qt+')" name="m2"><IMG NAME="m2" SRC="graphics/vertmenu/p_menubutton2.gif" BORDER="0" vspace="0" hspace="0"></A></TD></TR>');
document.writeln('    <TR><TD height="0"></TD></TR>');
document.writeln('    <TR><TD align="Left" height="0"><A ID="" HREF="Winelist.htm"  TARGET="_self"  ONMOUSEOVER="change('+qt+'5'+qt+','+qt+'m3'+qt+')" ONMOUSEOUT= "change('+qt+'6'+qt+','+qt+'m3'+qt+')" name="m3"><IMG NAME="m3" SRC="graphics/vertmenu/p_menubutton3.gif" BORDER="0" vspace="0" hspace="0"></A></TD></TR>');
document.writeln('    <TR><TD height="0"></TD></TR>');
document.writeln('    <TR><TD align="Left" height="0"><A ID="" HREF="Martinis.htm"  TARGET="_self"  ONMOUSEOVER="change('+qt+'7'+qt+','+qt+'m4'+qt+')" ONMOUSEOUT= "change('+qt+'8'+qt+','+qt+'m4'+qt+')" name="m4"><IMG NAME="m4" SRC="graphics/vertmenu/p_menubutton4.gif" BORDER="0" vspace="0" hspace="0"></A></TD></TR>');
document.writeln('    <TR><TD height="0"></TD></TR>');
document.writeln('    <TR><TD align="Left" height="0"><A ID="" HREF="Desserts.htm"  TARGET="_self"  ONMOUSEOVER="change('+qt+'9'+qt+','+qt+'m5'+qt+')" ONMOUSEOUT= "change('+qt+'10'+qt+','+qt+'m5'+qt+')" name="m5"><IMG NAME="m5" SRC="graphics/vertmenu/p_menubutton5.gif" BORDER="0" vspace="0" hspace="0"></A></TD></TR>');
document.writeln('    <TR><TD height="0"></TD></TR>');
document.writeln('    <TR><TD align="Left" height="0"><A ID="" HREF="WinesPorts.htm"  TARGET="_self"  ONMOUSEOVER="change('+qt+'11'+qt+','+qt+'m6'+qt+')" ONMOUSEOUT= "change('+qt+'12'+qt+','+qt+'m6'+qt+')" name="m6"><IMG NAME="m6" SRC="graphics/vertmenu/p_menubutton6.gif" BORDER="0" vspace="0" hspace="0"></A></TD></TR>');
document.writeln('    <TR><TD height="0"></TD></TR>');
document.writeln('    <TR><TD align="Left" height="0"><A ID="" HREF="Dishes.htm"  TARGET="_self"  ONMOUSEOVER="change('+qt+'13'+qt+','+qt+'m7'+qt+')" ONMOUSEOUT= "change('+qt+'14'+qt+','+qt+'m7'+qt+')" name="m7"><IMG NAME="m7" SRC="graphics/vertmenu/p_menubutton7.gif" BORDER="0" vspace="0" hspace="0"></A></TD></TR>');
document.writeln('    <TR><TD height="0"></TD></TR>');
document.writeln('  </TABLE>');
document.writeln('</DIV>');
//-->
