Hi, im trying to change some code and need a little help, which would be greatly appreciated. The origional menu is here, http://www.dynamicdrive.com/dynamici...lideinmenu.htm.

the code is below

As you can see, there is only one menu that slides over. What im tyring to figure out is how to make it so ther are 4 menus, and all tab out independently. Any ideas?

Code:
<script language="JavaScript1.2" name="menubar1">
						
						/***********************************************
						* Sliding Menu Bar Script- © Dynamic Drive (www.dynamicdrive.com)
						* Visit http://www.dynamicdrive.com/ for full source code
						* This notice must stay intact for use
						***********************************************/
						
						//border:1px solid black;
						
						var slidemenu_width='175px' //specify width of menu (in pixels)
						var slidemenu_reveal='32px' //specify amount that menu should protrude initially
						var slidemenu_top='50px'   //specify vertical offset of menu on page
						
						var ns4=document.layers?1:0
						var ie4=document.all
						var ns6=document.getElementById&&!document.all?1:0
						
						if (ie4||ns6)
						document.write('<div id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
						else if (ns4){
						document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
						document.write('<layer id="slidemenubar" left=5 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
						}
						
						var sitems=new Array()
						
						///////////Edit below/////////////////////////////////
						
						//siteitems[x]=["Item Text", "Optional URL associated with text"]
						
						//sitems[0]=["<big><font face='Tahoma'>Site Menu</font></big>", ""]
						sitems[0]=["", ""]
						sitems[1]=["TEA is a software solution", ""]
						sitems[2]=["provider, focused on delivering ", ""]
						sitems[3]=["a complete, high-productivity", ""]
						sitems[4]=["record management solution...", ""]
						sitems[5]=[".", ""]

						sitems[6]=["click here to view...", ""]
						sitems[7]=[".", ""]
						
											
						//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
						var target=""
						
						/////////////////////////////////////////////////////////
						
						if (ie4||ns4||ns6){
						for (i=0;i<sitems.length;i++){
						if (sitems[i][1])
						document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
						document.write(sitems[i][0])
						if (sitems[i][1])
						document.write('</a>')
						document.write('<br>\n')
						}
						}
						
						function regenerate(){
						window.location.reload()
						}
						function regenerate2(){
						if (ns4){
						document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
						document.slidemenubar.visibility="show"
						setTimeout("window.onresize=regenerate",400)
						}
						}
						window.onload=regenerate2
						
						rightboundary=0
						leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1
						
						if (ie4||ns6){
						document.write('</div>')
						themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
						}
						else if (ns4){
						document.write('</layer>')
						themenu=document.layers.slidemenubar
						}
						
						function pull(){
						if (window.drawit)
						clearInterval(drawit)
						pullit=setInterval("pullengine()",10)
						}
						function draw(){
						clearInterval(pullit)
						drawit=setInterval("drawengine()",10)
						}
						function pullengine(){
						if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
						themenu.left=parseInt(themenu.left)+20+"px"
						else if(ns4&&themenu.left<rightboundary)
						themenu.left+=10
						else if (window.pullit){
						themenu.left=0
						clearInterval(pullit)
						}
						}
						
						function drawengine(){
						if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
						themenu.left=parseInt(themenu.left)-20+"px"
						else if(ns4&&themenu.left>leftboundary)
						themenu.left-=10
						else if (window.drawit){
						themenu.left=leftboundary
						clearInterval(drawit)
						}
						}
						</script>