A PHP form with a dynamically sized hierarchical category selector field.

Hi, I need a PHP form page designed, with the major component being a hierarchical category selection tree. The data for the tree would come from a json maintained in a file (sample attached). Please stick to the format of the json but feel free to add more nodes to test the various use cases. It will be helpful while I am going thru the uses cases at the project delivery. The category tree would show only the first level categories to start with – say men, women, general. On clicking any of these categories or the ‘+’ sign next to them, the corresponding sub categories will open up to the right. Once a category item is expands, the ‘+’ sign changes to ‘-’. Clicking the ‘-’ sign, collapses the category tree of the item. On clicking any of the subcategories which might further have more subcategories, the sub categories will open up to the right and so on……. In doing so, the size of the DIV would expand. There is no size limit of the DIV. It should be able to expand and contract, as the tree expands or contracts. If, say, the subcategories have gone down a number of levels, and the user decides to open a different category, then, the previously opened category tree will remain open as is and the new category tree will start to expand. For e.g., if A> B> C > D is one traversal path, and the user now chooses to expand E then another traversal path could be A>B>E>F>G>H… Likewise the user can chose to expand any node at anytime. The color coding of the nodes for each traversal path should be different from on another. In case of nodes common to two or more traversal paths, give them just one peculiar color. Also, make sure that non-selected nodes with no children should be differently colored different than the nodes with children, so the user clicks the ones with children intuitively. Of course, if the node is childless, then it would have a ‘-’ sign next to it. About category selection: Each category, except the highest level categories, will have a check box next to them. The selection rule is, per traversal path, only one category gets selected. So if the traversal path is A> B > C > D and D is selected, and the user also clicks the selection box next to B, then D gets unselected. If the user now selects D, then B gets unselected. The user can select more than one category only if he/she selects the other category in another traversal path. So say is two traversal paths are open/expanded, say, A> B> C > D and A>B>E>F>G>H, then if D is selected then user can also select one of E (or F,G or H), but not B, because if they do select B, then both D and E will get unselected. Remember, one selection per traversal path. The other fields ”above” the category selector: 1. Advertiser Name: text field 2. Product or service? Radio button 3. Name of product or service 4. Ad URL: text field 5. Content URL, text field 6. Content type: options are, image, flash, video, drop down 7. Duration: Date and time field. Different countries can be selected but the submitted time should be converted back to IST. 8. Category Selector (above) On submit, just give me the category id’s, category names (both can be found in json), and rest of the entered fields in the javascript variables.