// gebruik:
// <script src="mouseover.js"></script>
// <img src="images/knop1.gif" onload="mouseover(this)">  (mouseover afbeelding moet dan "images/knop1-mo.gif" heten)

function mouseover(image)
{
  image.imageout=new Image()
  image.imageout.src=image.src
  image.imageover=new Image()
  image.imageover.src=image.src.substring(0,image.src.lastIndexOf("."))+"-mo"+image.src.substring(image.src.lastIndexOf("."))
  image.clicked=false
  image.onmouseover=new Function("mouseoverover(this)")
  image.onmouseout=new Function("mouseoverout(this)")
  image.onmousedown=new Function("mouseoverdown(this)")
  image.onload=null
}

function mouseoverover(image)
{
  if(image.clicked!=true) image.src=image.imageover.src
}

function mouseoverout(image)
{
  if(image.clicked!=true) image.src=image.imageout.src
}

function mouseoverdown(image)
{
  var teller
  for(teller=0;teller<document.images.length;teller++)
    if(typeof(document.images[teller].clicked)=="boolean")
      if(document.images[teller].clicked==true)
      {
        document.images[teller].src=document.images[teller].imageout.src
        document.images[teller].clicked=false
      }
  image.src=image.imageover.src
  image.clicked=true
}