/*******************************************************************
----------- Image Rollovers -----------
copyright 2000 Tim Peterson

To Use:
 Include in your HTML file as follows: (insert path as necessary)
  <SCRIPT language="Javascript" src="ImageRollovers.js"></SCRIPT>

 Initialize the images you want to use: (use your own names and images)
  <SCRIPT language="Javascript">
  <!--
             //      normal image    mouseover image
             //         vvvvvvvvv    vvvvvvvvv
  LoadRollover("test", "test1.gif", "test2.gif")
  // ...

  // -->
  </SCRIPT>

 Create images to swap:
  <IMG src="test1.gif" name="test" border=0>

 Call functions from mouse event handlers in your anchors (<A> tags):
  <A href="some/where.html" onMouseOver='MouseOver("test");'
     onMouseOut='MouseOut("test")'>

*******************************************************************/

var _Rollovers = new Object;

function LoadRollover(name, out, over)
{
  if(document.images) {
    var obj = new Object;
    obj.imOut = new Image;
    obj.imOut.src = out;
    obj.imOver = new Image;
    obj.imOver.src = over;
    _Rollovers[name] = obj;
  }
}

function MouseOver(name)
{
  if(document.images) {
    document.images[name].src = _Rollovers[name].imOver.src;
  }
}

function MouseOut(name)
{
  if(document.images) {
    document.images[name].src = _Rollovers[name].imOut.src;
  }
}