Website menus design

We map all html pages of the web site into menu items. Website menu items are devided in blocks. There are two types of munu items the normal items and the menus with pop up items.

The site_left_area XSLT stylesheet sets the layout of the website menus and defines menu items design. The XSLT template with match="menu.items" sets the layout of the menu blocks. The block can hold either normal items or menus with pop up items.

The XSLT template with match="menu.items/html-page" sets the layout of the normal menu item. The XSLT template with "name=menu:item_ref" handles the page-selected event and prints the item.

The XSLT template with match="menu.items/menu-div" implements the logic of the menus with pop up items. The model is event based. The menu is active if either it or one of its item have been selected by the user. It is also essential to keep trace of the item position.
1. The XSLT template with name="menu:pop_up_middle" takes the control if the menu is not the last and is not active.
2. The XSLT template with name="menu:pop_up_last" is excuted if the menu is the last item in the block and it is not active.
3. The XSLT template with name="menu:pop_up_last:active" is evaluated if the menu is active and has pop up items or has no pop up items and is the last and active.
4. The XSLT template with name="menu:pop_up_middle:active" starts running if the menu has no pop up items and is active.

The XSLT templates with names "menu:pop_up_item" and "menu:pop_up_item_last" set the layout of pop up items. The XSLT template with name="menu:pop_up_item_ref" handles the page-selected event and prints the item.