var c=-300;
var t;
var timer_is_on=0;

function moveDown(){
	if(timer_is_on==0){
		if(c<=0){
			c+=10;
			//document.getElementById('txt').value=c + 'px';
			document.getElementById("sliding_box").style.marginTop = c + 'px';
			
			t=setTimeout("moveDown()",10);
		}
		if(c>=0){
			clearTimeout(t);
			document.getElementById("btn").className = 'close';
			timer_is_on=1;
		}
	}
}
	//-----------------
function moveUp(){	
	if(timer_is_on==1){
		if(c>=-300){
			c-=10;
			//document.getElementById('txt').value=c + 'px';
			document.getElementById("sliding_box").style.marginTop = c + 'px';
			t=setTimeout("moveUp()",10);		
		}
		if(c==-300){
			document.getElementById("btn").className = 'open';
			timer_is_on=0;
			clearTimeout(t);
		
		}
	}

}

function slidingBox(){
	 if (!timer_is_on) {
 	  moveDown();
	  } else{moveUp();}
}