что то у меня не праивльно работае, вычесление цифр, подскажите где у меня проблема, надо сделать плавное затухание (не прибигая к ферймворкам)
<style>
#tron {
 width:500px; 
 height:500px;
 background:#0F0;
}
</style>
<input type="button" onclick="hide('tron', 1)" value="opacity" />
 <div id="tron" ></div>
function hide(ob, x) {
  element = document.getElementById(ob);
  i = 0;
  op = parseFloat(x);
 
  if (op > i || op !== 0) {
    op -=0.05;
	element.style.opacity = op;
	/*element.style.filter='alpha(opacity='+op*100+')';*/ 
	tss = setTimeout('hide(\''+ob+'\', '+op+')', 10); 
  }
  if (op < 0) { clearTimeout(tss);element.style.opacity = 0;}
  alert(op);
}
из сообшений видно, что скрипт как то не правильно делает вычесление, и в итоги в минус заходит, как исправить?