/* 
   imageGallery
   http://www.raribusment.com
*/

function imageGallery()
{
 /* if we don't have a modern browser, don't go further */
 if ( !(document.getElementById && document.createTextNode) ) { return; }

 /* <div id="gallery" ...> exists? if not, don't go further */
 var gallery = document.getElementById('gallery');
 if (!gallery) {return;}

 /* if galleryPopUp already exists, remove it */
 var oldPopUp = document.getElementById('galleryPopUp');
 if (oldPopUp) { oldPopUp.parentNode.removeChild(oldPopUp); }

 /* create (but not show) #galleryPopUp */
 var picLayer = document.createElement('div');
 picLayer.id = 'galleryPopUp';


 /* which pic (inside a tags) has been clicked? */
 var picLinks = gallery.getElementsByTagName('a');

 picLinks[3].onclick = function()
 {
  /* create the picture object */
  var bigPic = document.createElement('img');
  bigPic.src = './thumbs/four.gif';

  /* create the caption */
  var bigPicCaption = document.createElement('p');
  bigPicCaption.appendChild(document.createTextNode('The picture')); 

  /* attach the picture to picLayer */
  picLayer.appendChild(bigPic);
  picLayer.appendChild(bigPicCaption);
  
  /* show picLayer */
  gallery.parentNode.insertBefore(picLayer, gallery);

  alert("picture clicked");
 }

}