var active = 1;
var divID = "";
var openHeight= 0;
var closeHeight = 0;
var height;
var miliseconds = 40;
var pixelsPerExecution = 8;

var interval;

function toggle_visible(dID, oHeight, cHeight) {
    divID = dID;
    openHeight = oHeight;
    closeHeight = cHeight;
    
    if(active == 1) {
        active = 0;
        height = closeHeight; 
       interval =  window.setInterval('openDiv()', miliseconds);
    } else if(active == 0){
        active = 1;
        height = openHeight;    
       interval =  window.setInterval('closeDiv()', miliseconds);
    }
}


function closeDiv(){
    if(height >= closeHeight){
      height-=pixelsPerExecution;
        document.getElementById(divID).style.height=height + 'px';
    }
	else
	{
		window.clearInterval(interval);
		document.getElementById(divID).style.height = closeHeight + 'px'; 
	}
}

function openDiv(){
    if(height <= openHeight){
        height+=pixelsPerExecution;
        document.getElementById(divID).style.height=height + 'px';        
    }
	else
	{
		window.clearInterval(interval);
		document.getElementById(divID).style.height = openHeight + 'px'; 
	}
}