var imgButtonsUp = new Array();
            var imgButtonsHot = new Array();
            var imgButtonsDown = new Array();
            
            var ActiveButtonID = '';
            
function SetActiveButton(ActiveButton)
{
    ActiveButtonID = ActiveButton;
}

function MakeBar(MakeBar_width)
{
s='<DIV ALIGN=CENTER>';
s+='<IMG SRC=\"bar_01.gif\">';
for (MakeBar_i=0; MakeBar_i<MakeBar_width; MakeBar_i++)
{
    s+='<IMG SRC=\"bar_02.gif\">';
}
s+='<IMG SRC=\"bar_03.gif\">';
return s;
}

function MakeFooter()
{
s='<DIV ALIGN=CENTER>';
s+='<A HREF=\"#\">Top</A>';
s+='&nbsp;|&nbsp;';
s+='<A HREF=\"index.html\">Home</A>';
s+='&nbsp;|&nbsp;';
s+='<A HREF=\"mailto:vgpeet@aol.com\">email</A>';
s+='&nbsp;|&nbsp;';
s+='<A HREF=\"links.html\">links</A>';
s+='</DIV>';
s+='<DIV ALIGN=RIGHT STYLE=\"font-size: 60%\">';
s+='Website design &copy; <A HREF="mailto:grigri@freelance-coder.co.uk">JP Mortiboys</A>, 2003';
s+='</DIV>';
return s;
}
            
            function LoadButtonImages(sPath, w, h)
            {
                if (w && h)
                {
                    imgButtonsUp[sPath] = new Image(w,h);
                    imgButtonsHot[sPath] = new Image(w,h);
                    imgButtonsDown[sPath] = new Image(w,h);
                }
                else
                {
                    imgButtonsUp[sPath] = new Image();
                    imgButtonsHot[sPath] = new Image();
                    imgButtonsDown[sPath] = new Image();
                }
                imgButtonsUp[sPath].src = "gfx/Button" + sPath + "_Normal.gif";
                imgButtonsHot[sPath].src = "gfx/Button" + sPath + "_Hilight.gif";
                imgButtonsDown[sPath].src = "gfx/Button" + sPath + "_Pressed.gif";
            }
            
            function SetButtonState(ButtonID, State)
            {
                if (State=="Up")
                {
                    document.images["Button" + ButtonID].src = imgButtonsUp[ButtonID].src;
                }
                if (State=="Hot")
                {
                    document.images["Button" + ButtonID].src = imgButtonsHot[ButtonID].src;
                }
                if (State=="Down")
                {
                    document.images["Button" + ButtonID].src = imgButtonsDown[ButtonID].src;
                }
            }

            //function MakeButton(ButtonID, LinkPath, LinkTarget, InitState, Disabled, Status)
            function MakeButton(ButtonID, LinkPath, LinkTarget, Status, Disabled)
            {
                s="";
                if (ButtonID == ActiveButtonID)
                    Disabled = true;
                if (!Disabled)
                {
                    s+="<A HREF=\"" + LinkPath + "\"";
                    if (LinkTarget)
                        s+=" TARGET=\"" + LinkTarget + "\"";
                    s+="   onmouseover=\"SetButtonState(\'" + ButtonID + "\', \'Hot\')";
                    if (Status)
                        s+="; window.status=\'" + Status + "\'; return true;";
                    s+="\"";
                    s+="   onmouseout =\"SetButtonState(\'" + ButtonID + "\', \'Up\')\"";
                    s+="   onmousedown=\"SetButtonState(\'" + ButtonID + "\', \'Down\')\"";
                    s+="   onmouseup  =\"SetButtonState(\'" + ButtonID + "\', \'Hot\')\"";
                    s+=">";
                    InitState = "Up";
                }
                else
                {
                    InitState = "Down";
                }
                
                s+=" <IMG ID=Button" + ButtonID + " NAME=Button" + ButtonID;
                s+="      SRC=\"" + eval("imgButtons" + InitState + "[ButtonID].src") + "\"";
                s+="      WIDTH=" + eval("imgButtons" + InitState + "[ButtonID].width");
                s+="      HEIGHT=" + eval("imgButtons" + InitState + "[ButtonID].height");
                s+="      BORDER=0";
                s+=">";
                
                if (!Disabled)
                {
                    s+="</A>";
                }
                return s;
            }
            
            function MakeMenu(MakeMenu_ActiveButtonID)
            {
                if (MakeMenu_ActiveButtonID)
                    SetActiveButton(MakeMenu_ActiveButtonID);
                    
                sMakeMenu = "";
                sMakeMenu += ("\n<table border=0 cellpadding=0 cellspacing=0>");
                sMakeMenu += ("\n    <col width=200>");
                sMakeMenu += ("\n    <tr><td>");
                sMakeMenu += ("\n    <table border=0 cellpadding=0 cellspacing=0>");
                sMakeMenu += ("\n        <tr>");
                sMakeMenu += ("\n            <td colspan=2 rowspan=2>" + MakeButton("Home","index.html","","Home Page") + "</td>");
                sMakeMenu += ("\n            <td>" + MakeButton("Mail","mailto:vgpeet@aol.com") + "</td>");
                sMakeMenu += ("\n            <td><img src=\"gfx/TopChunk1.gif\" width=122 height=24></td>");
                sMakeMenu += ("\n        </tr>");
                sMakeMenu += ("\n        <tr>");
                sMakeMenu += ("\n            <td colspan=2><img src=\"gfx/TopChunk2.gif\" width=146 height=30></td>");
                sMakeMenu += ("\n        </tr>");
                sMakeMenu += ("\n        <tr>");
                sMakeMenu += ("\n            <td colspan=4>" + MakeButton("Links","links.html","","Links") + "<img src=\"gfx/TopChunk3.gif\" width=176 height=24></td>");
                sMakeMenu += ("\n        </tr>");
                sMakeMenu += ("\n        <tr>");
                sMakeMenu += ("\n            <td colspan=4><img src=\"gfx/TopChunk4.gif\" width=200 height=86></td>");
                sMakeMenu += ("\n        </tr>");
                sMakeMenu += ("\n    </table>");
                sMakeMenu += ("\n    </td></tr>");
                sMakeMenu += ("\n<tr><td>" + MakeButton(1,"gites.html"         ,"","Gîtes Descriptions") + "</td></tr>");
                sMakeMenu += ("\n<tr><td>" + MakeButton(2,"gite_farmhouse.html","","The Farmhouse") + "</td></tr>");
                sMakeMenu += ("\n<tr><td>" + MakeButton(3,"gite_petit.html"    ,"","Le Petit Gîte") + "</td></tr>");
                sMakeMenu += ("\n<tr><td>" + MakeButton(4,"gite_lavande.html"   ,"","Le Lavande") + "</td></tr>");
                sMakeMenu += ("\n<tr><td><img src=\"gfx/MenuSpacer.gif\" width=200 height=24></td></tr>");
                sMakeMenu += ("\n<tr><td>" + MakeButton(5,"area.html"          ,"","Information about the local area") + "</td></tr>");
                sMakeMenu += ("\n<tr><td>" + MakeButton(6,"specifics.html"     ,"","Specific holiday/booking information") + "</td></tr>");
                sMakeMenu += ("\n<tr><td>" + MakeButton(7,"pricing.html"       ,"","Pricing") + "</td></tr>");
                sMakeMenu += ("\n<tr><td>" + MakeButton(8,"terms.html"         ,"_blank","Terms and Conditions document") + "</td></tr>");
                sMakeMenu += ("\n<tr><td>" + MakeButton(9,"bookingform.html"   ,"_blank","Booking Form document") + "</td></tr>");
                sMakeMenu += ("\n<tr><td><img src=\"gfx/BottomBit.gif\" width=200 height=60></td></tr>");
                sMakeMenu += ("\n</table>");
                
                //alert(sMakeMenu);
                document.write(sMakeMenu);

            }
            
            LoadButtonImages("Home",54,54);
            LoadButtonImages("Mail",24,24);
            LoadButtonImages("Links",24,24);

            LoadButtonImages(1,200,55);
            LoadButtonImages(2,200,37);
            LoadButtonImages(3,200,36);
            LoadButtonImages(4,200,40);
            LoadButtonImages(5,200,56);
            LoadButtonImages(6,200,56);
            LoadButtonImages(7,200,36);
            LoadButtonImages(8,200,38);
            LoadButtonImages(9,200,38);