var menuitems=null;
var thumbitems=null;

function onmouseoutmenu(ev)
{
  var mi=null;
  if (ev) {
    mi=ev.target;
  } else {
    mi= window.event.srcElement;
  }
  //we always need to rewrite the menu link's class
  mi.className.match(/^(cid[0-9]+)/);
  mi.className=RegExp.$1+' release'; 
  
  if (mi.href.match(/\/page([0-9]+)/)) {
    var targetpageid=Number(RegExp.$1);
  }
  if (thumbitems) {
    var thumbitem;
    var i;
    for (i=0;i<thumbitems.length;i++) {
      thumbitem=thumbitems[i];
      if (thumbitem.href.match(/\/page([0-9]+)/) && Number(RegExp.$1) == targetpageid) {
        thumbitem.className="";
      }
    }
  }
}
function onmouseovermenu(ev)
{
  var mi=null;
  if (ev) {
    mi=ev.target;
  } else {
    mi= window.event.srcElement;
  }
  if (mi.href.match(/\/page([0-9]+)/)) {
    var targetpageid=Number(RegExp.$1);
  }
  if (thumbitems) {
    var thumbitem;
    var i;
    for (i=0;i<thumbitems.length;i++) {
      thumbitem=thumbitems[i];
      if (thumbitem.href.match(/\/page([0-9]+)/) && Number(RegExp.$1) == targetpageid) {
        thumbitem.className="on";
      }
    }
  }
}
function onmouseovertopmenu(ev)
{
  var mi=null;
  if (ev) {
    mi=ev.target;
  } else {
    mi= window.event.srcElement;
  }
  //this event fires on the A tag, so the list item is the parent
  var li=mi.parentNode;
  
  //link should only be "on", "chid", or "release"
  //if the link class is "replace" set it to "chid"
  li.className=li.className.replace('release','chid');
}
function onmouseouttopmenu(ev)
{
  var mi=null;
  if (ev) {
    mi=ev.target;
  } else {
    mi= window.event.srcElement;
  }
  //this event fires on the A tag, so the list item is the parent
  var li=mi.parentNode;
  
  //link should only be "on", "chid", or "release"
  //if the link class is "chid" set it to "release"
  li.className=li.className.replace('chid','release');
}

function onmouseoverthumb(ev)
{
  var ti=null;
  if (ev) {
    ti=ev.target;
  } else {
    ti= window.event.srcElement;
  }
  if (ti.href.match(/\/page([0-9]+)/)) {
    var targetpageid=Number(RegExp.$1);
  }
  var menuitem;
  var i;
  for (i=0;i<menuitems.length;i++) {
    menuitem=menuitems[i];
    if (menuitem.href.match(/\/page([0-9]+)/) && Number(RegExp.$1) == targetpageid) {
      menuitem.className.match(/^(cid[0-9]+)/);
      menuitem.className=RegExp.$1+' on';
    }
  }
}
function onmouseoutthumb(ev)
{
  var ti=null;
  if (ev) {
    ti=ev.target;
  } else {
    ti= window.event.srcElement;
  }
  if (ti.href.match(/\/page([0-9]+)/)) {
    var targetpageid=Number(RegExp.$1);
  }
  var menuitem;
  var i;
  for (i=0;i<menuitems.length;i++) {
    menuitem=menuitems[i];
    if (menuitem.href.match(/\/page([0-9]+)/) && Number(RegExp.$1) == targetpageid) {
      menuitem.className.match(/^(cid[0-9]+)/);
      menuitem.className=RegExp.$1+' release';
    }
  }
}
function configureMenus()
{
  var menu=document.getElementById("menu");
  if (!menu) { return; }
  
  var menuthumbs=document.getElementById("menuthumbs");
  if (menuthumbs) { thumbitems=menuthumbs.getElementsByTagName("a"); }
  
  menuitems=menu.getElementsByTagName("a");
  
  //there is an onMouseOut event whenever the class name begins with /cid[0-9]+/
  var menuitem;
  var i;
  for (i=0;i<menuitems.length;i++) {
    menuitem=menuitems[i];
    if (menuitem.className.match(/^cid[0-9]+/)) {
      menuitem.onmouseout=onmouseoutmenu;
      if (thumbitems) {
        menuitem.onmouseover=onmouseovermenu;
      }
    }
  }
  //there is an onMouseOut event whenever a top level list item is hit
  var mainlist=menu.getElementsByTagName('ul')[0];
  var listitems=mainlist.getElementsByTagName('li');
  var listitem=null;
  for (i=0;i<listitems.length;i++) {
    listitem=listitems[i];
    if (listitem.parentNode==mainlist) {
      listitem.onmouseover=onmouseovertopmenu;
      listitem.onmouseout=onmouseouttopmenu;
    }
  }
        
  if (thumbitems) {
    var thumbitem;
    for (i=0;i<thumbitems.length;i++) {
      thumbitem=thumbitems[i];
      if (thumbitem.href.match(/\/page([0-9]+)/)) {
        thumbitem.onmouseover=onmouseoverthumb;
        thumbitem.onmouseout=onmouseoutthumb;
      }
    }
  }
  
  //preload menu images
  //Note: These menu items cannot be preloaded because it somehow breaks the playback of the animations.
}

var preloader=[];
var browser=navigator.userAgent;
var ismsie=false;
var isie6=false;
if (/MSIE\s([0-9]+\.?[0-9])*/.test(browser)) {
  ismsie=true;
  isie6=(Math.floor(Number(RegExp.$1))==6)
}
if (!ismsie || !isie6) {
  configureMenus();
}

