jQuery.fn.extend({
   findPos : function() {
       obj = jQuery(this).get(0);
       var curleft = obj.offsetLeft || 0;
       var curtop = obj.offsetTop || 0;
       while (obj = obj.offsetParent) {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop
       }
       return {x:curleft,y:curtop};
   }
});

$(document).ready (function () {
	// Cette boucle déplace toutes les popups à la racine de l'arborescence et attibut l'action d'afficher la popup quand on clique sur le bouton
	$(".PopUpDetail").each (function (i) {
		var popup = $(this).clone ();
		$(popup).addClass ("PopUp" + i);
		$("#globalmusee").prepend (popup);
		$(this).prev().click (function () {
			var pos = $(this).findPos();
			$(".PopUp" + i).css ("top", (pos.y - 270));
			$(".PopUpDetail").not($(".PopUp" + i)).hide();
				$(".PopUp" + i).fadeIn ("normal");
			return false;
		});
		$(this).remove ();
	});
	
	// Effet accordéon sur les différentes rubriques
	$(".Playlists ul li h3").click (function () {
		$(".PopUpDetail").fadeOut ("normal");
		$(".Playlists ul li .Playlist").not($(this).next()).stop().slideUp ("fast");
		$(this).next().stop().slideToggle ("fast");
	});
	
	// Création des players
	$(".Chanson").each (function (i) {
		$(this).attr ('id', "Chanson" + i.toString());
		var chanson = $(this);
		$(this).find(".Player").jPlayer({
			ready: function () {
				$(this).jPlayer ("setMedia", { mp3 : $("#Chanson" + i.toString()).find(".track").attr ("href") });
			},
			play: function () {
				$(this).jPlayer ("pauseOthers");
			},
			supplied : "mp3",
			wmode : "window",
			backgroundColor : "#9f8274",
			swfPath : "/extension/ezflow/design/ezflow/javascript/jquery.jplayer",
			cssSelectorAncestor : "#Chanson" + i.toString(),
			cssSelector : {
				play : '.cp-play',
				pause : '.cp-pause',
				stop : '.cp-stop',
				seekBar : ".SeekBar",
				playBar : ".PlayBar"
			}
		});
	});

	$(".cp-play").click (function () {
		$(this).next().next().show().jPlayer("play");
		return false;
	});
	
	$(".Fermer").click (function () {
		$(this).parents(".PopUpDetail").fadeOut ("normal");
		return false;
	});
});