var tabLinks, tabs, curTab, nextTab = 0;
function switchTabs(){
	// Masque les tabulations qui ne sont pas actives
	var hash = window.location.hash;
	var href = window.location.href;
	if( window.location.hash=='' && tabLinks.length ){
		hash = tabLinks[0].hash;
		href += hash;
	}
	for( var i=0; i<tabLinks.length; i++ ){
		if( tabLinks[i].href==href ){
			$(tabLinks[i].parentNode).addClass( 'current' );
		}else{
			$(tabLinks[i].parentNode).removeClass( 'current' );
		}
	}
	curTab = nextTab = 0;
	for( var i=0; i<tabs.length; i++ ){
		if( '#' + tabs[i].id==hash ){
			nextTab = tabs[i]; //tabs[i].setStyle( 'display', 'block' );
		}else{
			if( tabs[i].style.display=='block' ){
				curTab = tabs[i];
			}else{
				tabs[i].setStyle( 'display', 'none' );
			}
		}
	}
	if( curTab ){
		new Fx.Style( curTab, 'opacity' ).start(1,0).chain(
			function(){
				curTab.setStyle( 'display', 'none' );
				curTab.setStyle( 'opacity', 1 );
				nextTab.setStyle( 'opacity', 0 );
				nextTab.setStyle( 'display', 'block' );
				new Fx.Style( nextTab, 'opacity' ).start(0,1);
			}
		);
	}else{
		if( nextTab )
			nextTab.setStyle( 'display', 'block' );
	}
}

function activeTabs(){
	for( var i=0; i<tabLinks.length; i++ ){
		tabLinks[i].onclick = function(){
			window.location.href = this.href;
			switchTabs();
			return false;
		};
	}
}

window.addEvent('domready', function(){
		container = $('onglets');
		if(container){
			tabLinks = $('onglets').getElements('a');
			tabs = $('plus_details').getElements('div.description');
			switchTabs();
			activeTabs();
		}
});

