/*
	carusoel codes!
*/

var crpanels;
var crcurrent;
var crinterval;
var crdelay = 5000;

window.addEvent('load', function() {
	//alert('carusoel loaded!');
	crpanels = $$('div[class="carousel-item"]').fade('hide');
	crcurrent = 0;

	crpanels[0].fade('in');
	$('m0').toggleClass('active');
	crinterval = carusoelStep.periodical(crdelay);
});

function carusoelRestart() {
	clearInterval(crinterval);

	crinterval = carusoelStep.periodical(crdelay);
}

function carusoelStep(id) {
	var cract = crcurrent;

	if (typeof(id) != 'undefined')
		crcurrent = id;
	else
		crcurrent++;

	if (crcurrent > 2)
		crcurrent = 0;

	if (crcurrent != cract) {
		crpanels[cract].fade('out');
		crpanels[crcurrent].fade('in');

		var opid = 'm'+crpanels[cract].get('id').substr(1);
		$(opid).toggleClass('active');
		var npid = 'm'+crpanels[crcurrent].get('id').substr(1);
		$(npid).toggleClass('active');
	}
}

function carusoelSelect(id) {
	clearInterval(crinterval);

	carusoelStep(id);

	crinterval = carusoelRestart.periodical(30000);
}