function loadarea()
{
   document.getElementById( "area1" ).onmouseover = function()
   {
      ShowOverlay( "1" );
   }

   document.getElementById( "area1" ).onmouseout = function()
   {
      HideOverlay( "1" );
   }

   document.getElementById( "area2" ).onmouseover = function()
   {
      ShowOverlay( "2" );
   }

   document.getElementById( "area2" ).onmouseout = function()
   {
      HideOverlay( "2" );
   }

   document.getElementById( "area3" ).onmouseover = function()
   {
      ShowOverlay( "3" );
   }

   document.getElementById( "area3" ).onmouseout = function()
   {
      HideOverlay( "3" );
   }
   document.getElementById( "area4" ).onmouseover = function()
   {
      ShowOverlay( "4" );
   }

   document.getElementById( "area4" ).onmouseout = function()
   {
      HideOverlay( "4" );
   }
   document.getElementById( "area5" ).onmouseover = function()
   {
      ShowOverlay( "5" );
   }

   document.getElementById( "area5" ).onmouseout = function()
   {
      HideOverlay( "5" );
   }
}

addEvent(window, 'load', loadarea);


//test