Menu always collapsed in IE6/7

[lsterling03]

Hi, I'm hoping you can tell me what I've done wrong. My menu functions exactly how I want it to in Firefox and Safari, but in IE 6/7, it is collapsed at all times. What I want is for it to remember the state when you're navigating within the menu, but collapseAll() when you leave the menu pages. However, in IE 6/7, it always collapsed, no matter what.


Here is the site in question:
http://www.haveyoufoundit.com/mckinney/what/urbanplanning.asp


Here is my tree code (minus the stylesheet):

<script type="text/javascript" src="cooltreepro.js"></script>

<script type="text/javascript">
var TREE1_FORMAT =
[
//0. left position
0,
//1. top position
0,
//2. show +/- buttons
true,
//3. couple of button images (collapsed/expanded/blank)
["img/c.gif", "img/e.gif", "img/b.gif"],
//4. size of images (width, height,ident for nodes w/o children)
[16,16,16],
//5. show folder image
false,
//6. folder images (closed/opened/document)
["img/fc.gif", "img/fe.gif", "img/d.gif"],
//7. size of images (width, height)
[16,16],
//8. identation for each level [0/*first level*/, 6/*second*/, 12/*third*/,...]
[0,0,4,12,16,30,36,42,48],
//9. tree background color ("" - transparent)
"",
//10. default style for all nodes
"clsNode",
//11. styles for each level of menu (default style will be used for undefined levels)
["clsNodeLevel1", "clsNodeLevel2"],
//12. true if only one branch can be opened at same time
true,
//13. item pagging and spacing
[0,0],
//14. draw explorer like tree ( identation will be ignored )
false,
//15. Set of explorer images (folder, openfolder, page, minus, minusbottom, plus, plusbottom, line, join, joinbottom)
[],
//16. Explorer images width/height
[19,16],
//17. if true state will be saved in cookies
true,
//18. if true - relative position will be used. (tree will be opened in place where init() was called)
true,
//19. width and height of initial rectangle for relative positioning
[150,450],
//20. resize background //works only under IE4+, NS6+ for relatiive positioning
false,
//21. support bgcolor changing for selected node
false,
//22. background color for non-selected and selected node
["white","#EEEEEE", "clsNodeSelected"],
//23. text wrapping margin
140
];

var TREE1_NODES = [
["PLANNING", null, null,
["Urban & Community Planning", "urbanplanning.asp", null],
["Economic Development", "economicdev.asp", null],
["Land Planning", "land.asp", null],
["Geotechnical Engineering", "geotechnical.asp", null],
["Environmental Resource Analysis", "environmental.asp", null]
],
["DESIGN", null, null,
["Civil Engineering", "civil.asp", null],
["Landscape Architecture", "landscape.asp", null],
["Architecture", "architecture.asp", null],
["Structural Engineering", "structural.asp", null],
["Electrical Engineering", "electrical.asp", null],
["Mechanical Engineering", "mechanical.asp", null],
["Facilities Engineering", "facilities.asp", null],
["Interior Design", "interior.asp", null],
["3D Visualization & Graphic Design", "visualization.asp", null],
["Project Web Sites", "websites.asp", null]
],
["CONSTRUCTION", null, null,
["Construction Materials Testing", "materials.asp", null],
["Owner's Representation", "representation.asp", null],
["Project Management", "projectmgmt.asp", null],
["Move Management", "movemgmt.asp", null],
["General Contracting", "contracting.asp", null],
["Construction Management", "constructionmgmt.asp", null],
["Forensic Evaluation", "forensic.asp", null]
]
];

var tree1 = new COOLjsTreePRO("tree1", TREE1_NODES, TREE1_FORMAT);
tree1.init();
</script>


<script type="text/javascript">
RedrawAllTrees()
</script>


THANK YOU!
Lindsay

[AlexKunin]

Actually, works for me (IE 6.0, Safari 3.0). However, updating you copy from 2.6.0 to 2.8.7 might be a good idea.