I am fairly new to JavaScript and now I am trying to create my own mouseover-script, but to no avail. Could someone point out what is wrong with the code:

Code:
if (document.images)
   {

     // de plaatjes pre-laden
     home_out = new Image();
     home_out.src = "../images/home1.gif";
     home_on = new Image();
     home_on.src = "../images/home2.gif";

   }


// de daadwerkelijke functies
function ImageOn(Name)
  { if (document.images)
       { OnName = eval(Name + "_on.src");
         document.images[Name].src = OnName;
       }
  }

function ImageOut(Name)
  { if (document.images)
       { OutName = eval(Name + "_out.src");
         document.images[Name].src = OutName;
       } 
  }
In the link I place:

<a href="" onMouseOver="ImageOn('home')" onMouseOut="ImageOut('home')"><img src="images/home1.gif" name="home" border="0"></a>

Could someone help me out with this?