// JavaScript Document

var MenuSystem = new Class({
	initialize: function( container, menuSelector, displayed ){
		this.container = container;
		this.displayed = displayed;
		this.menuSelector = menuSelector;
		this.menuArray = [];
		if ( $(this.container) )
		{
		   this.menuArray = $( this.container ).getElements(this.menuSelector);
		}
		
		//this.subMenusArray = [];	
		this.listArray = [];
		this.menuArray.each( function( item, index){				
			 this.listArray.extend( item.getElements('li') );
			 //this.subMenusArray.extend( item.getElements('ul') );
		}, this);
			
		
		for ( var i=0; i<this.listArray.length; i++)
		{
		  this.listArray[ i ].addEvent('mouseover', this.mouseOn.bind( this, i ));
		  this.listArray[ i ].addEvent('mouseout', this.mouseOff.bind( this, i ));
		  this.listArray[ i ].className='liOut';
		}
						
	},
	mouseOn: function( i ){
		this.listArray[ i ].className='liHover';
						
	},
	mouseOff: function( i ){
		this.listArray[ i ].className='liOut';
	}

});



window.addEvent('domready', function() {
  var myMenuSystemLeft = new MenuSystem('leftcol', 'ul.menu');								 
  var myMenuSystemRight = new MenuSystem('rightcol', 'ul.menu');									  var myMenuSystemTop = new MenuSystem('topmenu', 'ul.menu');
									 
});