var temp, temp2, cookieArray, cookieArray2, cookieCount;

function initiate(){

  cookieCount=0;

  if(document.cookie){
// alert ("cookie: "+ cookieCount+ " cookie: "+document.cookie.name);
    cookieArray=document.cookie.split(";");
    cookieArray2=new Array();
    len=cookieArray.length;
//    alert ("len: "+len);
//    for(i in cookieArray){
      for(i=0; i<len; i++)
      {
//    alert ("i: "+i+" - "+cookieArray[i]);
//    b=cookieArray[i].substr(0,cookieArray[i].search('='));

/*
    a = cookieArray[i];
	cookiename = a.substr(0,a.search('='));
	cookiewert = a.substr(a.search('=')+1,a.search(';'));
	if(cookiewert == '')
	 {cookiewert = a.substr(a.search('=')+1,a.length);} 
 alert ("name: "+cookiename+" wert: "+cookiewert);

if (cookiename=="each")
  alert ("name each");

//    var Ergebnis = zw.search(/function.+/);
//	alert ("ergebnis: "+Ergebnis);
//	if (Ergebnis != -1)
// 			 alert("gefunden");
 
 */   
    
    cookieArray2[cookieArray[i].split("=")[0].replace(/ /g,"")]=cookieArray[i].split("=")[1].replace(/ /g,"");
   
    }
  }
// alert ("xxxi: "+i+" - "+document.cookie.indexOf("state="));
  cookieArray=(document.cookie.indexOf("state=")>=0)?cookieArray2["state"].split(","):new Array();

  temp=document.getElementById("containerul");

  for(var o=0;o<temp.getElementsByTagName("li").length;o++){

    if(temp.getElementsByTagName("li")[o].getElementsByTagName("ul").length>0){

      temp2                                = document.createElement("span");
      temp2.className                        = "symbols";
      temp2.style.backgroundImage        = (cookieArray.length>0)?((cookieArray[cookieCount]=="true")?"url(zu.gif)":"url(auf.gif)"):"url(auf.gif)";
      temp2.onclick=function(){
        showhide(this.parentNode);
        writeCookie();
      }

      temp.getElementsByTagName("li")[o].insertBefore(temp2,temp.getElementsByTagName("li")[o].firstChild)

      temp.getElementsByTagName("li")[o].getElementsByTagName("ul")[0].style.display = "none";

      if(cookieArray[cookieCount]=="true"){
        showhide(temp.getElementsByTagName("li")[o]);
      }

      cookieCount++;

    }
    else{

      temp2                                = document.createElement("span");
      temp2.className                        = "symbols";
      temp2.style.backgroundImage        = "url(ohne.gif)";

      temp.getElementsByTagName("li")[o].insertBefore(temp2,temp.getElementsByTagName("li")[o].firstChild);

    }

  }

}



function showhide(el){

  el.getElementsByTagName("ul")[0].style.display=(el.getElementsByTagName("ul")[0].style.display=="block")?"none":"block";

  el.getElementsByTagName("span")[0].style.backgroundImage=(el.getElementsByTagName("ul")[0].style.display=="block")?"url(zu.gif)":"url(auf.gif)";

}



function writeCookie(){                // Runs through the menu and puts the "states" of each nested list into an array, the array is then joined together and assigned to a cookie.

  cookieArray=new Array()

  for(var q=0;q<temp.getElementsByTagName("li").length;q++){

    if(temp.getElementsByTagName("li")[q].childNodes.length>0){
      if(temp.getElementsByTagName("li")[q].childNodes[0].nodeName=="SPAN" && temp.getElementsByTagName("li")[q].getElementsByTagName("ul").length>0){

        cookieArray[cookieArray.length]=(temp.getElementsByTagName("li")[q].getElementsByTagName("ul")[0].style.display=="block");

      }
    }

  }

  document.cookie="state="+cookieArray.join(",")+";expires="+new Date(new Date().getTime() + 365*24*60*60*1000).toGMTString();

}