Tilrettelse af menu.

Jeg vil gerne have lavet nogle ændringer i den her menu http://www.frankrigsgade50.dk/menu

Det skal være sådan, at når jeg trykker på menu punktet "Home" og derefter trykker på "Script" så skal "Home" punktet lukke.

Ligeledes skal alle sub menuerne lukke, når man lukker en hoved kategori. Altså har man trykket på ”Script” og derefter ”JavaScript” og man så lukker menu punktet ”Script” så skal ”JavaScript” også lukke, sådan at når man trykker på ”Script” igen så er ”JavaScript” lukket.

Når man så trykker på punktet "JavaScript" inde i menu punktet "Script" og derefter trykker på "tester" så skal "JavaScript" punktet lukke osv.

Håber det er til at forstå og nogen gider at se på det.

Jeg har zippet filerne og de kan hentes her http://www.frankrigsgade50.dk/menu/menu.zip

Hvis nogen evt. kan rette det til her fra, så har jeg postet de to js filer.

Jeg er ked af den rodet kode!

// 3level_items.js

var l1 = new Image()
l1.src = "icons/l1.gif"
var l2 = new Image()
l2.src = "icons/l2.gif"
var l3 = new Image()
l3.src = "icons/l3.gif"

var Link=[
//Menu punkt 1
[1,1,"Home",null,"_blank"],
    [2,3,"HomePage","","_blank"],
    [2,3,"BookMark","","_blank"],
    [2,3,"Add2 Favor","","_blank"],
//Menu punkt 2
[1,1,"Scripts",null,"_blank"],
    [2,2,"JavaScript",null,"_blank"],
        [3,3,"Games","","_blank"],
        [3,3,"Navigation","","_blank"],
    [2,3,"Asp","","_blank"],
    [2,2,"tester",null,"_blank"],
        [3,3,"a","","_blank"],
        [3,3,"b","","_blank"],
        [3,3,"c","","_blank"],
        [3,3,"d","","_blank"],
        [3,3,"e","","_blank"],
        [3,3,"f","","_blank"],
        [3,3,"g","","_blank"],
        [3,3,"h","","_blank"],
        [3,3,"i","","_blank"],
        [3,3,"j","","_blank"],
        [3,3,"k","","_blank"],
        [3,3,"l","","_blank"],
        [3,3,"m","","_blank"],
   
//Menu punkt 3
[1,3,"Forum","","_blank"],
//Menu punkt 4
[1,3,"Contact","","_blank"],
//Menu punkt 4
[1,1,"test",null,"_blank"],
    [2,2,"tester0",null,"_blank"],
        [3,3,"a","","_blank"],
        [3,3,"b","","_blank"],
        [3,3,"c","","_blank"],
        [3,3,"d","","_blank"],
    [2,2,"tester1",null,"_blank"],
        [3,3,"a",null,"_blank"],
        [3,3,"b",null,"_blank"],
        [3,3,"c",null,"_blank"],
        [3,3,"d",null,"_blank"]
];

var Prop=[
10, // height of the level 1 headers
10, // height of the level 2 headers
10, // height of the level 3 headers
];
// 3level_items.js SLUT


// 3level_menu.js
function create_menu(id,arr,parr)
{
    document.write("<table><tr><td><div style='position:relative;'>");
    vtop = 0;
    open_div = 0
    c_div = 1;
    for(i=0;i<arr.length;i++) {
    if(arr[i-1]) {
        if(arr[i][0] < arr[i-1][0]) {
            document.write("</div>");open_div--;
        }
        if((open_div != 0) && (arr[i][0] == 1)) {
            document.write("</div>");open_div--;
            if((open_div == 1) && (arr[i][0] ==1)) document.write("</div>");
        }
}
height = parr[(arr[i][1]-1)];
if(arr[i][1] == 1) img = l1.src;
  else { if (arr[i][1] == 2) img = l2.src;
  else img = l3.src;}
  document.write("<div style='top:"+vtop+";height:"+height+"' class='level"+arr[i][0]+"'>")
  document.write("<img src="+img+" border=0 hspace=3 vspace=1 ");
if(arr[i+1]) {
    if(arr[i][0] < arr[i+1][0]) document.write("onclick=change('"+ id +"_"+ c_div+"') style='cursor:hand'");
}
document.write("><a href=\"");
if(arr[i][3] == null) document.write("java script:change('"+ id +"_"+ c_div+"')\"");
    else document.write(arr[i][3] +"\" target='"+arr[i][4]+"'");
    document.write(">"+arr[i][2]+"</a></div>");
    vtop += height;
if(arr[i+1]) {
    if(arr[i][0] < arr[i+1][0]) {document.write("<div style='display:none;' id='"+id+"_"+c_div+"'>");open_div++;c_div++;
}
    }
        }
for(i=0;i<open_div;i++) document.write("</div></td></tr></table>");
document.write("</div>");
}

function change(id)
{
    obj = document.getElementById(id);
    if(obj.style.display == "") {
        obj.style.display = "none";
    } else {
        obj.style.display = "";
        }
}
// 3level_menu.js SLUT