// FlipMenu Script v1.01 - 020904
// © Flipside 2002

var om = '';
var oom = '';
var tm = '';
var m = '';
var stayOpen = 0;
var menuFade = 0;
var startFade = 0;

function openMenu(id) {
  if (document.getElementById) {
    var element = document.getElementById(id).style
  }
  else if (document.all) {
    var element = document.all[id].style
  }
  else if (document.layers) {
  var element = document.layers[id]
  }

  if (om && om != element) { stayOpen = 0; closeMenu(); }

  stayOpen = 1;

  element.visibility = 'visible'
  if (om != element) { startFade = 0; element.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)' }
  else { startFade = 100 }
  om = element;
  fadeIt(startFade);

  closeMenu();
}

function closeMenu() {
  // Check if menu is finished with
  if (stayOpen == 1) { setTimeout('closeMenu()', 100); return 1; }
  setTimeout('closeIt()', 1000);
}

function closeIt() {
  // Close menu after timeout
  if (tm && om) { tm.visibility = 'hidden'; }
  if (stayOpen == 1) { setTimeout('closeMenu()', 100); return 1; }
  if (om) { tm = om; }
  om = '';
  fadeOut(80);
}

function fadeIt(menuFade) {
  if (menuFade >= 100) { return }
  menuFade += 10
  if (om && om != oom) { oom.visibility = 'hidden'; }
  om.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity='+menuFade+')'
  oom = om;
  setTimeout('fadeIt('+menuFade+')', 5)
}

function fadeOut(menuFadeOut) {
  if (menuFadeOut <= 0) { tm.visibility = 'hidden'; tm = ''; return }
  menuFadeOut -= 15
  tm.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity='+menuFadeOut+')'
  setTimeout('fadeOut('+menuFadeOut+')', 5)
}

