JS nie potrafi dodawać?

[Sueroski]

Witam mam pewnien problem. Otóż jak sprawdzałem przez dodanie alert w poniższym kodzie w funkcji open, liczba po dodaniu cały czas jest 0.1. I się nie dodaje wogóle! Jak zrobić, aby szło to dalej (0.1, 0.2, 0.3 itd. )? Czyżby JS nie potrafił dodawać?
Oto kod:

Kod:

<style type="text/css">
#tresc{
    position: absolute;
    width: 100px;
    height: 100px;
    margin-top:  120px;
    margin-left: 120px;
    background-color: red;
    opacity: 0;
    filter: alpha(opacity=0);
}
</style>
<script type="text/javascript">
window.onload = function(){el = document.getElementById('tresc'); }
function close(){
    el.style.opacity-=0.1;
    if(el.style.opacity<=0){
        clearInterval(intervalID);
    }
}
function open(){
    el.style.opacity+=0.1;
    if(el.style.opacity>=1){
        clearInterval(intervalID);
    }
}
</script>
<a onclick="intervalID=setInterval('open()',50);" href="#">a</a>
<div id="tresc">a <a onclick="intervalID=setInterval('close()',50);" href="#">a</a></div>

Proszę o jak najszybszą pomoc, ponieważ chciałbym zacząć tworzyć stronę, a już 3 dzień użeram się z tym okienkiem :/ php jest prostsze od js