var dirUp = 1;

function disAreas() {
    var element = document.getElementById('dvLocations');

    if (dirUp == 1) {
        slideDown();
    } else {
        slideUp();
    }
}

var timerlen = 5;
var slideAniLen = 500;
var startTime;
var endHeight;
var intTime;

function slideDown() {
    var element = document.getElementById('dvLocations');
    if (element.style.display != "none") {
        return;
    }

    startTime = new Date().getTime();
    endHeight = parseInt(element.style.height);
    dirUp = 0;
    element.style.height = "1px";
    element.style.display = "block";
    intTime = setInterval('startSlide();', timerlen);
}

function slideUp() {
    var element = document.getElementById('dvLocations');
    if (element.style.display == "none") {
        return;
    }

    startTime = new Date().getTime();
    endHeight = parseInt(element.style.height);
    dirUp = 1;
    intTime = setInterval('startSlide();', timerlen);
}

function startSlide() {
    var element = document.getElementById('dvLocations');
    var elapsedTime = new Date().getTime() - startTime;
    //alert(elapsedTime);
    if (elapsedTime >= slideAniLen) {
        endSlide();
    } else {
        var d = Math.round(elapsedTime / slideAniLen * endHeight);

        if (dirUp == 1) {
            d = endHeight - d;
        }

        element.style.height = d + "px";

    }

    return;
}

function endSlide() {
    clearInterval(intTime);
    var element = document.getElementById("dvLocations");
    //alert("End Hit");


    if (dirUp == 1) {
        element.style.display = "none";
    }

    element.style.height = endHeight + "px";
    endHeight = 0;

    return;
}