var items = $$('benefitCase');
var current = 1;
var outId;
var inId;
var running = false;

function next(){
	outId = $('case'+current);
	$('p'+current).removeClass('on');
	if(current >= 5)
		current = 1;
	else
		current++;
	inId = $('case'+current);
	changeDiv(outId,inId);
	$('p'+current).addClass('on');
}

function previous(){
	outId = $('case'+current);
	$('p'+current).removeClass('on');
	if(current <= 1)
		current = 5;
	else
		current--;
	inId = $('case'+current);
	changeDiv(outId,inId);
	$('p'+current).addClass('on');
}

function changeDiv(outId,inId){
	running = true;
	for(var i=1; i<=5; i++) {
		var el = $('case'+i);
		if(el != outId && el != inId) {
			el.setStyle('opacity',0);
		}
	}
	var outDiv = new Fx.Tween(outId, {duration: 800, link: 'ignore', transition: Fx.Transitions.Quart.easeOut});
	var inDiv = new Fx.Tween(inId, {duration: 800, link: 'ignore', transition: Fx.Transitions.Quart.easeIn, onChainComplete:function() { running = false; }});
	outDiv.start('opacity',0).chain(function(){inDiv.start('opacity',1);});
}

function changeByNum(num) {
	$('p'+current).removeClass('on');
	$('p'+num).addClass('on');
	changeDiv($('case'+current),$('case'+num));
	current = num;
}

window.addEvent('domready', function() {
	$('case2').setStyles({'display':'block','opacity':0});
	$('case3').setStyles({'display':'block','opacity':0});
	$('case4').setStyles({'display':'block','opacity':0});
	$('case5').setStyles({'display':'block','opacity':0});
	$('p'+current).addClass('on');

	$('nextBenefit').addEvent('click', function(){
		if(!running){next();running = true;}
	});
	$('prev').addEvent('click', function(){
		if(!running){previous();running = true;}
	});
	$('next').addEvent('click', function(){
		if(!running){next();running = true;}
	});
	$('p1').addEvent('click', function(e) {if(!running){changeByNum(1);running = true;}});
	$('p2').addEvent('click', function(e) {if(!running){changeByNum(2);running = true;}});
	$('p3').addEvent('click', function(e) {if(!running){changeByNum(3);running = true;}});
	$('p4').addEvent('click', function(e) {if(!running){changeByNum(4);running = true;}});
	$('p5').addEvent('click', function(e) {if(!running){changeByNum(5);running = true;}});
});