// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

Event.observe(window, 'load', function() {
	
	var ul = $('menu').down('ul');	
	var width = $$('#menu li').inject(0, function(acc, li) { return acc + li.getWidth(); });
	
	$('menu').down('.previous').observe('click', function(event) {
		var left = parseInt(ul.style.left || 0) + 700;		
		var x = left < 0 ? left : 0;
		new Effect.Move(ul, { x: x, y: 0, mode: 'absolute' });
	});
	$('menu').down('.next').observe('click', function(event) {
		var left = parseInt(ul.style.left || 0) - 700;		
		var x = left + width > 0 ? left : 0 		
		new Effect.Move(ul, { x: x, y: 0, mode: 'absolute' });
	});

});