Treeview problem

hvorfor er min treeview udfoldet når jeg loader min side, jeg ønsker selvfølgelig at den skal være sammenfoldet når siden loades og derefter kan foldes efter behov

Her er min kode:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Venstre</title>
<style>
<!--a:hover      { color: red }
-->
<!--
#foldheader  { cursor: hand; font-weight: bold; list-style-image: url('fold.gif') }
#foldinglist { list-style-image: url('list.gif') }
//-->
</style>
<style type="text/css">
<!--
a:link      { text-decoration: none }
a:visited    { text-decoration: none }
a:hover      { text-decoration: none }
-->
</style>
<base target="venstre">
</head>

<body bgcolor="#000000" text="#00FF00">

<script language="JavaScript1.2">
<!--
/**
*  Based on Folding Menu Tree
*/

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

function change(){
  if(!document.all)
      return
  if (event.srcElement.id=="foldheader") {
      var srcIndex = event.srcElement.sourceIndex
      var nested = document.all[srcIndex+1]
      if (nested.style.display=="none") {
        nested.style.display=''
        event.srcElement.style.listStyleImage="url(open.gif)"
      }
      else {
        nested.style.display="none"
        event.srcElement.style.listStyleImage="url(fold.gif)"
      }
  }
}

document.onclick=change

//-->
</script>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<ul>
  <li id="foldheader">Programmering</li>
  <ul id="foldinglist">
    <li><a href="http://www.cnn.com">Delphi</a></li>
    <li><a href="http://www.abcnews.com">Javascript</a></li>
    <li><a href="http://www.vancouversun.com">Visual Basic</a></li>
  </ul>
  <li id="foldheader">Games</li>
  <ul id="foldinglist">
    <li><a href="http://www.gamespot.com">GameSpot</a></li>
    <li><a href="http://www.happypuppy.com">Happy Puppy</a></li>
    <li><a href="http://www.gamecenter.com">Game Center</a></li>
  </ul>
  <li id="foldheader">Software</li>
  <ul id="foldinglist">
    <li><a href="http://www.download.com">outer 1</a></li>
    <li><a href="http://www.hotfiles.com">outer 2</a></li>
    <li id="foldheader">Nested</li>
    <ul id="foldinglist">
      <li><a href="http://www.windows95.com">nested 1</a></li>
      <li><a href="http://www.shareware.com">nested 2</a></li>
    </ul>
    <li><a href="http://www.windows95.com">outer 3</a></li>
    <li><a href="http://www.shareware.com">outer 4</a></li>
  </ul>
</ul>

<script language="JavaScript1.2">
<!--

function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    // if cookie exists
    if (offset != -1) {
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1) end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
  }
  return returnvalue;
}

if (get_cookie(window.location.pathname) != ''){
  var openresults=get_cookie(window.location.pathname).split(" ")
  for (i=0 ; i < openresults.length ; i++){
    foldinglist[openresults[i]].style.display=''
    document.all[foldinglist[openresults[i]].sourceIndex -
1].style.listStyleImage="url(open.gif)"
  }
}

if (document.all){
  var nodelength=foldinglist.length-1
  var nodes=new Array(nodelength)
  var openones=''
}

function check(){
  for (i=0 ; i <= nodelength ; i++){
    if (foldinglist[i].style.display=='')
      openones=openones + " " + i
  }
  document.cookie=window.location.pathname+"="+openones
}

if (document.all)
  document.body.onunload=check
//-->
</script>

</body>

</html>