cambiar cursor achicar/agrandar con Javascript y CSS

[farra]

Código HTML:

<script language="javascript" type="text/javascript">
function cambia(id,imgchica,imggrande){
	var cual = document.getElementById('cual').value;
	if(cual == "1"){
		document.getElementById('cual').value='0';
		document.getElementById(id).src=imgchica;
		document.getElementById(id).style.cursor='url(lupa.cur)';
	}else{
		document.getElementById('cual').value='1';
		document.getElementById(id).src=imggrande;
		document.getElementById(id).style.cursor='url(achica.cur)';
	}
}
</script>


<p><img src="http://www.forosdelweb.com/images/molino_200.jpg" alt="Molinos Forrajeras Robot" id="molino" style="cursor:url(lupa.cur);" onclick="cambia('molino','images/molino_200.jpg','images/molino_500.jpg')"   /> <input name="cual" id="cual" type="hidden" value="0" /> </p> 

funciona perfecto hasta la 3ra ves que haces click y luego desaparece el cursor...


por que puede ser esto?