function rollon() {
  if (window.event.srcElement.className == "navigation") {
    window.event.srcElement.className = "navigationon"; // change class
  }
}

function rolloff() {
  if (window.event.srcElement.className == "navigationon") {
    window.event.srcElement.className = "navigation"; // change class
  }
}

// assign rollon() to handle onMouseOver events
document.onmouseover = rollon;

// assign rolloff() to handle onMouseOut events
document.onmouseout = rolloff;