var extendedAreaVisible = true;
var extendedAreaExpanded = false;
var extendedAreaCollapsedHeight = 35;
var extendedAreaPlayingHeight = 250;

function animateStartupExtendedArea(onMotionFinished) {
    showExtendedArea();
    var t1 = new Tween(document.getElementById('SpreadSystem_ExtendedArea').style, 'height', Tween.regularEaseInOut, 0, extendedAreaCollapsedHeight, 1, 'px');
    t1.onMotionFinished = onMotionFinished;
    t1.start();
}

function animateToggleExtendedArea() {
    var elm = document.getElementById('SpreadSystem_ExtendedArea');
    if (elm == null) return;

    var start = extendedAreaCollapsedHeight;
    var end = extendedAreaPlayingHeight;

    if (extendedAreaExpanded) {
        start = extendedAreaPlayingHeight;
        end = extendedAreaCollapsedHeight;
    }

    var t1 = new Tween(document.getElementById('SpreadSystem_ExtendedArea').style, 'height', Tween.regularEaseInOut, start, end, 2, 'px');
    t1.onMotionFinished = function () {
        if (extendedAreaExpanded) {
            //elm.style.display = "none";
        }
        extendedAreaExpanded = !extendedAreaExpanded;
    };
    t1.start();
}

function toggleExtendedArea() {
    if (extendedAreaExpanded) {
        collapseExtendedArea();
    } else {
        expandExtendedArea();
    }
}

function expandExtendedArea() {
    var elm = document.getElementById("SpreadSystem_ExtendedArea");
    if (elm == null) return;
    elm.style.height = extendedAreaPlayingHeight + "px";
    extendedAreaExpanded = true;
}

function collapseExtendedArea() {
    var elm = document.getElementById("SpreadSystem_ExtendedArea");
    if (elm == null) return;
    elm.style.height = "0px";
    extendedAreaExpanded = false;
}



function showExtendedArea() {
    var elm = document.getElementById("SpreadSystem_ExtendedArea");
    if (elm == null) return;
    elm.style.display = "block";
    extendedAreaVisible = true;
}

function hideExtendedArea() {
    var elm = document.getElementById("SpreadSystem_ExtendedArea");
    if (elm == null) return;
    elm.style.display = "none";
    extendedAreaVisible = false;
}