var secs;
var timerID = null;
var timerRunning = false;
var delay = 40;

var eindHoogte = 0;
var currentHoogte = 0;
var tijd = 1500;
var deltaH = 0;
var div = undefined;


function InitializeTimer()
{
    // Set the length of the timer, in seconds
    secs = 10;
    StopTheClock();
    StartTheTimer();
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID);
    timerRunning = false;
}

function StartTheTimer()
{
    if (currentHoogte >= eindHoogte)
    {
        StopTheClock();
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        /*alert("klaar");*/
    }
    else
    {
        currentHoogte += deltaH;
        div.style.height = currentHoogte.toString() + 'px' ;
        self.status = secs;
        secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("StartTheTimer()", 10);
    }
}


function sizeDiv(el)
{
    div = document.getElementById(el);
    if (el != undefined)
    {
        eindHoogte = div.offsetHeight;
        //deltaH = 1000/eindHoogte;
        deltaH = 7;
        div.style.height = '0px';
        div.style.visibility = 'visible';
        InitializeTimer(div);
    }
    
}