// pour pouvoir utiliser d'autres librairies javascript
var $j = jQuery.noConflict();

$j(document).ready(function() {
	tabSectionsArtiste = $j('div.sectionArtiste');
	// cache tous les elements sauf le premier
	nbElements = tabSectionsArtiste.length;
	for(i=1; i<nbElements; i++) {
		$j(tabSectionsArtiste[i]).hide();
	}
	// elementCourant
	elementCourant = 0;

	// cache precedent
	$j('a.prec').hide();
	if(nbElements == 1) {
		$j('a.suiv').hide();
	}

	// clic sur suivant
	$j('a.suiv').click(function() {
		// si on est pas à la fin
		if(elementCourant < nbElements-1) {
			// cache les boutons pour eviter les clicks intempestifs
			$j(this).hide();
			$j('a.prec').hide();
			// fade out sur elementCourant
			$j(tabSectionsArtiste[elementCourant]).fadeOut(500, function(){
				// elementCourant devient le suivant
				elementCourant += 1;
				// fadeIn sur elementCourant
				$j(tabSectionsArtiste[elementCourant]).fadeIn(500, function(){
					if(elementCourant != nbElements-1) {
						$j('a.suiv').show();
					} else {
						$j('a.suiv').hide();
					}
					$j('a.prec').show();
				});
			});
		}
	});

	// clic sur precedent
	$j('a.prec').click(function() {
		// si on est pas au debut
		if(elementCourant > 0) {
			// cache les boutons pour eviter les clicks intempestifs
			$j(this).hide();
			$j('a.suiv').hide();
			// fadeOut sur elementCourant
			$j(tabSectionsArtiste[elementCourant]).fadeOut(500, function() {
				// elementCourant devient precedent
				elementCourant -= 1;
				// fadeIn sur elementCourant
				$j(tabSectionsArtiste[elementCourant]).fadeIn(500, function(){
					if(elementCourant >= 1) {
						$j('a.prec').show();
					}
					$j('a.suiv').show();
				});
			});
		}
		if(elementCourant == 1) {
			$j(this).hide();
		}
	});
});