function monteBarre(e)
	{
		//alert(e.target.id);
		/*alert(e.target.nextSibling);*/

		if (e.target.id!=celuiOuvert && e.target.id){

			$("#"+e.target.id).animate({
										marginTop: "-15px"
										}, 200 );
			$(this).css({'background-color' : '#960021' });
			$('#collection #'+e.target.id+' .titre').fadeIn('fast');
		}
	}

function descendBarre(e)
	{
	//alert("celui ouvert : "+celuiOuvert+"id a decsendre :"+e.target.id);
		if (e.target.id!=celuiOuvert && e.target.id){
          	//$('#collection #'+e.target.id+' .titre').hide();
			$("#"+e.target.id).animate({
										marginTop: "3px"
										},
									200 );
           //	$('#collection #'+e.target.id+' .titre').hide();

			if (e.target.id!=celuiOuvert)
			{
				//alert("je met la barre en gri car celui ouvert : "+celuiOuvert+"id a decsendre :"+e.target.id);
				$(this).css({'background-color' : '#333333' })
			}
			$('#collection #'+e.target.id+' .titre').hide('fast');
			//$('#collection #'+e.target.id+' .titreCompt').show('fast');

		}
	}

function toggle(e)
	{
		celuiOuvert=e.target.id;
		$("#"+e.target.id).animate({
									marginTop: "3px"
									}, 200 );
						//$('#collection .barre + div').hide("slow");
		$("#collection div[id!='"+e.target.id+"'].barre + div").hide("slow");
		var tabContenu = e.target.id.split('_');
		$("#"+'contenu_'+tabContenu[1]).toggle("slow");
		$('#collection .barre').css({'background-color' : '#333333' }); /* a voir ptere trop de ressource*/
		$(this).css({'background-color' : '#960021' });
		var tabElements = $('#collection .barre').get();
							//$('#collection #'+e.target.id+' .titre').hide();
		$("#collection div[id!='"+e.target.id+"'].barre span").hide();

	}

$(document).ready(function() {

	$('div.barre> span').hide(); /*on ferme tout les span contenus dans div.barre*/
	$('div.contenuCollection').hide(); /*on ferme toutes les div avec la classe contenuCollection */
	$('#collection #barre_3 + div').toggle("slow");
	$('#barre_3').css({'background-color' : '#960021' });
	$('#collection #barre_3 .titre').fadeIn("slow");

	celuiOuvert="vide";


	$('#collection .barre').bind('mouseenter', monteBarre);
	$('#collection .barre').bind('mouseleave', descendBarre);
    $('#collection .barre').bind('click', toggle);
});