var mapSlid = false;
var dy = 40;
var dt = 10;
var mapStartH = 72;
var mapEndH = 432;
var msIntrvl;

function start_slide_map() {
    msIntrvl = setInterval(slide_map, dt);
}

function slide_map() {
    var stop = mapSlid ? mapStartH : mapEndH;
    var map = document.getElementById('map_content');
    var currH = map.style.height ? parseInt(map.style.height) : (mapSlid ? mapEndH : mapStartH);

    if ((!mapSlid && (currH + dy) >= stop) || (mapSlid && (currH - dy) <= stop)) {
        map.style.height = stop + 'px';
        clearInterval(msIntrvl);
        mapSlid = !mapSlid;
        map.className = mapSlid ? 'active' : '';
    }
    else {
        map.style.height = (mapSlid ? (currH - dy) : (currH + dy)) + 'px';
    }
}