// =======  set menu labels and css url class for 1024 or bigger screen
var menu1="Home";
var menu2="Riding & Driving";
var menu3="The Association";
var menu4="Find Us";
var menu5="The Area";
var menu6="Events";
var menu7="Accommodation";
var menu8="Join";
var menu9="Links";
var menu10="Contacts";
var aclass = "listing";
mainclass = "txt3";
widescreenbr = "<br>";
narrowscreenbr = "";
// ===== reset menu labels and css url class for less than 1024 screen
if (screen.width < 1024)
   {
    menu1="Home";
    menu2="Driving";
    menu3="Association";
    menu4="Find";
    menu5="Area";
    menu6="Events";
    menu7="B & B";
    menu8="Join";
    menu9="Links";
    menu10="Contacts";
    aclass = "listing2";
    mainclass = "txt640";
    widescreenbr    = "";
    narrowscreenbr  = "<br>";
   }
//===========================================
function TitleAndMenu()
{
document.write('<table  border="0" height="100%" width="94%" ');
document.write('bgcolor="#FFFFCC" cellspacing="0" cellpadding="3" >');
// === title row here
MainTitle();   
Menu();
// ==== start main text area - new row  ======
document.write('<tr>');
document.write('<td width="4%" ></td>');
document.write('<td colspan="3" >');
document.write('<span class="'+ mainclass + '">');  // mainclass set by screen width
}
//===========================================
function MainTitle()
{
document.write('<tr height="51">');

document.write('<td width="4%" ></td>');

document.write('<td width="8%" >');
document.write('<div align="center">');
document.write('<IMG SRC="images/LeftHorse.gif"  ');
document.write(' HEIGHT="51" WIDTH="100" BORDER=0>');
document.write('</div>');
document.write('</td>');

document.write('<td  width="70%" valign="top">'); 
document.write(widescreenbr);
document.write('<div align="center">');
document.write('<font face="arial,verdana" size="3">');
document.write('<strong><I><big>Dyfnant & Vyrnwy Horse Riding ');
document.write(narrowscreenbr);

document.write('& Carriage Driving Association</big></I></strong></font>');
document.write('</div>');
document.write('</td>');

document.write('<td width="8%" >');
document.write('<div align="center">');
document.write('<IMG SRC="images/rightHorse.gif"');
document.write(' HEIGHT="51" WIDTH="100" BORDER=0></div>');
document.write('</td>');

document.write('<td width="4%" ></td>');

document.write('</tr>');
}
//  ===============================================================
function Menu()
{
//  ----   start new row  ---------------------
document.write('<tr HEIGHT="15">');
document.write('<td COLSPAN="5" valign="top">');
document.write('<div align="center">');
//  === inner table for menu details  ========
document.write('<table border="0" width="70%" bgcolor="#FFFFCC">');
document.write('<tr height="2"><td colspan="19" bgcolor="green"></td></tr>');

document.write('<tr>');

document.write('<td><div align="center">');
document.write('<a href="index.htm"class="'+aclass+'">'+menu1+'</a>');
document.write('</div></td>');

document.write('<td width="3"><div align="center">|</div></td>');

document.write('<td><div align="center">');
document.write('<a href="RidingDriving.htm" class="'+aclass+'">'+menu2+'</a>');
document.write('</div></td>');

document.write('<td width="3"><div align="center">|</div></td>');

document.write('<td><div align="center">');
document.write('<a href="TheAssociation.htm" class="'+aclass+'">'+menu3+'</a>');

document.write(' </div></td>');

document.write('<td width="3"><div align="center">|</div></td>');

document.write('<td><div align="center">');
document.write('<a href="HowToFindUs.htm" class="'+aclass+'">'+menu4+'</a></td>');

document.write('<td width="3"><div align="center">|</div></td>');

document.write('<td><div align="center">');
document.write('<a href="WhatIsItLike.htm" class="'+aclass+'">'+menu5+'</a></div></td>');

document.write('<td width="3"><div align="center">|</div></td>');

document.write('<td><div align="center">');
document.write('<a href="http://e.dominohosting.biz/scentec/EventDiary.NSF/vrnwycalendarweb" target="vrnwyevents"class="'+aclass+'">'+menu6+'</a></div></td>');


document.write('<td width="3"><div align="center">|</div></td>');

document.write('<td><div align="center">');
document.write('<a href="Accommodation.htm"class="'+aclass+'">'+menu7+'</a></div></td>');

document.write('<td width="3"><div align="center">|</div></td>');

document.write('<td><div align="center">');
document.write('<a href="Join.htm" target="_new"class="'+aclass+'">'+menu8+'</a></div></td>');

document.write('<td width="3"><div align="center">|</div></td>');

document.write('<td><div align="center">');
document.write('<a href="Links.htm" class="'+aclass+'">'+menu9+'</a></div></td>');

document.write('<td width="3"><div align="center">|</div></td>');

document.write('<td><div align="center">');
document.write('<a href="ContactUs.htm" '); document.write(' class="'+aclass+'">'+menu10+'</a></div></td>');
document.write('</tr>');
document.write('<tr height="2"><td colspan="19" bgcolor="green"></td></tr>');
document.write('</table>');
//  ---- end of inner menu table  ---------------------

document.write('</div');
document.write('</td>');
document.write('</tr>');
//  ---- end of row  ---------------------
}
// ======================================================
function ClosePage()
{
document.write('</span>');
document.write('</td>');
document.write('<td width="2%"></td>');
document.write('</tr>');
// ==== close free text area of table

MainTitle(); 
Menu();
document.write('</table>');

}