Separating scripts in Left modules Options

[spazzymommy]

Can someone help me? I copied a script from here called ""Navigation - Folding Menu Tree" and I really like it...but in the same module I wanted to put a scrolling marquee of pictures.
The marquee works- but for some reason it's part of the scripting for th navigation menu.
HOW do I break the script for the Navigation menu to being separate from the scrolling marquee??

My blog is: www.xanga.com/spazzymommy

This is what the script that nots working properly looks like:

CODE

<style>
<!--
#foldheader{cursor:pointer;cursor:hand; font-weight:bold;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script language="JavaScript1.2">
<!--


var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

function checkcontained(e){
var iscontained=0
cur=ns6? e.target : event.srcElement
i=0
if (cur.id=="foldheader")
iscontained=1
else
while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
if (cur.id=="foldheader"||cur.id=="foldinglist"){
iscontained=(cur.id=="foldheader")? 1 : 0
break
}
cur=ns6? cur.parentNode : cur.parentElement
}

if (iscontained){
var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
if (foldercontent.style.display=="none"){
foldercontent.style.display=""
cur.style.listStyleImage="url(open.gif)"
}
else{
foldercontent.style.display="none"
cur.style.listStyleImage="url(fold.gif)"
}
}
}

if (ie4||ns6)
document.onclick=checkcontained

//-->
</script>
<font face="Verdana">

<ul>
   <li id="foldheader">Video Chest</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="http://s4.photobucket.com/albums/y119/Mommiof4/?action=view¤t=Allegretto.flv&refPage=&imgAnch=imgAnch6 ">Rebekah on Violin</a></li>
      <li><a href="http://s4.photobucket.com/albums/y119/Mommiof4/?action=view¤t=Crudonmyapple.flv">Crud On My Apple</a></li>
      <li><a href="http://s4.photobucket.com/albums/y119/Mommiof4/?action=view¤t=skateboy.flv">Skate Boy</a></li>
   </ul>

   <li id="foldheader">Homeschool Gems</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="http://www.homeedmag.com/HEM/info.html">HS Magazine</a></li>
      <li><a href="http://www.educationalpress.org/educationalpress/Index.asp">Worksheets</a></li>
      <li><a href="http://p105.ezboard.com/bthegatepost">The Gatepost</a></li>
   </ul>

   <li id="foldheader">Heavenly Treasures</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="http://www.persecution.com  ">Martyrs</a></li>
      <li><a href="http://www.jceal.org/ ">JCEAL</a></li>
      </font>
</script>
<!-- end code provided by createblog.com -->


<br>
<hr>
<!-- module:start -->
<table class="right" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><td class="left" vAlign="top">
<marquee direction=left scrollamount=3><img src="http://i4.photobucket.com/albums/y119/Mommiof4/Xanga/treasurescroll.jpg">
</td></tr>
</table>
<br/>
<!-- module:end -->

[*digital.fragrance*]

OKie dokie... I noticed that at the end of your listing code there is an extra </script>:

<li id="foldheader">Heavenly Treasures</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.persecution.com ">Martyrs</a></li>
<li><a href="http://www.jceal.org/ ">JCEAL</a></li>
</font>
</script>

Get rid of that...
Other than that, everything pretty much looks fine - I'm not sure what the <hr> is actually doing above the marquee code, but just concentrate on getting rid of that extra closing</script> tag.