//////////////////////////////////////////////////////////////
//
// File: MainMenu.js
// Date: February 5, 2005
// Notes: Defines the browser variables and html layout
//        of the main menu system. 
//
// Dependencies: SlideOutMenus.js, DynamicNavigationButtons.js
//
//////////////////////////////////////////////////////////////


// global menu array
var menus = [ // id, direction, x pos, y pos, width, height, master 

  // top-level menus
  new slideOutMenu("menu0", "down", 0, 68, 140, 17*14),
  new slideOutMenu("menu1", "down", 140, 68, 140, 17*7), 
  new slideOutMenu("menu2", "down", 280, 68, 140, 17*6), 
  new slideOutMenu("menu3", "down", 420, 68, 140, 17*8), 
  new slideOutMenu("menu4", "down", 560, 68, 140, 17*7),

  // menu 0 sub menus
  new slideOutMenu("menu01", "right", 140, 68, 140, 17*12, "menu0"),
  new slideOutMenu("menu02", "right", 140, 85, 140, 17*7, "menu0"),
  new slideOutMenu("menu03", "right", 140, 102, 140, 17*6, "menu0"),
  new slideOutMenu("menu04", "right", 140, 119, 140, 17*2, "menu0"),
  new slideOutMenu("menu05", "right", 140, 136, 280, 17*5, "menu0"),  // cut out menu06
  new slideOutMenu("menu07", "right", 140, 153, 280, 17*0, "menu0"),  // not used
  new slideOutMenu("menu08", "right", 140, 170, 280, 17*0, "menu0"),  // not used
  new slideOutMenu("menu09", "right", 140, 187, 280, 17*8, "menu0"),
  new slideOutMenu("menu010", "right", 140, 204, 280, 17*3, "menu0"),
  new slideOutMenu("menu011", "right", 140, 221, 280, 17*6, "menu0"),
  new slideOutMenu("menu012", "right", 140, 238, 280, 17*7, "menu0"),
  new slideOutMenu("menu013", "right", 140, 255, 280, 17*0, "menu0"), // not used
  new slideOutMenu("menu014", "right", 140, 272, 280, 17*4, "menu0"),

  // menu 1 sub menus
  new slideOutMenu("menu11", "right", 280, 68, 140, 17*0, "menu1"),   // not used
  new slideOutMenu("menu12", "right", 280, 85, 140, 17*0, "menu1"),   // not used
  new slideOutMenu("menu13", "right", 280, 102, 140, 17*0, "menu1"),
  new slideOutMenu("menu14", "right", 280, 119, 140, 17*2, "menu1"),  // not used
  new slideOutMenu("menu15", "right", 280, 136, 140, 17*0, "menu1"),  // not used
  new slideOutMenu("menu16", "right", 280, 153, 140, 17*0, "menu1"),  // not used
  new slideOutMenu("menu17", "right", 280, 170, 140, 17*0, "menu1"),  // not used

  // menu 2 sub menus
  new slideOutMenu("menu21", "right", 420, 68, 140, 17*0, "menu2"),   // not used
  new slideOutMenu("menu22", "right", 420, 85, 140, 17*0, "menu2"),   // not used
  new slideOutMenu("menu23", "right", 420, 102, 140, 17*0, "menu2"),  // not used
  new slideOutMenu("menu24", "right", 420, 119, 140, 17*0, "menu2"),  // not used
  new slideOutMenu("menu24", "right", 420, 136, 140, 17*0, "menu2"),  // not used

  // menu 3 sub menus (none of these are active)
  new slideOutMenu("menu31", "right", 560, 68, 140, 17*0, "menu3"),   // not used
  new slideOutMenu("menu32", "right", 560, 85, 140, 17*0, "menu3"),   // not used
  new slideOutMenu("menu33", "right", 560, 102, 140, 17*0, "menu3"),  // not used
  new slideOutMenu("menu34", "right", 560, 68, 140, 17*0, "menu3"),   // not used
  new slideOutMenu("menu35", "right", 560, 85, 140, 17*0, "menu3"),   // not used
  new slideOutMenu("menu36", "right", 560, 102, 140, 17*0, "menu3"),  // not used
  new slideOutMenu("menu37", "right", 560, 68, 140, 17*0, "menu3"),   // not used
  new slideOutMenu("menu38", "right", 560, 85, 140, 17*0, "menu3"),   // not used

  // menu 4 sub menus (none of these are active)
  new slideOutMenu("menu41", "left", 420, 68, 140, 17*0, "menu4"),    // not used
  new slideOutMenu("menu42", "left", 420, 85, 140, 17*0, "menu4"),    // not used
  new slideOutMenu("menu43", "left", 420, 102, 140, 17*0, "menu4"),   // not used
  new slideOutMenu("menu44", "left", 420, 68, 140, 17*0, "menu4"),    // not used
  new slideOutMenu("menu45", "left", 420, 85, 140, 17*0, "menu4"),    // not used
  new slideOutMenu("menu46", "left", 420, 102, 140, 17*0, "menu4"),    // not used
  new slideOutMenu("menu47", "left", 420, 68, 140, 17*0, "menu4")    // not used

  ]

  // write the style sheet for the menu system
  document.write('<style type="text/css">' + slideOutMenu.styleMod + '</style>');
  for (var i = 0; i < menus.length; i++) {
    menus[i].onactivate = new Function("document.getElementById('act" + i + "').className='active';");
    menus[i].ondeactivate = new Function("document.getElementById('act" + i + "').className='';");
  }