function printmenu() {
document.write("<!-- Main Menu -->\n\n<table cellpadding=0 cellspacing=0 border=0 width=100% bgcolor=#520600>\n\n<tr height=13>\n\n<td width=103><img src=\"../images/mask.gif\" alt=\"\" width=13 height=13 border=0><img src=\"../images/bsteiff0.gif\" alt=\"\" width=77 height=13 border=0 onMouseOver=\"this.src='../images/bsteiff1.gif'; openMenu('mhome')\" onMouseOut=\"closeMenu(); stayOpen=0; this.src='../images/bsteiff0.gif'\" onClick=\"setPage('steiff')\"><img src=\"../images/mask.gif\" alt=\"\" width=13 height=13 border=0></td>\n\n<td width=95><img src=\"../images/bother0.gif\" alt=\"\" width=82 height=13 border=0 onMouseOver=\"openMenu('mother'); this.src='../images/bother1.gif'\" onMouseOut=\"closeMenu(); stayOpen=0; this.src='../images/bother0.gif'\" onClick=\"setPage('other')\"><img src=\"../images/mask.gif\" alt=\"\" width=13 height=13 border=0></td>\n\n<td width=52><img src=\"../images/bnews0.gif\" alt=\"\" width=39 height=13 border=0 onMouseOver=\"openMenu('mnews'); this.src='../images/bnews1.gif'\" onMouseOut=\"closeMenu(); stayOpen=0; this.src='../images/bnews0.gif'\" onClick=\"setPage('news')\"><img src=\"../images/mask.gif\" alt=\"\" width=13 height=13 border=0></td>\n\n<td width=59><img src=\"../images/bevents0.gif\" alt=\"\" width=46 height=13 border=0 onMouseOver=\"openMenu('mevents'); this.src='../images/bevents1.gif'\" onMouseOut=\"closeMenu(); stayOpen=0; this.src='../images/bevents0.gif'\" onClick=\"setPage('events')\"><img src=\"../images/mask.gif\" alt=\"\" width=13 height=13 border=0></td>\n\n<td width=46><img src=\"../images/bfairs0.gif\" alt=\"\" width=33 height=13 border=0 onMouseOver=\"openMenu('mfairs'); this.src='../images/bfairs1.gif'\" onMouseOut=\"closeMenu(); stayOpen=0; this.src='../images/bfairs0.gif'\" onClick=\"setPage('fairs')\"><img src=\"../images/mask.gif\" alt=\"\" width=13 height=13 border=0></td>\n\n<td width=159><img src=\"../images/babout0.gif\" alt=\"\" width=146 height=16 border=0 onMouseOver=\"openMenu('mabout'); this.src='../images/babout1.gif'\" onMouseOut=\"closeMenu(); stayOpen=0; this.src='../images/babout0.gif'\" onClick=\"setPage('home')\"><img src=\"../images/mask.gif\" alt=\"\" width=13 height=13 border=0></td>\n\n<td width=91><img src=\"../images/border0.gif\" alt=\"\" width=78 height=13 border=0 onMouseOver=\"openMenu('morder'); this.src='../images/border1.gif'\" onMouseOut=\"closeMenu(); stayOpen=0; this.src='../images/border0.gif'\" onClick=\"setPage('vieworder')\"><img src=\"../images/mask.gif\" alt=\"\" width=13 height=13 border=0></td>\n\n<td bgcolor=#520600 class=right><img src=\"../images/mask.gif\" alt=\"\" width=13 height=13 border=0></td>\n\n</tr>\n\n<tr><td colspan=7 height=4><img src=\"../images/mask.gif\" alt=\"\" width=4 height=4 border=0></td></tr>\n\n</table></td></tr></table>\n\n<!-- Sub Menus -->\n\n<table id=\"mhome\" style=\"visibility: hidden; position: absolute; top: 72px; left: 73px; z-index: 5; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)\" cellpadding=1 cellspacing=0 border=0 bgcolor=#000000 onMouseover=\"stayOpen=1\" onMouseout=\"stayOpen=0\"><tr><td><table cellpadding=1 cellspacing=0 border=0 width=100% bgcolor=#520600>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_steiff_uk')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_steiff_uk&order=" + jsorder + "\" class=menu>UK and Worldwide</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_steiff_europe')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_steiff_europe&order=" + jsorder + "\" class=menu>Europe</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_steiff_usa')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_steiff_usa&order=" + jsorder + "\" class=menu>USA</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_steiff_fareast')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_steiff_fareast&order=" + jsorder + "\" class=menu>Far East</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_steiff_christmas')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_steiff_christmas&order=" + jsorder + "\" class=menu>Christmas</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_steiff_disney')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_steiff_disney&order=" + jsorder + "\" class=menu>Disney</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_steiff_licensed')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_steiff_licensed&order=" + jsorder + "\" class=menu>Licensed</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_steiff_animals')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_steiff_animals&order=" + jsorder + "\" class=menu>Animals</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_steiff_older')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_steiff_older&order=" + jsorder + "\" class=menu>Older Bears</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_steiff_yellowticket')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_steiff_yellowticket&order=" + jsorder + "\" class=menu>Disney</a></p></td></tr>\n</table></td></tr></table>\n\n<table cellpadding=1 cellspacing=0 border=0 bgcolor=#000000 style=\"visibility: hidden; position: absolute; top: 72px; left: 163px; z-index: 5; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)\" id=\"mother\" onMouseover=\"stayOpen=1\" onMouseout=\"stayOpen=0\"><tr><td><table cellpadding=1 cellspacing=0 border=0 width=100% bgcolor=#520600>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_teddyh')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_teddyh&order=" + jsorder + "\" class=menu>Teddy Hermann</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_hermanns')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_hermanns&order=" + jsorder + "\" class=menu>Hermann Spielwaren</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_artist')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_artist&order=" + jsorder + "\" class=menu>Artist Bears</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_deans')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_deans&order=" + jsorder + "\" class=menu>Deans</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_merrythought')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_merrythought&order=" + jsorder + "\" class=menu>Merrythought</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('bears_debcanham')\"><p class=menutext><a href=\"bearshop.cgi?action=bears_debcanham&order=" + jsorder + "\" class=menu>Deb Canham</a></p></td></tr>\n</table></td></tr></table>\n\n<table cellpadding=1 cellspacing=0 border=0 bgcolor=#000000 style=\"visibility: hidden; position: absolute; top: 72px; left: 258px; z-index: 5; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)\" id=\"mnews\" onMouseover=\"stayOpen=1\" onMouseout=\"stayOpen=0\"><tr><td><table cellpadding=1 cellspacing=0 border=0 width=100% bgcolor=#520600>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('news')\"><p class=menutext><a href=\"bearshop.cgi?action=news&order=" + jsorder + "\" class=menu>Latest News</a></p></td></tr>\n</table></td></tr></table>\n\n<table cellpadding=1 cellspacing=0 border=0 bgcolor=#000000 style=\"visibility: hidden; position: absolute; top: 72px; left: 310px; z-index: 5; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)\" id=\"mevents\" onMouseover=\"stayOpen=1\" onMouseout=\"stayOpen=0\"><tr><td><table cellpadding=1 cellspacing=0 border=0 width=100% bgcolor=#520600>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('events')\"><p class=menutext><a href=\"bearshop.cgi?action=events&order=" + jsorder + "\" class=menu>Events</a></p></td></tr>\n</table></td></tr></table>\n\n<table cellpadding=1 cellspacing=0 border=0 bgcolor=#000000 style=\"visibility: hidden; position: absolute; top: 72px; left: 369px; z-index: 5; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)\" id=\"mfairs\" onMouseover=\"stayOpen=1\" onMouseout=\"stayOpen=0\"><tr><td><table cellpadding=1 cellspacing=0 border=0 width=100% bgcolor=#520600>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('fairs')\"><p class=menutext><a href=\"bearshop.cgi?action=fairs&order=" + jsorder + "\" class=menu>Fairs</a></p></td></tr>\n</table></td></tr></table>\n\n<table cellpadding=1 cellspacing=0 border=0 bgcolor=#000000 style=\"visibility: hidden; position: absolute; top: 72px; left: 415px; z-index: 5; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)\" id=\"mabout\" onMouseover=\"stayOpen=1\" onMouseout=\"stayOpen=0\"><tr><td><table cellpadding=1 cellspacing=0 border=0 width=100% bgcolor=#520600>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('home')\"><p class=menutext><a href=\"bearshop.cgi?action=home&order=" + jsorder + "\" class=menu>Introduction</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('ordering')\"><p class=menutext><a href=\"bearshop.cgi?action=ordering&order=" + jsorder + "\" class=menu>Ordering information</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('history')\"><p class=menutext><a href=\"bearshop.cgi?action=history&order=" + jsorder + "\" class=menu>History</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('contact')\"><p class=menutext><a href=\"bearshop.cgi?action=contact&order=" + jsorder + "\" class=menu>Contact Details</a></p></td></tr>\n</table></td></tr></table>\n\n<table cellpadding=1 cellspacing=0 border=0 bgcolor=#000000 style=\"visibility: hidden; position: absolute; top: 72px; left: 573px; z-index: 5; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)\" id=\"morder\" onMouseover=\"stayOpen=1\" onMouseout=\"stayOpen=0\"><tr><td><table cellpadding=1 cellspacing=0 border=0 width=100% bgcolor=#520600>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('vieworder')\"><p class=menutext><a href=\"bearshop.cgi?action=vieworder&order=" + jsorder + "\" class=menu>View Your Order</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('order')\"><p class=menutext><a href=\"bearshop.cgi?action=order&order=" + jsorder + "\" class=menu>Complete Your Order</a></p></td></tr>\n<tr><td class=\"nav\" onMouseover=\"this.className='navhi'\" onMouseout=\"this.className='nav'\" onClick=\"setPage('ordering')\"><p class=menutext><a href=\"bearshop.cgi?action=ordering&order=" + jsorder + "\" class=menu>Ordering information</a></p></td></tr>\n</table></td></tr></table>\n\n");
}

function setPage(pageName) {
this.location = 'bearshop.cgi?action=' + pageName + '&order=' + jsorder;
}