var _TimerIncrement = 5;
var _IMovementPixels = 25;
var _Interval = 0;
var _PanelIsOpen = false;
var _OpenPanelName = "";

var _iNewTop;
var _TotalHeight;








function ShowPanel(PanelName) {

    if (_PanelIsOpen == false) {
        _PanelIsOpen = true;
        _OpenPanelName = PanelName;

        var oPanel = document.getElementById(PanelName);
        oPanel.style.top = '-300px';
        oPanel.style.visibility = "visible";
        oPanel.style.display = "block";
        _Interval = setInterval("SlideDownWindow('" + PanelName + "')", _TimerIncrement);
    }
    else {
        if (_OpenPanelName == PanelName) {
            return;
        }
        HidePanel(_OpenPanelName);
        _PanelIsOpen = true;
        _OpenPanelName = PanelName;
        document.getElementById(PanelName).style.visibility = "visible";
        document.getElementById(PanelName).style.display = "block";
    }
}









function SlidePanelUp(PanelName) {

    _OpenPanelName = PanelName;

    var oPanel = document.getElementById(PanelName);
    oPanel.style.visibility = "visible";
    oPanel.style.display = "block";
    var iTop = parseInt(oPanel.style.top);
    _iNewTop = iTop - 100;
    _TotalHeight = -1900;

    if (iTop <= _TotalHeight) {
        return;
    }
    _Interval = setInterval("SlideUpWindow('" + PanelName + "')", _TimerIncrement);


}


function SlideUpWindow(PanelName) {

    var oPanel = document.getElementById(PanelName);
    var iTop = parseInt(oPanel.style.top);

    if (iTop <= (_iNewTop)) {
        // we have slided up the content so the whole thing is invisible.
        // we do not need to slide anymore

        clearInterval(_Interval);

        return;
    }


    oPanel.style.visibility = 'visible';
    var newpos = iTop - _IMovementPixels + "px";
    oPanel.style.top = newpos;
}


function SlidePanelDown(PanelName) {

    _OpenPanelName = PanelName;

    var oPanel = document.getElementById(PanelName);
    oPanel.style.visibility = "visible";
    oPanel.style.display = "block";
    var iTop = parseInt(oPanel.style.top);
    _iNewTop = iTop + 100;


    if (iTop == 0) {
        return;
    }
    _Interval = setInterval("SlideDownWindow('" + PanelName + "')", _TimerIncrement);


}


function SlideDownWindow(PanelName) {

    var oPanel = document.getElementById(PanelName);
    var iTop = parseInt(oPanel.style.top);

    if (iTop >= _iNewTop) 
    {
        // we have slided up the content so the whole thing is invisible.
        // we do not need to slide anymore
     
        clearInterval(_Interval);

        return;
    }


    oPanel.style.visibility = 'visible';
    var newpos = iTop + _IMovementPixels + "px";
    oPanel.style.top = newpos;
}





function ShowFramePanel(PanelName, FrameID, URL)
{

    if (_PanelIsOpen == false) {
        _PanelIsOpen = true;
        _OpenPanelName = PanelName;

        var oPanel = document.getElementById(PanelName);
        oPanel.style.top = '-600px';
        oPanel.style.visibility = "visible";
        oPanel.style.display = "block";

        var oFrame = document.getElementById(FrameID);
        oFrame.style.visibility = "visible";
        oFrame.src = URL;
        _Interval = setInterval("SlideDownWindow('" + PanelName + "')", _TimerIncrement);
    }
    else {
        if (_OpenPanelName == PanelName) {
            return;
        }
        HidePanel(_OpenPanelName);
        _PanelIsOpen = true;
        _OpenPanelName = PanelName;
        document.getElementById(PanelName).style.visibility = "visible";
        document.getElementById(PanelName).style.display = "block";
    }

}

function SlideDownWindow(PanelName) {

    var oPanel = document.getElementById(PanelName);
    var iTop = parseInt(oPanel.style.top);

    if (iTop >= 110) {

        // we have slided down the content so the whole thing is visible.
        // we do not need to slide anymore
        clearInterval(_Interval);
        return;
    }

    oPanel.style.visibility = 'visible';
    var newpos = iTop + _IMovementPixels + "px";
    oPanel.style.top = newpos;
}


function HidePanel(PanelName) {

    if (_PanelIsOpen == true) {
        var oPanel = document.getElementById(PanelName);
        _Interval = setInterval("SlideUpWindow('" + PanelName + "')", _TimerIncrement);
        _PanelIsOpen = false;
        _OpenPanelName = PanelName;
    }
}


function SlideUpWindow(PanelName) {

    var oPanel = document.getElementById(PanelName);
    var iTop = parseInt(oPanel.style.top);

    var iHeight = parseInt(oPanel.style.height);
    if (iTop <= (0 - (iHeight + 100))) {
        // we have slided up the content so the whole thing is invisible.
        // we do not need to slide anymore

        clearInterval(_Interval);

        return;
    }


    oPanel.style.visibility = 'visible';
    var newpos = iTop - _IMovementPixels + "px";
    oPanel.style.top = newpos;
}