Göra undantag för onmouseover-regel

Jag har ett script som ser ut så här:

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("li");
	for (i in sfEls){
		sfEls[i].onmouseover=function() {
			this.style.opacity=0.5;
			this.filters.alpha.opacity=50;
		}
		sfEls[i].onmouseout=function() {
			this.style.opacity=0.8;
			this.filters.alpha.opacity=80;
		}
	}
}

Det funkar fint med min HTML-kod som alltså ser ut typ så här:

<ul id="nav">
   <li><a href="#">Länk 1</a></li>
   <li class="current_page_item"><a href="#">Länk 2</a></li>
   <li><a href="#">Länk 3</a></li>
</ul>

Nu skulle jag vilja att de li-element som har klassen current_page_item inte får någon opacitetsförändring vid onmouseover. Hur fixar jag det i mitt javascript?

Jag vet att såna här saker går att lösa i css direkt, men det finns alltså en anledning till varför jag vill köra javascript istället för css.

	
	if(sfEls[i].className == 'current_page_item') {
		sfEls[i].onmouseover=function() {
			this.style.opacity=0.5;
			this.filters.alpha.opacity=50;
		}
	}

	sfEls[i].onmouseout=function() {
		this.style.opacity=0.8;
		this.filters.alpha.opacity=80;
	}

typ något sådant kanske!

Ah, of course, tackar! Det ska dock vara ett != istället för ett == för att det ska göra som jag vill, men tack! :bire

såklart det skall vara ett != iställe för ==

doh! :e

va bra att det hjälpte! :)