window.addEvent('domready', function(){


var liens= $$("ul.dates li a");
var items= $$("div.item");

/*$$("#y1939").setStyle("opacity",0);
$$("#y1939").setStyle("display","block");
$$("#y1939").set('tween', {duration: 500})
$$("#y1939").fade(1);*/

$$("ul.dates li.first a").each(function(al){
	lien=al.href;
	where=(lien.substring(lien.indexOf("#")+1));
	
	al.addClass('active')
	
	$(where).setStyle("opacity",0)
	$(where).setStyle("display","block")
	$(where).set('tween', {duration: 500})
	$(where).fade(1);
});


liens.each(function(el, i){
	//scroll[duration]=5000;
	el.addEvent('click',function(e) {	
		var o = {};
		lien=this.href;
		where=(lien.substring(lien.indexOf("#")+1));
		
		el.addClass('active')
		
		items.setStyle("opacity",0)
		items.setStyle("display","none")
		items[i].setStyle("display","block")
		
		//o[i] = {"height": [items[i].getStyle("height").toInt(), items[i].getStyle("height").toInt()+250]}
		
		items.each(function(other, j) {
			if(i != j) {
				liens[j].removeClass("active");
				items[j].setStyle("opacity",0)
				items[j].setStyle("display","none")
			}
		});

		e.stop();
		//items[i].set('tween', {duration: 500})
		//items[i].fade(1);
		items[i].get('tween', {property: 'opacity', duration: 500}).start(1).addEvent('onComplete', function(e){
			e.setStyle('filter','');
		});
	});
	
	
});




});