Jestem laikiem jeżeli chodzi o sprawy javascript, dzięki pomocy ludzi z forum (użyta funkcja szukaj) udało mi się zrobić prosty skrypt zamieniający wartość class na jedną z trzech losowych, w wyniku tych działań powstało mi dość ciekawe menu podświetlające się na różne kolory, oto źródło:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 var sc = 3;
 var s = new Array(sc);
 
 s[0] = "pink";
 s[1] = "orange";
 s[2] = "green"; 
 
 function pickRandom(range) {
  if (Math.random)
   return Math.round(Math.random() * (range-1));
  else {
   var now = new Date();
   return (now.getTime() / 1000) % range;
  }
 }
 
 function randomClass( strName ) {
  var choice = pickRandom(sc);
  element = document.getElementById( strName );
  element.className = s[choice];
 }		
</script>
[HTML] pobierz, plaintext 

i element wyświetlający:

[HTML] pobierz, plaintext 
<ul id="menu">
 <li id="1" onmouseover="randomClass('1')"><a href="">Start page <span>Home</span></a></li>
 <li id="2" onmouseover="randomClass('2')"><a href="">Journal <span>My journal</span></a></li>
 <li id="3" onmouseover="randomClass('3')"><a href="">Portfolio <span>My portfolio</span></a></li>
</ul>
[HTML] pobierz, plaintext 

Mój problem polega na tym iż po najechaniu na tekst w menu, wartość znacznika class zmienia się kilkakrotnie, po czym chciałbym zrobić aby wartość zmieniala się tylko podczas zmiany miejsca położenia kursora na inny element menu, szukam pomocy, próbowałem znaleźć coś na forum, szukałem też w google i niestety nie znalazłem lekarstwa na ten problem, może jakiś forumowicz bardziej zaawansowany w javascript potrafił by mi pomóc?

link do strony nad którą pracuję - może okazać się pomocny przy wizualizacji mojego problemu