Hallo zusammen

Ich habe eine Navigation mittels ul Liste und :hover Effekt aufgebaut (wenn man über den Link fährt, öffnet sich darunter ein kleiner Text). Nun muss ich das allerdings nachträglich noch mit Javascript überwachen, da die Aktion einerseits eine Ajax Abfrage auslösen soll, andererseits muss der :hover Effekt aktiv bleiben, wenn man das li verlässt. Das habe ich auch schön hinbekommen, aber ich bekomme ihn jetzt nicht wieder weg
Er soll verschwinden, sobald man entweder die gesamte Navigation (Div) verlässt, oder einen anderen Menupunkt angewählt hat (und dieser entsprechend aktiv wird).
Unter http://www.haws.ch/v3/default.php könnt ihr euch das ansehen.

Das bisher habe ich wie folgt gelöst:
Code:
var allLinks = document.getElementsByClassName('a_load_prod');
	
	for (var i = 0; i < allLinks.length; i++) {
		allLinks[i].observe('mouseover', function(event) {
			Event.element(event).addClassName('active');
			var id	= Event.element(event).readAttribute('id');
		});
	}
Habt ihr eine Idee (rein von der Logik her), wie ich das lösen könnte?