[Resolvido] setInterval

Oi, teste você mesmo e me explique o que está errado

<script type="text/javascript">

function cima(){
var end = 50;
 var objTarget = document.getElementById('panel');
 if(parseInt(objTarget.style.marginTop.replace("px","")) > end){
 objTarget.style.marginTop = (parseInt(objTarget.style.marginTop.replace("px","")) + eval(-1)) + 'px';

 if(parseInt(objTarget.style.marginTop.replace("px","")) == end){
 //alert('igualcima');
 clearInterval("time");
 document.getElementById('bordaBox').style.display = 'block';
 }else{

 time = setInterval("cima()", 1);
 }
	}
}

function baixo(){
var end = 200;
 var objTarget = document.getElementById('panel');
 if(parseInt(objTarget.style.marginTop.replace("px","")) < end){
 objTarget.style.marginTop = (parseInt(objTarget.style.marginTop.replace("px","")) + eval(+1)) + 'px';

 if(parseInt(objTarget.style.marginTop.replace("px","")) == end){
 clearInterval(time_baixo);
 //alert('igualbaixo');
 document.getElementById('bordaBox').style.display = 'none';
 }else{

 time_baixo = setInterval("baixo()", 1);
 }}
}

function box(){
input = document.getElementById('inputBox').value;
if (input != "" & input != "undefined" & input != "null"){
cima();
}

baixo();
}
}
</script>

<div id="panel" style="margin:200px">
 <form name="form" method="post" action="action">
 <input type="text" id="inputBox" onkeyup="box();">
 </form>

<div id="bordaBox" class="bordaBox" style="padding-left:62px; display:none" >

</div>
</div>

o objetivo é subir e descer o elemento quando tiver ou nao tiver valor no campo, com setInterval não funciona e eu fis o clear dele no lugar certo, se alterar o setInterval pelo setTimeout funciona, mais ai demora 1 segundo para subir e descer, demora muito tem que ser mais rapido, com setInterval é mais rapido mais não funciona direito... oque está errado ?