document.observe("dom:loaded", setupGallery );
document.observe("dom:loaded", galleryFooter );

var galleryImages = new Array();

function setupGallery()
{
  if( !document.getElementsByTagName ) return;
  
  var preloadImages = new Array();
  
  var allImgs = document.getElementsByTagName('img');
  for( var i=0; i<allImgs.length; i++ )
  {
    var gImage = allImgs[i];
    if( gImage.id && ( ' '+gImage.id+' ').indexOf(' gImg_') != -1 )
    {
      Event.observe( $(gImage), 'mousemove', mouseoverGallery,  false );
      Event.observe( $(gImage), 'mouseout', mouseoutGallery,  false );
    }
  }
  $('galleryCaption').setStyle( { position:'absolute', display:'none', background:'url(/images/misc/captionPointer.gif) top left no-repeat', padding:'10px 0 0 0' } );
  
}

function galleryFooter()
{
  if( $('gBack') )
  {
    Event.observe( $('gBack'), 'click', galleryBack,  false );
  }
}

function galleryBack(e)
{
  history.go(-1);
  Event.stop(e);
}

function mouseoverGallery(e)
{
  var caption='';
  if( this.alt && ! galleryImages[ this.id.replace('image_', '') ] )
  {
    caption = this.alt.replace(' - ', '<br/>');
    galleryImages[ this.id.replace('image_', '') ] = caption;
  }
  else
  {
    this.alt='';
    caption = galleryImages[ this.id.replace('image_', '') ];
  }

  var mouseX = Event.pointerX(e);
  var mouseY = Event.pointerY(e);
  
  $('galleryCaption').innerHTML = '<p>'+caption+'</p>';
  $('galleryCaption').setStyle( { display:'block', top:mouseY-2+'px', left:mouseX+15+'px' } );
}



function mouseoutGallery()
{
  $('galleryCaption').setStyle( {display:'none'} );
}