var IMAGE_DIR = "./img/";
var IMAGE_EXT = ".png";

/* window.onload = hOnLoad; */

function hOnLoad (
  )
{
  var menuList
    = document.getElementById ( "menuList" );

  for ( i = 1; i <= 7; ++i )
  {
    var hElement
     = document.createElement ( "li" );
    var hLink
     = document.createElement ( "a" );
    var hImage
     = document.createElement ( "img" );
    var blockId
     = "block" + i.toString ( );

    hLink.setAttribute ( "href", "#" + blockId );
    hLink.setAttribute ( "onclick", "return pageScroll(\"" + blockId + "\");" );

    hImage.setAttribute ( "src", IMAGE_DIR + blockId + IMAGE_EXT );
    hImage.setAttribute ( "onmouseover",
      "this.src = \"" + IMAGE_DIR + blockId + "_h" + IMAGE_EXT + "\";" );
    hImage.setAttribute ( "onmouseout",
      "this.src = \"" + IMAGE_DIR + blockId + IMAGE_EXT + "\";" );
    hImage.setAttribute ( "onclick",
      "this.src = \"" + IMAGE_DIR + blockId + "_a" + IMAGE_EXT + "\";" );

    hLink.appendChild ( hImage );
    hElement.appendChild ( hLink );

    menuList.appendChild ( hElement );
  }

  return;
}