menu = new Array()
menutext = '<a href="index.shtml">\
               <img id="menuitem1" class="menu" src="images/home.jpg" width="50"/>\
            </a>\
            <a href="about.shtml">\
               <img id="menuitem2" class="menu" src="images/about.jpg" width="52"/>\
            </a>\
            <a href="services.shtml">\
               <img id="menuitem3" class="menu" src="images/services.jpg" width="73"/>\
            </a>\
            <a href="gallery.shtml">\
               <img id="menuitem4" class="menu" src="images/gallery.jpg" width="62"/>\
            </a>\
            <a href="kudos.shtml">\
               <img id="menuitem5" class="menu" src="images/kudos.jpg" width="53"/>\
            </a>\
            <a href="links.shtml">\
               <img id="menuitem6" class="menu" src="images/links.jpg" width="41"/>\
            </a>\
            <a href="http://cdweddings.blogspot.com/">\
               <img id="menuitem7" class="menu" src="images/blog.jpg" width="38"/>\
            </a>\
            <a href="http://www.theweddingworkshop.com.au">\
               <img id="menuitem8" class="menu" src="images/workshop.jpg" width="88"/>\
            </a>\
            <a href="contact.shtml">\
               <img id="menuitem9" class="menu" src="images/contact.jpg" width="67"/>\
            </a>\
';

function fadein()
{
  if (menu.length > 0)
  {
    var opacity;
    for (i = 0; i < menu.length; ++i)
    {
      opacity = 100.0;
      if (menu[i].filters)
        opacity = menu[i].filters.alpha.opacity;
      else
        opacity = parseFloat(menu[i].style.opacity) * 100;
      if (opacity < 100)
        opacity += 10;
      if (menu[i].filters)
        menu[i].filters.alpha.opacity = opacity;
      else
        menu[i].style.opacity = opacity / 100;
      if (opacity < 50)
        break;
    }
    if (opacity >= 100.0)
    {
      if (window.timer)
        clearInterval(window.timer);
    }
  }
}

function positionmenuitems()
{
   left = 0;
   width = 0;
   space = 0;
   remainder = 0;
   td = document.getElementById("menu");
   for (i = 0; i < menu.length; ++i)
   {
      width += menu[i].width;
   }
   if (menu.length > 1)
   {
      space = parseInt((td.offsetWidth - width) / (menu.length - 1));
      remainder = (td.offsetWidth - width) - (space * (menu.length - 1));
      left = remainder / 2;
   }
   for (i = 0; i < menu.length; ++i)
   {
      menu[i].style.position="absolute"
      menu[i].style.left = left;
      left += menu[i].width + space;
   }
}

function findmenuitems()
{
  n=0;
  do
  {
    id = "menuitem" + (n + 1);
    e = document.getElementById(id);
    if (e)
    {
      if (!e.filters)
        e.style.opacity = 0;
      menu[n++] = e;
    }
  }while(e);
}

function createmenu()
{
   e = document.getElementById("menu");
   if (e)
   {
      e.innerHTML = menutext;
   }
}

function showmenu()
{
   createmenu();
   findmenuitems();
   positionmenuitems();
   window.timer = setInterval("fadein()", 75);
}