addLoadListener(init);

function init()
{
img = document.getElementById('bigpicture');  

document.getElementById('exterior').onclick = function()
  {
    img.src = "images/hall-exterior.jpg"; width="570"; height="381";alt = "Church hall exterior";
  };
document.getElementById('outside-access').onclick = function()
  {
    img.src = "images/hall-outside-access.jpg"; width="570"; height="381";alt = "shows easy access to hall";
  };
document.getElementById('interior').onclick = function()
  {
    img.src = "images/hall-interior1.jpg"; width="570"; height="381";alt = "view 1 interior of hall";
  };
 document.getElementById('interior2').onclick = function()
  {
    img.src = "images/hall-interior2.jpg"; width="570"; height="381";alt = "view 2 interior of hall";
  };
 document.getElementById('stage').onclick = function()
  {
    img.src = "images/hall-stage.jpg"; width="570"; height="381";alt = "The stage";
  };
document.getElementById('serving-hatch').onclick = function()
  {
    img.src = "images/hall-serving-hatch.jpg"; width="570"; height="381";alt = "serving area";
  };
document.getElementById('kitchen').onclick = function()
  {
    img.src = "images/hall-kitchen.jpg"; width="570"; height="381";alt = "pavilion exterior";
  };
document.getElementById('comm1').onclick = function()
  {
    img.src = "images/hall-committee-room1.jpg"; width="570"; height="381";alt = "pavilion veranda";
  };
 document.getElementById('comm3').onclick = function()
  {
    img.src = "images/hall-committee-room3.jpg"; width="570"; height="381";alt = "pavilion veranda";
  };
document.getElementById('loo').onclick = function()
  {
    img.src = "images/loo.jpg"; width="570"; height="381";alt = "disabled and baby changing facilities";
  };
document.getElementById('plan').onclick = function()
  {
    img.src = "images/hall-plan.jpg"; width="570"; height="381";alt = "pavilion veranda";
  };
  
  return true;
}

//document.getElementById('pavilion1').onclick = (img.src = "images/pavilion-interior1.jpg", width="640", height="428");
//document.getElementById('pavilion2').onclick = (img.src = "images/pavilion-interior2.jpg", width="640", height="428");
function addLoadListener(fn)
{
  if (typeof window.addEventListener != 'undefined')
  {
    window.addEventListener('load', fn, false);
  }
  else if (typeof document.addEventListener != 'undefined')
  {
    document.addEventListener('load', fn, false);
  }
  else if (typeof window.attachEvent != 'undefined')
  {
    window.attachEvent('onload', fn);
  }
  else
  {
    var oldfn = window.onload;
    if (typeof window.onload != 'function')
    {
      window.onload = fn;
    }
    else
    {
      window.onload = function()
      {
        oldfn();
        fn();
      };
    }
  }
}