var button01 = new Image(); button01.src = "images/button01.gif";
var button02 = new Image(); button02.src = "images/button02.gif";

var step_button01 = new Image(); step_button01.src = "images/button01.gif";
var step_button02 = new Image(); step_button02.src = "images/button02.gif";
var step_button03 = new Image(); step_button03.src = "images/button03.gif";

var blockbutton01 = new Image(); blockbutton01.src = "images/block01.gif";
var blockbutton02 = new Image(); blockbutton02.src = "images/block02.gif";
var blockbutton03 = new Image(); blockbutton03.src = "images/block03.gif";
var blockbutton04 = new Image(); blockbutton04.src = "images/block04.gif";
var blockbutton05 = new Image(); blockbutton05.src = "images/block05.gif";
var blockbutton06 = new Image(); blockbutton06.src = "images/block06.gif";

function image_show(id)
{ id.className = "topMenuTableHover"; }

function image_hide(id)
{ id.className = "topMenuTable"; }

function step_show(filename, id)
{ document.getElementById(id).className = 'stepTableHover'; }

function step_hide(filename, id)
{ document.getElementById(id).className = 'stepTable'; }

function block_show(id1, id2)
{
  id1.className = 'blockHover';
  document.getElementById(id2).className = '';
}

function block_hide(id1, id2, textClass)
{
  id1.className = id2;
  document.getElementById(id2).className = textClass;
}

function toggleMenu(id)
{
  if (document.getElementById(id).style.display == 'none')
  { document.getElementById(id).style.display='block'; }
  else
  { document.getElementById(id).style.display='none'; }
}