var Imperative_Navigation = new Class
({
	element: null,
	
	items: [],
	
	initialize: function(element)
	{
        this.element = element;
        this.buildNavigation();
	},
	
	buildNavigation: function()
	{
	   $each(this.element.getElements('li'), function(item, index)
	   {
	       this.registerItem(item, index)
	   }.bind(this));
	   this.registerSubnavigation();
	},
	
	registerItem: function(item, index)
	{
	   this.items.push({'mainItem': item, 'subnavigation': null});
	   item.getFirst('a').addEvents(
       {
    	   'click': function(event)
           {
    	   	   this.removeHiglightsFromItems();	
               item.addClass('selected');
               this.displaySubnavigation(index);
           }.bind(this)
     /*     'mouseenter': function(event)
           {
               item.addClass('hover');
               this.displaySubnavigation(index);
           }.bind(this),
           'mouseleave': function(event)
           {
               item.removeClass('hover');
           }*/
       });
	},
	
	registerSubnavigation: function()
	{
		$$('ul.subnavigation').each(function(item, index)
		{
			this.items[index].subnavigation = item;
		}.bind(this));		
	},
	removeHiglightsFromItems: function()
	{
		$each(this.items, function(item, index)
		{
			
			item.mainItem.removeClass('selected');
		})
	},
	displaySubnavigation: function(targetIndex)
	{
		$each(this.items, function(item, index)
		{
			if ($chk(item.subnavigation))
			{
			    if (targetIndex === index)
                {
                    item.subnavigation.addClass('active');
                }
                else
                {
                    item.subnavigation.removeClass('active');
                }
			}
		});
	}
});