var manu = "<h3>Emmanuel Blattes</h3><p>Clarinettiste de formation classique, il étudie la batterie auprès du très polyvalent <strong>Christian Portes</strong> et acquiert une solide expérience de la scène avec des groupes comme Rab Memin ou Jazz Drowie. Membre du trio jazz-rock <strong>Ecarts</strong>, il se produit avec ce groupe pendant trois ans et enregistre un CD 5 titres en studio. Elève d'<a href=\"http://www.myspace.com/eliemaalouf\">Elie Maalouf</a>, ses compétences en piano classique et jazz font de lui un musicien parfaitement accompli.</p>"

var christian = "<h3>Christian Bocande</h3><p>A tourn&eacute; entre autres en Afrique en Europe et au Canada avec <a href=\"http://fr.wikipedia.org/wiki/Isma%C3%ABl_L%C3%B4\" target=\"_blank\" title=\"Ismaël Lô\">Ismaël Lô</a>, <strong>Casamance</strong>, <strong>Jimmy Hope Orchestra</strong>, particip&eacute; &agrave;	plusieurs festivals internationaux et jou&eacute; en concert avec <a href=\"http://www.myspace.com/joezawinul\" target=\"_blank\">Joe Zawinul</a>	et <strong>Paco Sery</strong> au centre culturel de Dakar. Il a fondé depuis peu le groupe <a href=\"http://www.myspace.com/chrisbocande\" target=\"_blank\">Kiki B</a>	et accompagne régulièrement de nombreux groupes en France et à l'étranger.</p>";

var yves = "<h3>Yves Corvez</h3><p><a href=\"http://www.myspace.com/yvescorvez\" target=\"_blank\">Guitariste</a> accompli, ancien partenaire de <strong>Thomas Das Neves</strong>, le batteur du groupe de Métal <a href=\"http://fr.wikipedia.org/wiki/Heavenly_%28groupe_fran%C3%A7ais%29\" target=\"_blank\">Heavenly</a>, il touche à tous les styles et exerce son talent dans le flamenco ou le métal suivant les périodes. Elève de  <a href=\"http://www.proartem.com/arteguitare/CWorms.htm\" target=\"_blank\">Claude Worms</a>, il accompagne régulièrement les \"cantaores\" Maguy Naïmi et <a href=\"http://kotchnak.online.fr/#Rouben\" target=\"_blank\">Rouben Haroutunian</a></p>";

var jm = "<h3>Jean-Marc Gobat</h3><p>Multi-instrumentiste, il enregistre avec <a href=\"http://pagesperso-orange.fr/Jean-Louis.Disanto/html/catalogue\" target=\"_blank\">Jean-Louis Di Santo</a> les deux albums <em>Miroirs et Mythes</em> (1997) et <em>Bestiaire</em> (1999). Il fonde en 2004 le groupe <strong>Transbohêm</strong> pour lequel il a composé depuis lors une vingtaine de morceaux. Membre de l'association <a href=\"http://www.musiques-tangentes.asso.fr\" target=\"_blank\">Musiques Tangentes</a>, il participe activement au sein de cet organisme à la promotion des musiques actuelles.</p>"

var claireL ="<h3>Claire L.</h3><p>Violoniste dès son plus jeune âge, elle se tourne plus tard vers le chant lyrique et perfectionne sa technique auprès d'éminents professeurs. Elle fait ses premiers pas sur scène en tant que chanteuse au sein du groupe de métal mélodique <a href=\"http://www.myspace.com/evilonefrance\" target=\"_blank\">Evil One</a>, de 2004 à 2006. Elle rejoint ensuite divers ensembles vocaux, et tout particulièrement l'<a href=\"http://operalyre.fr\" target=\"_blank\">Opera lyre</a>, dirigé par <strong>Béatrice Malleret</strong> de l'Opéra Bastille.</p>"

