$(function(){
	
	$("a#lien-eteindre").hide();
	
	$("#container area, a#lien-eteindre").click(function(){
		var variables = $(this).attr("href");
		$(".final").fadeIn("fast").html("<img id='img-load' src='images/ajax-loader.gif'");
		$.ajax({
			type: "GET",
			url: "includes_nath/persogetajax.php",
			data: variables,
			success: function(responseText){
				$(".final").append(responseText);
				$("#img-load").fadeOut();
			}
		});
		return false;
	});
	
	$("a#lien-eteindre").click(function(){
		$(this).hide();
	});
	
	$(".bottom area").click(function(){
		$("a#lien-eteindre").show();
	});
	
	$("#btns a").click(function(){
		return false;
	});
	
	// Sidebar Accordion Menu Hover Effect:
	if ($("#menu_bandeau a")) {
		$("#menu_bandeau a").hover(
			function () {
				$(this).animate({ paddingRight: "25px" }, 200);
			}, 
			function () {
				$(this).animate({ paddingRight: "15px" });
			}
		);
	}
	
	$("a#btn1").simpletip({ 
		content: '<div class="bulle"><div class="haut"></div><div class="centre">Musique :<br /> Lecture</div><div class="bas"></div></div>', fixed: true, position: [60, 30] 
	});
	
	$("a#btn2").simpletip({ 
		content: '<div class="bulle"><div class="haut"></div><div class="centre">Musique :<br /> Avance rapide</div><div class="bas"></div></div>', fixed: true, position: [50, 30]
	});
	
	$("a#btn3").simpletip({ 
		content: '<div class="bulle"><div class="haut"></div><div class="centre">Musique :<br /> Stop</div><div class="bas"></div></div>', fixed: true, position: [60, 30]
	});
	
	$("a#btn4").simpletip({ 
		content: '<div class="bulle"><div class="haut"></div><div class="centre">Musique :<br /> Retour rapide</div><div class="bas"></div></div>', fixed: true, position: [80, 30]
	});
	
	$("a#btn5").simpletip({ 
		content: '<div class="bulle"><div class="haut"></div><div class="centre">Switch :<br /> Couleur/Musique</div><div class="bas"></div></div>', fixed: true, position: [-150, 30] 
	});
	
	$("a#btn6").simpletip({ 
		content: '<div class="bulle"><div class="haut"></div><div class="centre">Couleur :<br /> Faire varier</div><div class="bas"></div></div>', fixed: true, position: [-160, 30]
	});
	
	$("a#btn7").simpletip({ 
		content: '<div class="bulle"><div class="haut"></div><div class="centre">Couleur :<br /> Changer de mode</div><div class="bas"></div></div>', fixed: true, position: [-130, 30]
	});
	
	$("a#btn8").simpletip({ 
		content: '<div class="bulle"><div class="haut"></div><div class="centre">Couleur :<br /> Faire varier</div><div class="bas"></div></div>', fixed: true, position: [-140, 30]
	});
	
	$("#container .left").simpletip({ 
		content: '<div class="bulle_bleue"><div class="haut"></div><div class="centre">Choisissez votre Nathéa</div><div class="bas"></div></div>', fixed: true, position: [-95, -30]
	});
	
	$("#container .right").simpletip({ 
		content: '<div class="bulle_bleue"><div class="haut"></div><div class="centre">Choisissez son regard</div><div class="bas"></div></div>', fixed: true, position: [85, 390]
	});
	
	$("#container .bottom").simpletip({ 
		content: '<div class="bulle_bleue"><div class="haut"></div><div class="centre">Choisissez sa couleur</div><div class="bas"></div></div>', fixed: true, position: [-220, 40]
	});
});