var number = 0;
window.addEvent('domready', function(){
	$('showcase').getElements('.bigimage').each(function(i,x) {
		i.setStyles({'opacity':'0'});
	});
	$('showcase-nav').getElements('li').each(function(i,x) {
		i.addEvent('mouseover', function(event){
			event.stop();
			showshowcase(x);
			number = x;
		});
	});
});
window.addEvent('load', function(){
	animation();
});


function animation() {
	var nav = $('showcase-nav');
	if ( number == 0 ) showshowcase(number);
		
	if (number > nav.getElements('li').length-1) {number = 0;}
	
	setTimeout("animation_timeout()",4000);
}
function animation_timeout() {
	if ( number != 3 ) number++;
	else number = 0;
	
	showshowcase(number);
	setTimeout("animation_timeout()",4000);
}
function showshowcase(number) {
	activatethumbnail(number);
	var big = 'showcase-' + number + '-big';
	$('showcase-loader').setStyles({'display':'none'});
	$('showcase').getElements('.bigimage').each(function(i) {
		var el = $(i);
		if (i.get('id') !== big) {
			el.fade(0);
		}
		else {
			el.fade(1);
		}
	});
}
function activatethumbnail(number) {
	$('showcase-nav').getElements('li').each(function(i,x) {
		if (x == number) {
			i.addClass('active');
		}
		else {
			i.removeClass('active');
		}
	});
}

function changerMois(mois, an) {
	var myRequest = new Request.HTML({url:'ajax.php',
                method: 'post',
                evalResponse: true,
				update: $('calendrier'),
                data: { 'action':'agenda', 'fonction':'agenda', 'm':mois, 'y':an }
        }).send();
}