[comment]
ui_name: product_tree
ui_type: component
ui_class: vertical
ui_group: Navigation
ui_label: Products Tree

tree_selector:
	help: Defines which tree menu is selected
	label: Tree name
	db: tree
	lookup: mgroup
	type: select

no_image:
	help: Use '+' and '-' instead of folder icons
	label: No images
	widget: yesno

link_class:
	help: Set the class for links (default 'barlink')
	label: Link CSS class
	default: barlink
	widget: text
	width: 16

link_class_open:
	help: Set the CSS class for toggled open entries (default same as Link CSS class)
	label: Open CSS class
	widget: text
	width: 16

link_class_closed:
	help: Set the CSS class for toggled closed entries (default same as Link CSS class)
	label: Closed CSS class
	widget: text
	width: 16

link_style:
	help: Set the CSS style for links (default is blank)
	label: Link CSS style
	widget: text
	width: 60

link_style_open:
	help: Set the CSS style for toggled open links (default "font-size: larger;")
	label: Open CSS style
	widget: text
	width: 60

link_style_closed:
	help: Set the CSS style for toggled closed links (default "font-size: larger;")
	label: Closed CSS style
	widget: text
	width: 60
[/comment]

<!-- BEGIN COMPONENT [control component product_tree] -->
  <br>
  <table width="90%" align="center">
  <tr> 
    <td valign="top" class="categorybar">

[timed-build file=tmp/product_tree minutes=5 force=1 if="[scratch dhtml_browser]"]
[menu tree-selector="[control tree_selector Products]"
		link-class="[control link_class barlink]"
		link-style="[control link_style]"
		link-class-open="[control link_class_open]"
		link-style-open="[control link_style_open font-size: larger;]"
		link-class-closed="[control link_class_closed]"
		link-style-closed="[control link_style_closed font-size: larger;]"
		no-image="[control no_image]"
		menu-type=tree
		js-prefix=product_tree_
		timed="[scratch dhtml_browser]"
		reparse=0][/menu]
[/timed-build]
[if scratch dhtml_browser][menu open-script=1 js-prefix="product_tree_"/][/if]
	__ADL_MENU__
    </td>
  </tr>
  </table>
  <br>
<!-- END COMPONENT [control component product_tree] -->