// main class definition
function MainMenu(){}

// Function called in <body> to write out all the tables containing menu items
MainMenu.GenerateHTMLTables = function(){

document.write('\
\
<!-- BANNER GRAPHICS -->\
<table width="700" border="0" cellspacing="0" cellpadding="0" class="bgltgreen">\
 <map name="banner_links"> \
  <area shape="poly" coords="637,4,666,4,666,14,637,14,637,4" href="welcome.htm" alt="Home" target="_top">\
  <area shape="poly" coords="637,19,674,19,674,29,637,29,637,19" href="about_contact.htm" alt="Contact" target="_top">\
 </map>\
 <tr> \
  <td width="700" height="48"><img src="i/main_banner.gif" usemap="#banner_links" alt="London-Wul Fibre Arts" border="0"/></td>\
 </tr>\
</table>\
<!-- END OF BANNER GRAPHICS -->\
<!-- MAIN MENU TABLES -->\
<div style="visibility:hidden;" id="menu0Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu0Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu01\');" onMouseOut="slideOutMenu.hideMenu(\'menu01\');" id="menu01Actuator"><a href="#">yarns</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu02\');" onMouseOut="slideOutMenu.hideMenu(\'menu02\');" id="menu02Actuator"><a href="#">fibres</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu03\');" onMouseOut="slideOutMenu.hideMenu(\'menu03\');" id="menu03Actuator"><a href="#">spinning wheels</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu04\');" onMouseOut="slideOutMenu.hideMenu(\'menu04\');" id="menu04Actuator"><a href="products_carding_equipment.htm">carding equipment</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu05\');" onMouseOut="slideOutMenu.hideMenu(\'menu05\');" id="menu05Actuator"><a href="products_weaving_equipment.htm">weaving equipment</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu07\');" onMouseOut="slideOutMenu.hideMenu(\'menu07\');" id="menu07Actuator"><a href="products_felting.htm">felting</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu08\');" onMouseOut="slideOutMenu.hideMenu(\'menu08\');" id="menu08Actuator"><a href="products_rug_hooking.htm">rug hooking</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu09\');" onMouseOut="slideOutMenu.hideMenu(\'menu09\');" id="menu09Actuator"><a href="products_patterns.htm">patterns</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu010\');" onMouseOut="slideOutMenu.hideMenu(\'menu010\');" id="menu010Actuator"><a href="#">kits</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu011\');" onMouseOut="slideOutMenu.hideMenu(\'menu011\');" id="menu011Actuator"><a href="#">books and videos</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu012\');" onMouseOut="slideOutMenu.hideMenu(\'menu012\');" id="menu012Actuator"><a href="#">accessories</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu013\');" onMouseOut="slideOutMenu.hideMenu(\'menu013\');" id="menu013Actuator"><a href="products_kids_corner.htm">kids corner</a></div>\
     <div style="visibility:inherit;" class="menu0" onMouseOver="slideOutMenu.showMenu(\'menu014\');" onMouseOut="slideOutMenu.hideMenu(\'menu014\');" id="menu014Actuator"><a href="#">dyes</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu01Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu01Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu0"><a href="products_yarns_london_wool_farm.htm">london-wul</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="specialty_items_artisanal_yarns.htm">hand spun</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_yarns_hand_painted.htm">hand painted</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_yarns_commercial_yarns.htm">commercial yarns</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu02Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu02Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu0"><a href="products_fibers_london_wul_angora.htm">london-wul angora</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_fibers_wool.htm">wool</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_fibers_exotics.htm">exotics</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_fibers_mohair.htm">mohair</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_fibers_silks.htm">silks</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_fibers_vegetable_fibers.htm">vegetable fibres</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_fibers_synthetics_to_spin.htm">synthetics to spin</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu03Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu03Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu0"><a href="products_spinning_wheels_ashford_wheels.htm">ashford wheels</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_spinning_wheels_louet_wheels.htm">louet wheels</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_spinning_wheels_kromski_wheels.htm">kromski wheels</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_spinning_wheels_ashford_accessories.htm">ashford accessories</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_spinning_wheels_louet_accessories.htm">louet accessories</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_spinning_wheels_kromski_accessories.htm">kromski accessories</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu010Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu010Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu0"><a href="products_kits_london_wul_farm.htm">london-wul</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_kits_other_kits.htm">other kits</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu011Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu011Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu0"><a href="products_books_and_videos_knitting_books.htm">knitting books</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_books_and_videos_spinning_books.htm">spinning books</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_books_and_videos_weaving_books.htm">weaving books</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_books_and_videos_childrens_books.htm">children\'s books</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_books_and_videos_miscellaneous_books.htm">miscellaneous books</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_books_and_videos_miscellaneous_videos.htm">miscellaneous videos</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu012Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu012Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu0"><a href="products_accessories_knitting_needles_and_tools.htm">knitting needles and tools</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_accessories_buttons_and_embellishments.htm">buttons and embellishments</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_accessories_wool_wash.htm">wool wash</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu014Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu014Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu0"><a href="products_dyes_natural.htm">natural</a></div>\
     <div style="visibility:inherit;" class="menu0"><a href="products_dyes_synthetic.htm">synthetic</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu1Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu1Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu1" onMouseOver="slideOutMenu.showMenu(\'menu11\');" onMouseOut="slideOutMenu.hideMenu(\'menu11\');" id="menu11Actuator"><a href="blog.htm">heidi\'s studio blog</a></div>\
     <div style="visibility:inherit;" class="menu1" onMouseOver="slideOutMenu.showMenu(\'menu12\');" onMouseOut="slideOutMenu.hideMenu(\'menu12\');" id="menu12Actuator"><a href="whats_new_products.htm">new products</a></div>\
     <div style="visibility:inherit;" class="menu1" onMouseOver="slideOutMenu.showMenu(\'menu13\');" onMouseOut="slideOutMenu.hideMenu(\'menu13\');" id="menu13Actuator"><a href="whats_new_on_sale.htm">on sale</a></div>\
     <div style="visibility:inherit;" class="menu1" onMouseOver="slideOutMenu.showMenu(\'menu14\');" onMouseOut="slideOutMenu.hideMenu(\'menu14\');" id="menu14Actuator"><a href="#">learning center</a></div>\
     <div style="visibility:inherit;" class="menu1" onMouseOver="slideOutMenu.showMenu(\'menu15\');" onMouseOut="slideOutMenu.hideMenu(\'menu15\');" id="menu15Actuator"><a href="whats_new_media.htm">media</a></div>\
     <div style="visibility:inherit;" class="menu1" onMouseOver="slideOutMenu.showMenu(\'menu16\');" onMouseOut="slideOutMenu.hideMenu(\'menu16\');" id="menu16Actuator"><a href="whats_new_news_letter.htm">news letter</a></div>\
     <div style="visibility:inherit;" class="menu1" onMouseOver="slideOutMenu.showMenu(\'menu17\');" onMouseOut="slideOutMenu.hideMenu(\'menu17\');" id="menu17Actuator"><a href="whats_new_earth_wind_fiber.htm">earth, wind & fiber</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu14Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu14Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu1"><a href="whats_new_learning_center_workshops.htm">workshops</a></div>\
     <div style="visibility:inherit;" class="menu1"><a href="whats_new_learning_center_free_patterns.htm">free patterns</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu2Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu2Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu2" onMouseOver="slideOutMenu.showMenu(\'menu21\');" onMouseOut="slideOutMenu.hideMenu(\'menu21\');" id="menu21Actuator"><a href="specialty_items_art_gallery.htm">fiber art gallery</a></div>\
     <div style="visibility:inherit;" class="menu2" onMouseOver="slideOutMenu.showMenu(\'menu22\');" onMouseOut="slideOutMenu.hideMenu(\'menu22\');" id="menu22Actuator"><a href="specialty_items_wearable.htm">exceptional wearables</a></div>\
     <div style="visibility:inherit;" class="menu2" onMouseOver="slideOutMenu.showMenu(\'menu23\');" onMouseOut="slideOutMenu.hideMenu(\'menu23\');" id="menu23Actuator"><a href="specialty_items_artisanal_yarns.htm">artisanal yarns</a></div>\
     <div style="visibility:inherit;" class="menu2" onMouseOver="slideOutMenu.showMenu(\'menu24\');" onMouseOut="slideOutMenu.hideMenu(\'menu24\');" id="menu24Actuator"><a href="specialty_items_hand_turned_needles.htm">hand-turned needles</a></div>\
     <div style="visibility:inherit;" class="menu2" onMouseOver="slideOutMenu.showMenu(\'menu25\');" onMouseOut="slideOutMenu.hideMenu(\'menu25\');" id="menu25Actuator"><a href="specialty_items_unique_gifts.htm">other unique gifts</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu3Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu3Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu3" onMouseOver="slideOutMenu.showMenu(\'menu31\');" onMouseOut="slideOutMenu.hideMenu(\'menu31\');" id="menu31Actuator"><a href="shopping_overview.htm">overview</a></div>\
     <div style="visibility:inherit;" class="menu3" onMouseOver="slideOutMenu.showMenu(\'menu32\');" onMouseOut="slideOutMenu.hideMenu(\'menu32\');" id="menu32Actuator"><a href="shopping_online_orders.htm">online orders</a></div>\
     <div style="visibility:inherit;" class="menu3" onMouseOver="slideOutMenu.showMenu(\'menu33\');" onMouseOut="slideOutMenu.hideMenu(\'menu33\');" id="menu33Actuator"><a href="shopping_phone_orders.htm">phone orders</a></div>\
     <div style="visibility:inherit;" class="menu3" onMouseOver="slideOutMenu.showMenu(\'menu34\');" onMouseOut="slideOutMenu.hideMenu(\'menu34\');" id="menu34Actuator"><a href="shopping_mail_orders.htm">mail orders</a></div>\
     <div style="visibility:inherit;" class="menu3" onMouseOver="slideOutMenu.showMenu(\'menu35\');" onMouseOut="slideOutMenu.hideMenu(\'menu35\');" id="menu35Actuator"><a href="shopping_gift_certificates.htm">gift certificates</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<div style="visibility:hidden;" id="menu4Container" class="ypcontainer"> \
 <div style="visibility:inherit;" id="menu4Content" class="ypcontents"> \
  <table cellSpacing="0" cellPadding="0" bgColor="#262626" border="0" width="140">\
   <tr> \
    <td width="140"> \
     <div style="visibility:inherit;" class="menu4" onMouseOver="slideOutMenu.showMenu(\'menu41\');" onMouseOut="slideOutMenu.hideMenu(\'menu41\');" id="menu41Actuator"><a href="about_history.htm">history</a></div>\
     <div style="visibility:inherit;" class="menu4" onMouseOver="slideOutMenu.showMenu(\'menu42\');" onMouseOut="slideOutMenu.hideMenu(\'menu42\');" id="menu42Actuator"><a href="about_the_owners.htm">the owners</a></div>\
     <div style="visibility:inherit;" class="menu4" onMouseOver="slideOutMenu.showMenu(\'menu43\');" onMouseOut="slideOutMenu.hideMenu(\'menu43\');" id="menu43Actuator"><a href="about_the_farm.htm">the farm</a></div>\
     <div style="visibility:inherit;" class="menu4" onMouseOver="slideOutMenu.showMenu(\'menu44\');" onMouseOut="slideOutMenu.hideMenu(\'menu44\');" id="menu44Actuator"><a href="about_the_store.htm">the store</a></div>\
     <div style="visibility:inherit;" class="menu4" onMouseOver="slideOutMenu.showMenu(\'menu45\');" onMouseOut="slideOutMenu.hideMenu(\'menu45\');" id="menu45Actuator"><a href="about_location.htm">location</a></div>\
     <div style="visibility:inherit;" class="menu4" onMouseOver="slideOutMenu.showMenu(\'menu46\');" onMouseOut="slideOutMenu.hideMenu(\'menu46\');" id="menu46Actuator"><a href="about_contact.htm">contact</a></div>\
     <div style="visibility:inherit;" class="menu4" onMouseOver="slideOutMenu.showMenu(\'menu47\');" onMouseOut="slideOutMenu.hideMenu(\'menu47\');" id="menu47Actuator"><a href="tour_operators.htm">tour operators</a></div>\
   </tr>\
  </table>\
 </div>\
</div>\
<!-- END OF MAIN MENU TABLES -->\
<!-- MAIN NAVIGATION BAR DEFINITION -->\
<table width="700" border="0" cellspacing="0" cellpadding="0">\
 <tr> \
  <td><a id=act0 onMouseOver="changeNavigationImage(\'nav_menu1\',1); slideOutMenu.showMenu(\'menu0\');" onMouseOut="changeNavigationImage(\'nav_menu1\',0); slideOutMenu.hideMenu(\'menu0\');" href="welcome.htm" target="_top"><img src="i/nav_menu1.gif" width="140" height="20" name="nav_menu1" border="0"></a></td>\
  <td><a id=act0 onMouseOver="changeNavigationImage(\'nav_menu2\',3); slideOutMenu.showMenu(\'menu1\')" onMouseOut="changeNavigationImage(\'nav_menu2\',2); slideOutMenu.hideMenu(\'menu1\')" href="whats_new_news_letter.htm" target="_top"><img src="i/nav_menu2.gif" width="140" height="20" name="nav_menu2" border="0" /></a></td>\
  <td><a id=act0 onMouseOver="changeNavigationImage(\'nav_menu3\',5); slideOutMenu.showMenu(\'menu2\');" onMouseOut="changeNavigationImage(\'nav_menu3\',4); slideOutMenu.hideMenu(\'menu2\');" href="specialty_items_art_gallery.htm" target="_top"><img src="i/nav_menu3.gif" width="140" height="20" name="nav_menu3" border="0"/></a></td>\
  <td><a id=act0 onMouseOver="changeNavigationImage(\'nav_menu4\',7); slideOutMenu.showMenu(\'menu3\');" onMouseOut="changeNavigationImage(\'nav_menu4\',6); slideOutMenu.hideMenu(\'menu3\');" href="shopping_overview.htm" target="_top"><img src="i/nav_menu4.gif" width="140" height="20" name="nav_menu4" border="0"/></a></td>\
  <td><a id=act0 onMouseOver="changeNavigationImage(\'nav_menu5\',9); slideOutMenu.showMenu(\'menu4\');" onMouseOut="changeNavigationImage(\'nav_menu5\',8); slideOutMenu.hideMenu(\'menu4\');" href="about_the_store.htm" target="_top"><img src="i/nav_menu5.gif" width="140" height="20" name="nav_menu5" border="0"/></a></td>\
 </tr>\
</table>\
\
');
}