function init() {
	var n = 1;// numéro de slide
	var currentPhoto;
	// nombre de slides
	var numberOfSlides = $('#album table').size();

	//Cacher la flèche de défilement gauche au chargement
	$('#slideToLeft').hide();
	// Controle gauche-droit pour le défilement horizontal des slides
	function showSlideCtrl(){
		if (n <=1){
			$('#slideToLeft').hide();
		}
		else {
			$('#slideToLeft').show();
		}
		if (n < numberOfSlides) {
			$('#slideToRight').show();
		}
		else {
			$('#slideToRight').hide();
		}
	}

	// Défilement vers la droite
	$('#slideToRight').click(function(e){
		hideBio();
		if (n < numberOfSlides) {
			var m = $('#album').css("margin-left");
			m = parseInt(m) - 375;
			$('#album').animate({marginLeft: m},'slow')
			n++;
			showSlideCtrl();
		}
	});
	// Défilement vers la gauche
	$('#slideToLeft').click(function(e){
		hideBio();
		if (n > 1) {
			
			var m = $('#album').css("margin-left");
			m = parseInt(m) + 375;
			$('#album').animate({marginLeft: m},'slow')
			n--;
			showSlideCtrl();
		}
		
	});
	// survol des flèches du controleur
	$('table td a img').hover(
		function(e){
			$(this).fadeTo("normal", 0.5);
		},
		function(e){
			$(this).fadeTo("fast", 1);
		}
		);

	// survol du player mp3
	$('#player').hover(
		function(){$('#playlist').show()},
		function(){$('#playlist').hide()}
	)

	// Affichage de la bio des musiciens
	$('.musiciens img, #claire img')
	.css('cursor','pointer')
	.click(function(){
		if ($(window).scrollTop() > 0) {
			$(window).scrollTop(0);
		}
		viewBio($(this).attr('id'))
		});

	// Affichage agrandi des photos du slide
	$('#p1').click(function(){
		currentPhoto = $('#album table:nth-child('+n+') img:first')
		showPhoto($(currentPhoto).attr('alt'))
	})

	$('#p2').click(function(){
		currentPhoto = $('#album table:nth-child('+n+') img')[1]
		showPhoto($(currentPhoto).attr('alt'))
	})

	$('#p3').click(function(){
		currentPhoto = $('#album table:nth-child('+n+') img')[2]
		showPhoto($(currentPhoto).attr('alt'))
	})

	$('#p4').click(function(){
		currentPhoto = $('#album table:nth-child('+n+') img')[3]
		showPhoto($(currentPhoto).attr('alt'))
	})

	// Scroll de la fenêtre
	$(window).scroll( function() {
		$('#fenetre').css('zIndex',2);
	});


	$('#album img').css('cursor', 'pointer');

	function viewBio(personne) {
		var pos = $('.sliderControl').position();
		if (pos.top == 54) {
			$('#fenetre').css('zIndex',1);
		}
		$('.presentation').hide()
		$('#bio').css({'left':'78px'})
		// si la zone bio est exactement dans le cadre
		
		if (personne == 'yves') {
			$('#bio').html(yves).show();
		}
		else if (personne == 'christian') {
			$('#bio').show().html(christian)
		}
		else if (personne == 'manu') {
			$('#bio').show().html(manu)
		}
		else if (personne == 'jm') {
			$('#bio').show().html(jm)
		}
		else if (personne == 'claireL') {
			$('#bio').show().html(claireL)
		}
	}

	function hideBio() {
		$('.presentation').show()
		$('#bio').hide();
	}

	// survol license
	$("a[rel=license]").hover(
		function(){$('#ccl').show()},
		function(){$('#ccl').hide()}
	)

	// Affichage de la photo courante dans l'encadrement de la fenêtre
	function showPhoto(photo) {
		if (undefined != photo) {
			$('.presentation').hide()
			$('#bio')
			.html('<img src=\"photos/medium/s_540_dsc_'+photo+'\" />').css('left','-40px').show()
		}
	}
}