var Location = new Array(); // ID of the Expanding/Collapsing Div
var Path = new Array(); // Direction of Expansion
var IsMoving= new Array(); // If item is moving
var Dimension = new Array(); // Original Dimension
var TimerStart = new Array();
var TimerID = new Array();
var Elapsed = new Array();
var MoveSpeed = 10; // How many pixels to move per interval
var TimerLength = 5; // Interval
function ExpandCollapse(LocationName, Direction)
{
    if(document.getElementById(LocationName).style.display != "none")
    // if expanded
    {
        Collapse(LocationName, Direction);
    }
    // if not expanded
    else
    {
        Expand(LocationName, Direction);
    }
}
function Expand(LocationName, Direction)
{
    if(IsMoving[LocationName])
    {
        return;
    }
    if(document.getElementById(LocationName).style.display != "none")
    {
        return; // Redundant check in case called directly.
    }
    Location[LocationName] = document.getElementById(LocationName);
    IsMoving[LocationName] = true;
    Path[LocationName] = Direction;
    if(Path[LocationName] == "down")
    {
        Dimension[LocationName] = parseInt(Location[LocationName].style.height);
        Location[LocationName].style.height = "0px";
    }
    if(Path[LocationName] == "up")
    {
        Dimension[LocationName] = parseInt(Location[LocationName].style.height);
        Location[LocationName].style.height = "0px";
    }
    if(Path[LocationName] == "left")
    {
        Dimension[LocationName] = parseInt(Location[LocationName].style.width);
        Location[LocationName].style.width = "0px";
    }
    if(Path[LocationName] == "right")
    {
        Dimension[LocationName] = parseInt(Location[LocationName].style.width);
        Location[LocationName].style.width = "0px";
    }
    TimerStart[LocationName] = (new Date()).getTime();
    Location[LocationName].style.display = "block";
    TimerID[LocationName] = setInterval('Expanding(\'' + LocationName + '\');',TimerLength);
}
function Collapse(LocationName, Direction)
{
    if(IsMoving[LocationName])
    {
        return;
    }
    if(document.getElementById(LocationName).style.display != "block")
    {
        return; // Redundant check in case called directly.
    }
    Location[LocationName] = document.getElementById(LocationName);
    IsMoving[LocationName] = true;
    Path[LocationName] = Direction;
    if(Path[LocationName] == "down")
    {
        Dimension[LocationName] = parseInt(Location[LocationName].style.height);
    }
    if(Path[LocationName] == "up")
    {
        Dimension[LocationName] = parseInt(Location[LocationName].style.height);
    }
    if(Path[LocationName] == "left")
    {
        Dimension[LocationName] = parseInt(Location[LocationName].style.width);
    }
    if(Path[LocationName] == "right")
    {
        Dimension[LocationName] = parseInt(Location[LocationName].style.width);
    }
    TimerStart[LocationName] = (new Date()).getTime();
    Location[LocationName].style.display = "block";
    TimerID[LocationName] = setInterval('Collapsing(\'' + LocationName + '\');',TimerLength);
}
function Expanding(LocationName)
{
    if((Path[LocationName] == "down" || Path[LocationName] == "up")&&(parseInt(Location[LocationName].style.height) >= Dimension[LocationName]))
    {
        ExpandCollapseCleanup(LocationName, "Expand");
    }
    else if((Path[LocationName] == "left" || Path[LocationName] == "right")&&(parseInt(Location[LocationName].style.width) >= Dimension[LocationName]))
    {
        ExpandCollapseCleanup(LocationName, "Expand");
    }
    else
    {
        if(Path[LocationName] == "down")
        {
            Location[LocationName].style.height = parseInt(Location[LocationName].style.height) + MoveSpeed + "px";
        }
        if(Path[LocationName] == "up") //repositions if needed
        {
            Location[LocationName].style.height = parseInt(Location[LocationName].style.height) + MoveSpeed + "px";
        }
        if(Path[LocationName] == "left")
        {
            Location[LocationName].style.width = parseInt(Location[LocationName].style.width) + MoveSpeed + "px";
        }
        if(Path[LocationName] == "right")
        {
            Location[LocationName].style.width = parseInt(Location[LocationName].style.width) + MoveSpeed + "px";
            Location[LocationName].parentNode.style.left = parseInt(Location[LocationName].parentNode.style.left) - MoveSpeed + "px";
        }
    }
    return;
}
function Collapsing(LocationName)
{
    if((Path[LocationName] == "down" || Path[LocationName] == "up")&&(parseInt(Location[LocationName].style.height) <= MoveSpeed))
    {
        ExpandCollapseCleanup(LocationName, "Collapse");
    }
    else if((Path[LocationName] == "left" || Path[LocationName] == "right")&&(parseInt(Location[LocationName].style.width) <= MoveSpeed))
    {
        ExpandCollapseCleanup(LocationName, "Collapse");
    }
    else 
    {
        if(Path[LocationName] == "down")
        {
            Location[LocationName].style.height = parseInt(Location[LocationName].style.height) - MoveSpeed + "px";
        }
        if(Path[LocationName] == "up") //repositions as needed
        {
            Location[LocationName].style.height = parseInt(Location[LocationName].style.height) - MoveSpeed + "px";
        }
        if(Path[LocationName] == "left")
        {
            Location[LocationName].style.width = parseInt(Location[LocationName].style.width) - MoveSpeed + "px";
        }
        if(Path[LocationName] == "right") // repositions as needed
        {
            Location[LocationName].style.width = parseInt(Location[LocationName].style.width) - MoveSpeed + "px";
            Location[LocationName].parentNode.style.left = parseInt(Location[LocationName].parentNode.style.left) + MoveSpeed + "px";
        }
    }
    return;
}
function ExpandCollapseCleanup(LocationName, Status)
{
    if(Status == "Expand")
    {
        if(Path[LocationName] == "down")
        {
            Location[LocationName].style.height = Dimension[LocationName] + "px";
        }
        if(Path[LocationName] == "up")
        {
            Location[LocationName].style.height = Dimension[LocationName] + "px";
        }
        if(Path[LocationName] == "left")
        {
            Location[LocationName].style.width = Dimension[LocationName] + "px";
        }
        if(Path[LocationName] == "right")
        {
            Location[LocationName].style.width = Dimension[LocationName] + "px";
        }
    }
    else
    {
        if(Path[LocationName] == "down")
        {
            Location[LocationName].style.height = Dimension[LocationName] + "px";
        }
        if(Path[LocationName] == "up")
        {
            Location[LocationName].style.height = Dimension[LocationName] + "px";
        }
        if(Path[LocationName] == "left")
        {
            Location[LocationName].style.width = Dimension[LocationName] + "px";
        }
        if(Path[LocationName] == "right")
        {
            Location[LocationName].parentNode.style.left = parseInt(Location[LocationName].parentNode.style.left) + parseInt(Location[LocationName].style.width) + "px";
            Location[LocationName].style.width = Dimension[LocationName] + "px";
        }
        Location[LocationName].style.display = "none";
    }
    clearInterval(TimerID[LocationName]);
    delete(Location[LocationName]);
    delete(Path[LocationName]);
    delete(IsMoving[LocationName]);
    delete(Dimension[LocationName]);
    delete(TimerStart[LocationName]);
    delete(TimerID[LocationName]);
    delete(Elapsed[LocationName]);
    return;
}