// Added 14/06/05 by Matt Aldred - Logical Medical Systems Ltd.
//
// Adds rollover functionality to images
//
// prepareForRollovers() should be called after the page has loaded using:
//    <body onload="prepareForRollovers()" ...etc... >
//
// images should be in the form of:
//    <img src="normal.gif" next="over.gif" ...etc... >



function prepareForRollovers()
{
   if(document.images)
   {
      // prepare for rollovers
      for(i=0;i<document.images.length;i++)		//loop through images on page
      {
         if( document.images[i].getAttribute('next') )	// if image has a rollover
         {
            // load and store original image
            document.images[i].rollOffImage= new Image
            document.images[i].rollOffImage.src=document.images[i].src
						
            // load and store rollover image
            document.images[i].rollOnImage= new Image
            document.images[i].rollOnImage.src=document.images[i].getAttribute('next')

            // add rollover functionality to images
            document.images[i].onmouseover=function anonymous(){rollOn(this)}
            document.images[i].onmouseout=function anonymous(){rollOff(this)}
         }
      }
   }
   else
   {
      // browser is old so do not rollover
   }
}

function rollOn(image)
{
   // if exists swap to new image
   if(image.rollOnImage)
      image.src=image.rollOnImage.src
}

function rollOff(image)
{
   // if exists swap to new image
   if(image.rollOffImage)
      image.src=image.rollOffImage.src
}
