/***(C)2007 Scripterlative.com *** N.B. Throughout this document, the word 'menu' is used to mean an HTML elements. Working in conjunction with a pre-existing, fully populated top-level elements when the top level menu selects a particular active or trigger option. Each child menu can control its own child menu tree, and all menus can have more than one active option. The script can control multiple independent menu systems within the same document. For this type of application to work, it must be given information that identifies the triggering options, and the option data that will be populated in the pertinent submenu when each triggering option is selected. When the triggering menu is itself a submenu, the script also needs to know the identity of its parent menu, and the parent menu's triggering option. The above must be repeated for each /active/ menu option in all menus, and this script simplifies the process by removing the need to add data directly into arrays. For each menu system to be controlled, there must be in place a fully populated top level pairs, all having either a NAME and/or an ID attribute. Fallback for non-scripting browsers can be provided by populating submenus initially. Configuration consists of creating 'associations' for each active option, in other words specifying which options trigger the display of a submenu, and what options are to be loaded into the submenu. Each association is created by a call to the function SelectCascade.init(). For those with server-side programming and database knowledge, the built-in AJAX retrieval code allows simple dynamic loading of option data. Installation ~~~~~~~~~~~~ Save this text/file as 'selectcascade.js' and place it in a suitable folder. In the section of your HTML document, add the following: Setup ~~~~~ 1) Create your HTML