jQuery -> Bildtausch, Flickereffekt

[Bobby]

Moin

ich hab ne Bewertungsfunktion in ne Seite eingebaut, die so recht nicht funktionieren will.

HTML

<div id="rate" style="margin-top:20px;margin-left:25px;float:left;color:#000;font-size:1.4em">  
            		Rate it.  
            		<a href="" id="star20" class="stars"><img src="/images/stargrey.png" /></a>  
  
            		<a href="" id="star40" class="stars"><img src="/images/stargrey.png" /></a>  
            		<a href="" id="star60" class="stars"><img src="/images/stargrey.png" /></a>  
            		<a href="" id="star80" class="stars"><img src="/images/stargrey.png" /></a>  
            		<a href="" id="star100" class="stars"><img src="/images/stargrey.png" /></a>            		  
            	</div>

jQuery

  
$(document).ready(function()  
{  
	//###################################  
	// Funktion zum Abbilden des Rating #  
	//###################################  
	function showrating()  
	{  
		//JSON-Objekt per Ajax holen  
    	$.getJSON("/widgets/rating.php?vid=dfOM9VexYsU",function(ergebnis)  
    	{  
    		var rating=ergebnis.anzahl*25;  
			// Alle a-Elemente durchegehen  
			$("#rate a").each(function()  
			{  
				// Wenn RAting bestimmten Wert angenommen hat, vollen, halben oder grauen Stern zeichnen  
				if (rating>=($(this).index()*20+15))  
					$("#rate a:eq("+$(this).index()+") img").attr("src","/images/starfull.png");  
	        	else if (rating>=($(this).index()*20+5))  
	        		$("#rate a:eq("+$(this).index()+") img").attr("src","/images/starhalf.png");  
	        	else  
	        		$("#rate a:eq("+$(this).index()+") img").attr("src","/images/stargrey.png");  
	        });  
        });	  
	}  
	// Funktion zum Abbilden des Ratings beim initialisieren aufrufen  
	showrating();  
    //#########################################################################################  
    // Funktion zum Tausch der Sterne die vor dem gewählten Stern stehen gegen grünen stern   #  
    //#########################################################################################  
    $('#star20,#star40,#star60,#star80,#star100').mouseover(function()  
    {  
    	// alle sterne mit niedrigerem index als der gewählte tauschen  
    	$("#rate a img:lt("+$(this).index()+"),#rate a img:eq("+$(this).index()+")").attr("src","/images/staryellow.png");  
    });  
    //#######################################  
    // Funktion zum Zurücktausch der Sterne #  
    //#######################################  
    $('#star20,#star40,#star60,#star80,#star100').mouseout(function()  
    {  
    	// alle sterne zurücktauschen  
    	showrating();  
    });  
})  

Beim drüberfahren werden aber teilweise nur kurz die gelben sterne eingeblendet um sofort danach wieder zurückgewechselt zu werden, obwohl ich mit der Maus den Link nicht verlassen habe. Eine Idee woran das liegen kann?

Gruß Bobby