var increment = 8; // pixels
var controlPanelClosedPos = -350; // must be equal to width specified in the CSS
var controlPanelOpenPos = 30;

var isExpanded = false;

var currentOffSet = controlPanelClosedPos;
var inMotion = false;

//function printControlPanel()
{
   // document.writeln('<div id="control"><table cellspacing="0"><tr><td id="cpTab"><a href="javascript: animateControlPanel();"><img src="images/sidebar.gif"></a></td><td id="cpContent"><form name="form1" method="post" target="jumpup" action="http://www.15656.com/dev/betatrack/post.php"><table width="300" border="0"><tr><td align="right" valign="top" class="small_text">Comment</td><td valign="top"><textarea name="text" cols="40" rows="5" class="small_text"></textarea></td></tr><tr><td valign="top">&nbsp;</td><td valign="top"><input name="Submit" type="submit" class="small_text" value="Submit"></td></tr></table></form></td></tr></table></div>');
}

function animateControlPanel()
{
    if (!inMotion)
    {
        inMotion = true;
        animate = setInterval('moveControlPanel()', 5);
    }
}

function moveControlPanel()
{
    if (isExpanded) {
        currentOffSet -= increment;
    } else {
        currentOffSet += increment;
    }
    
    if (currentOffSet >= controlPanelOpenPos || currentOffSet <= controlPanelClosedPos)
    {
        clearTimeout(animate)
        inMotion = false;
        if (isExpanded) {
            isExpanded = false;
        } else {
            isExpanded = true;
        }        
    }
    //document.getElementById('control').style.width = currentOffSet + "px";
	document.getElementById('control').style.top = currentOffSet + "px";
}