window.addEvent('domready', function(){
	var total_items = 10;
	var items_row = 5;
	var start_from = 1;
	
	var scroll = new Fx.Scroll('splashFeatureItemBodyOutter', {
		wait: false,
		duration: 1500,
		offset: {'x': -25, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	scroll.toElement('splashFeature'+start_from);
	$('shuffleLeftArrow').setStyle('display', 'none');
	
	$('shuffle_next').addEvent('click', function(e) {
		new Event(e).stop();
		start_from = start_from + items_row;
		if(start_from <= total_items) {
			scroll.toElement('splashFeature'+start_from);
			if(start_from == (total_items-items_row+1)) {
				$('shuffleRightArrow').setStyle('display', 'none');
				$('shuffleLeftArrow').setStyle('display', 'block');
			}
			else
				$('shuffleRightArrow').setStyle('display', 'block');
		}
		else 
			start_from = start_from - items_row;
	});
	
	$('shuffle_pre').addEvent('click', function(e) {
		new Event(e).stop();
		if(start_from > 1) {
			start_from = start_from - items_row;
			scroll.toElement('splashFeature'+start_from);
			if(start_from == 1) {
				$('shuffleLeftArrow').setStyle('display', 'none');
				$('shuffleRightArrow').setStyle('display', 'block');
			}
			else
				$('shuffleLeftArrow').setStyle('display', 'block');
		}
	});
});