var menu, Menu = Class.create();
Menu.prototype = {
	initialize: function(){
		this.container = $('feature');
		this.interval = false;
		this.max = 1840;
		this.increment = 230;
		this.position = 0;
		
		this.slider = new Control.Slider(this.container.down('div.slider'), this.container.down('div.track'), {
			range: $R(0, this.max),
			onSlide: function(value){
				menu.slide(value);
			},
			onChange: function(value){
				menu.slide(value);
			}
		});
		
		this.do_the_robot();
	},
	
	slide: function(value){
		window.clearInterval(menu.interval);
		menu.container.down('div.menu').setStyle({left: -(value) + 'px'});
	},

	do_the_robot: function(){
		this.interval = window.setInterval(function(){
			if(menu.position == 8) menu.direction = false;
			else if(menu.position == 0) menu.direction = true;
		
			if(menu.direction){
				x = -menu.increment;
				x_slider = 105;	
				
				menu.position++;
			} else {
				x = menu.increment;
				x_slider = -105;
				
				menu.position--;
			}

			new Effect.Move(menu.container.down('div.menu'), {x: x});
			new Effect.Move(menu.container.down('div.slider'), {x: x_slider});
		}, 4000);
	}
}