I need a slide up box on click like this one here: http://www.isaacsunyer.com/el-mejor-...s-he-conocido/

At the bottom of the page if you click on the orange bar that flotes on the bottom it expands and click again and contracts, I have been playing around with this to make it doo thesame but cant:

Can someone give me a hand? Thanks

Code:
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <style> 
 
#divMenu {font-family:arial,helvetica; font-size:12pt; font-weight:bold}
#divMenu a{text-decoration:none;}
#divMenu a:hover{color:red;}
</style>
<script language="JavaScript1.2"> 
/****************************************
Submitted with modifications by Jack Routledge (http://fastway.to/compute) to DynamicDrive.com
Copyright (C) 1999 Thomas Brattli @ www.dhtmlcentral.com
This script is made by and copyrighted to Thomas Brattli 
This may be used and modified freely as long as this msg is intact!
This script has been featured on http://www.dynamicdrive.com
****************************************
Browsercheck:*/
ie=document.all?1:0
n=document.layers?1:0
ns6=document.getElementById&&!document.all?1:0
 
//These are the variables you have to set:
 
//How much of the layer do you wan't to be visible when it's in the out state?
lshow=50
 
//How many pixels should it move every step? 
var move=10;
 
//At what speed (in milliseconds, lower value is more speed)
menuSpeed=40
 
//Do you want it to move with the page if the user scroll the page?
var moveOnScroll=true
 
//***************************************
//You should't have to change anything below this.
//****************************************
//Defining variables
 
var ltop;
var tim=0;
 
//Object constructor
function makeMenu(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    if (n) this.css=eval(nest+'document.'+obj)
    else if (ns6) this.css=document.getElementById(obj).style
    else if (ie) this.css=eval(obj+'.style')						
	this.state=1
	this.go=0
        if (n) this.width=this.css.document.width
        else if (ns6) this.width=document.getElementById(obj).offsetWidth
        else if (ie) this.width=eval(obj+'.offsetWidth')
	this.left=b_getleft
    this.obj = obj + "Object"; 	eval(this.obj + "=this")	
}
//Get's the top position.
function b_getleft(){
        if (n||ns6){ gleft=parseInt(this.css.left)}
        else if (ie){ gleft=eval(this.css.pixelLeft)}
	return gleft;
}
//***********************************
//Deciding what way to move the menu (this is called onmouseover, onmouseout or onclick)
//************************************
function moveMenu(){
	if(!oMenu.state){
		clearTimeout(tim)
		mIn()	
	}else{
		clearTimeout(tim)
		mOut()
	}
}
//Menu in
function mIn(){
	if(oMenu.left()>-oMenu.width+lshow){
		oMenu.go=1
		oMenu.css.left=oMenu.left()-move
		tim=setTimeout("mIn()",menuSpeed)
	}else{
		oMenu.go=0
		oMenu.state=1
	}	
}
//Menu out
function mOut(){
	if(oMenu.left()<0){
		oMenu.go=1
		oMenu.css.left=oMenu.left()+move
		tim=setTimeout("mOut()",menuSpeed)
	}else{
		oMenu.go=0
		oMenu.state=0
	}	
}
//*********************************
//Checking if the page is scrolled, if it is move the menu after
//**********************************
function checkScrolled(){
	if(!oMenu.go) oMenu.css.top=eval(scrolled)+parseInt(ltop)
	if(n||ns6) setTimeout('checkScrolled()',30)
}
//*********************************
//Inits the page, makes the menu object, moves it to the right place, 
//show it
//**********************************
function menuInit(){
	oMenu=new makeMenu('divMenu')
        if (n||ns6) scrolled="window.pageYOffset"
        else if (ie) scrolled="document.body.scrollTop"
	oMenu.css.left=-oMenu.width+lshow
        if (n||ns6) ltop=oMenu.css.top
        else if (ie) ltop=oMenu.css.pixelTop
	oMenu.css.visibility='visible'
	if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}
 
 
//Initing menu on pageload
window.onload=menuInit;
</script>
</head>
<div id="divMenu" style="position:absolute; top:100; left:30; visibility:hidden; background-color:#FFFFFF">
<nobr>
<!-- Here is the HTML that you need to copy and paste into your page -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
 width="470" height="300" id="CoffeeCup" align="middle">
<param name="movie" value="chat.swf"/>
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
<embed src="chat.swf" quality="high" bgcolor="#ffffff" width="470" height="300"
 name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
 pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
 
	<a href="javascript://" onclick="moveMenu()">MENU</a>
</nobr>

</div>
</body></html>