var MenuItem = new Class({
	initialize: function(manager, menu, element){
		this.manager = manager;
		this.menu = menu;
		this.element = element;
		this.position = parseInt(this.element.get('id').substring(16, this.element.get('id').length));
		this.slide = this.manager.getSlide(this.position);
		this.element.set('tween', {
			'duration': 800
		});
	},
	
	select: function(){
		if(!this.menu.focus){
			this.menu.show();
		}
		this.manager.title.setValues(this.menu.classname, this.element.get('text'));
		this.slide.select();
	},
	
	setup: function(){
		this.element.store('menuitem', this);
		this.element.addEvent('mouseover', function(event){
			event.target.tween('width', 200);
		});
		this.element.addEvent('mouseout', function(event){
			event.target.tween('width', 220);
		});
		this.element.addEvent('click', function(event){
			event.target.retrieve('menuitem').select();
		});
	}
});