Ext.onReady(function() {
	Ext.QuickTips.init();
	var tb = new Ext.Toolbar({id:'mainMenu',width:'99.4%', cls:'navbar', items:menuFromMarkup('navigation')});

	Ext.get("navigation").remove();
	tb.render('header');
});

function menuFromMarkup(id, submenu) {
  var items = [ ];

	Ext.get(id).select('> li').each(addLi);
	if(submenu == undefined || !submenu) {
		items.push('->');
		Ext.get(id).select('> div.right > li').each(addLi);
	}

	function addLi() {
    // set current item properties
    var link = this.child('>a:first', true);
    var currentItem = {
      text: link.innerHTML,
      iconCls: link.className,
      id: link.id
    };
		if(link.title)
			currentItem.tooltip = { title: link.innerHTML, text: link.title };
		if(link.href) {
			currentItem.href = link.href;
      currentItem.handler = clickHandler;
		}

    // Check for sub menu.
    var s = this.select('>ul');
    if(s.elements.length) {
      currentItem.menu = {items: menuFromMarkup(s.item(0), true)};
			if(submenu == undefined || !submenu)
				currentItem.xtype = 'splitbutton';
    }

    items.push(currentItem);
	}

	function clickHandler(a) { window.location = a.href; }

  return items;
}