window.addEvent('domready', function() {
	
	if( $("menuFocus") != undefined ){
		var timer = 5000;
		// Rotation des pubs toutes les 5s
		var intervalID = nextFocus.periodical(timer );
		
		$$('div.itemFocus').addEvent('click', function(event){
			event.stop();
			masqueFocus();
			
			// Annuler la rotation de pub
			clearInterval( intervalID );
			
			this.addClass("on");
			id = this.id.split("-")[1];
			$('content_'+id).getElement(".contentFocus").removeClass("hidden");
		});
		$$('div.itemFocus').addEvent('mouseover', function(event){
			event.stop();
			this.addClass("over");
		});
		
		$$('div.itemFocus').addEvent('mouseout', function(event){
			event.stop();
			this.removeClass("over");
		});
		
		var list = $$('div.contentFocus');
		i =0;
		list.each(function(element){
			if( i>0)
				element.addClass("hidden");
			i++;
		});
		
		var list = $$('div.itemFocus');
		i = 0;
		list.each(function(element){
			if( i==0)
				element.addClass("on");
			i++;
		});
		
		masqueFocus();
		$('menuFocus').getFirst().addClass("on");
		id = $('menuFocus').getFirst().getAttribute("id").split("-")[1];
		$('content_'+id).getElement(".contentFocus").removeClass("hidden");
	}

	function masqueFocus(){
		var list = $$('div.contentFocus');
		list.each(function(element){
			element.addClass("hidden");
		});
		var list = $$('div.itemFocus');
		list.each(function(element){
			element.removeClass("on");
		});
	}	

	function nextFocus(){
		current = $("menuFocus").getElement("div.on");
		
		if( current.getNext() != undefined )
			next = current.getNext();
		else
			next = $('menuFocus').getFirst();
		
		masqueFocus();
		
		current.removeClass("on");
		next.addClass("on");
		
		id = next.getAttribute("id").split("-")[1];
		$('content_'+id).getElement(".contentFocus").removeClass("hidden");
	}	
});