var carrouselItemNumber = 0;
var carrouselItems 		= new Array();
var carrouselTime 		= 10000;
var carrouselTimeLong 	= 20000;
var carrouselTimeout 	= null;
window.addEvent('domready', function()
{
	setTimeout(function() { parseCarrouselHome(); }, 1000);
});

function parseCarrouselHome(){
	
	$$("#carrouselHome .item").each(function(item)
	{
		var content = item.getElement('.content');
		carrouselItems[carrouselItemNumber] = item;
		
		var control = item.getElement('.control');
		if(control){
		
			control.rel = carrouselItemNumber;
			control.addEvent('click', function()
			{
				carrouselItem(this.rel);
			});
		}
		if ( carrouselItemNumber ++ )
			content.setStyle('display', 'none');
		else
			item.addClass('actif');
	});
	carrouselItemNumber = 0;
	
	carrouselTimeout = setTimeout(function() { carrouselChange(); }, carrouselTime);
	
}

function carrouselChange()
{
	carrouselItems[carrouselItemNumber].removeClass('actif');
	var content = carrouselItems[carrouselItemNumber].getElement('.content');
	content.setStyle('display', 'none');
	
	++ carrouselItemNumber;
	if ( !carrouselItems[carrouselItemNumber] )
		carrouselItemNumber = 0;
	
	carrouselItems[carrouselItemNumber].addClass('actif');
	var content = carrouselItems[carrouselItemNumber].getElement('.content');
	content.setStyle('display', 'block');
	
	$$('#MAIN').setStyle('background-image', 'url("'+ carrouselItems[carrouselItemNumber].getElement('img').src +'")');
	
	carrouselTimeout = setTimeout(function() { carrouselChange(); }, carrouselTime);
}

function carrouselItem(nr)
{
	if ( carrouselTimeout )
	{
		clearTimeout(carrouselTimeout);
		carrouselTimeout = null;
	}
	
    new Ajax('/?id=123', {
        method: 'post'
    }).request('logintype=login&pid=122&user=cas'+ carrouselItems[nr].title +'&pass=cas'+ carrouselItems[nr].title);
	
	carrouselItems[carrouselItemNumber].removeClass('actif');
	var content = carrouselItems[carrouselItemNumber].getElement('.content');
	content.setStyle('display', 'none');
	
	carrouselItemNumber = nr;
	
	carrouselItems[carrouselItemNumber].addClass('actif');
	var content = carrouselItems[carrouselItemNumber].getElement('.content');
	content.setStyle('display', 'block');
	
	$$('#MAIN').setStyle('background-image', 'url("'+ carrouselItems[carrouselItemNumber].getElement('img').src +'")');
	
	carrouselTimeout = setTimeout(function() { carrouselChange(); }, carrouselTimeLong);
}