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

$j(document).ready(function() {
	tabSectionsGalerie = $j('div.sectionGalerie');
	tabPagination = $j('#pagination ul li');
	// cache tous les elements sauf le premier
	nbElements = tabSectionsGalerie.length;
	for(i=1; i<nbElements; i++) {
		$j(tabSectionsGalerie[i]).hide();
	}

	// elementCourant
	elementCourant = 0;

	// clic sur pagination
	$j('#pagination ul li a').click(function() {
		page = $j(this).attr('id');
		$j(tabSectionsGalerie[elementCourant]).fadeOut(500, function(){
			elementCourant = page;
			// fadeIn sur elementCourant
			$j(tabSectionsGalerie[page]).fadeIn(500, function(){
				if(page != nbElements-1) {
					$j('a.suiv').show();
				} else {
					$j('a.suiv').hide();
				}
			});
		});
		for(i=0; i<tabPagination.length; i++) {
			$j(tabPagination[i]).removeClass('actif');
		}
		$j(tabPagination[page]).addClass('actif');
	});
});