// JavaScript Document

//<![CDATA[
$(document).ready(function(){

	var Playlist = function(instance, playlist, options) {
		var self = this;

		this.instance = instance; // String: To associate specific HTML with this playlist
		this.playlist = playlist; // Array of Objects: The playlist
		this.options = options; // Object: The jPlayer constructor options for this playlist

		this.current = 0;

		this.cssId = {
			jPlayer: "jquery_jplayer_",
			interface: "jp_interface_",
			playlist: "jp_playlist_"
		};
		this.cssSelector = {};

		$.each(this.cssId, function(entity, id) {
			self.cssSelector[entity] = "#" + id + self.instance;
		});

		if(!this.options.cssSelectorAncestor) {
			this.options.cssSelectorAncestor = this.cssSelector.interface;
		}

		$(this.cssSelector.jPlayer).jPlayer(this.options);

		$(this.cssSelector.interface + " .jp-previous").click(function() {
			self.playlistPrev();
			$(this).blur();
			return false;
		});

		$(this.cssSelector.interface + " .jp-next").click(function() {
			self.playlistNext();
			$(this).blur();
			return false;
		});
	};

	Playlist.prototype = {
		displayPlaylist: function() {
			var self = this;
			$(this.cssSelector.playlist + " ul").empty();
			for (i=0; i < this.playlist.length; i++) {
				var listItem = (i === this.playlist.length-1) ? "<li class='jp-playlist-last'>" : "<li>";
				listItem += "<a href='#' id='" + this.cssId.playlist + this.instance + "_item_" + i +"' tabindex='1'>"+ this.playlist[i].name +"</a>";

				// Create links to free media
				if(this.playlist[i].free) {
					var first = true;
					listItem += "<div class='jp-free-media'>(";
					$.each(this.playlist[i], function(property,value) {
						if($.jPlayer.prototype.format[property]) { // Check property is a media format.
							if(first) {
								first = false;
							} else {
								listItem += " | ";
							}
							listItem += "<a id='" + self.cssId.playlist + self.instance + "_item_" + i + "_" + property + "' href='" + value + "' tabindex='1'>" + property + "</a>";
						}
					});
					listItem += ")</span>";
				}

				listItem += "</li>";

				// Associate playlist items with their media
				$(this.cssSelector.playlist + " ul").append(listItem);
				$(this.cssSelector.playlist + "_item_" + i).data("index", i).click(function() {
					var index = $(this).data("index");
					if(self.current !== index) {
						self.playlistChange(index);
					} else {
						$(self.cssSelector.jPlayer).jPlayer("play");
					}
					$(this).blur();
					return false;
				});

				// Disable free media links to force access via right click
				if(this.playlist[i].free) {
					$.each(this.playlist[i], function(property,value) {
						if($.jPlayer.prototype.format[property]) { // Check property is a media format.
							$(self.cssSelector.playlist + "_item_" + i + "_" + property).data("index", i).click(function() {
								var index = $(this).data("index");
								$(self.cssSelector.playlist + "_item_" + index).click();
								$(this).blur();
								return false;
							});
						}
					});
				}
			}
		},
		playlistInit: function(autoplay) {
			if(autoplay) {
				this.playlistChange(this.current);
			} else {
				this.playlistConfig(this.current);
			}
		},
		playlistConfig: function(index) {
			$(this.cssSelector.playlist + "_item_" + this.current).removeClass("jp-playlist-current").parent().removeClass("jp-playlist-current");
			$(this.cssSelector.playlist + "_item_" + index).addClass("jp-playlist-current").parent().addClass("jp-playlist-current");
			this.current = index;
			$(this.cssSelector.jPlayer).jPlayer("setMedia", this.playlist[this.current]);
		},
		playlistChange: function(index) {
			this.playlistConfig(index);
			$(this.cssSelector.jPlayer).jPlayer("play");
		},
		playlistNext: function() {
			var index = (this.current + 1 < this.playlist.length) ? this.current + 1 : 0;
			this.playlistChange(index);
		},
		playlistPrev: function() {
			var index = (this.current - 1 >= 0) ? this.current - 1 : this.playlist.length - 1;
			this.playlistChange(index);
		}
	};

	var audioPlaylist = new Playlist("1", [
		{
			name:"Le roi du rodéo",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/leroidurodeo.mp3",
		},
		{
			name:"Le chasseur de primes",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/lechasseurdeprimes.mp3",
		},
		{
			name:"Le pilote de course",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/lepilotedecourse.mp3",
		},
		{
			name:"Le petit Burrito",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/lepetitburrito.mp3",
		},
		{
			name:"L'école publique",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/lecolepublique.mp3",
		},
		{
			name:"Chanson pour les matelots",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/chansonpourlesmatelots.mp3"
		},
		{
			name:"La ballade de Marilou",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/laballadedemarilou.mp3",
		},
		{
			name:"Ti-Bidon",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/tibidon.mp3",
		},
		{
			name:"Le condor",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/lecondor.mp3",
		},
		{
			name:"Les bretelles",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/lesbretelles.mp3"
		},
		{
			name:"La danse de la fumée",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/ladansedelafumee.mp3",
		},
		{
			name:"Jouer dans la boue",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/jouerdanslaboue.mp3",
		},	
		{
			name:"Le cow-boy et le cheval",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/lecowboyetlecheval.mp3",
		},
		{
			name:"Mon ami",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/au-grand-galop/monami.mp3",
		}	

	], {
		ready: function() {
			audioPlaylist.displayPlaylist();
			audioPlaylist.playlistInit(false); // Parameter is a boolean for autoplay.
		},
		ended: function() {
			audioPlaylist.playlistNext();
		},
		play: function() {
			$("#jp_playlist_1 li").css("background-image","none");
			$("#jp_playlist_2 li").css("background-image","none");
			$("#jp_playlist_3 li").css("background-image","none");
			$("#jp_playlist_4 li").css("background-image","none");
			$("#jp_playlist_1 li.jp-playlist-current").css("background-image","url(http://lespetitestounes.ca/rerolled/wordpress/jplayer/eqanim.gif)");$("#jp_playlist_1 li.jp-playlist-current").css("background-position","95% 50%"); $("#jp_playlist_1 li.jp-playlist-current").css("background-repeat","no-repeat");
			$(this).jPlayer("pauseOthers");			
		},
		swfPath: "http://lespetitestounes.ca/rerolled/wordpress/jplayer/swf/",
		supplied: "mp3"
	});

	var danslesoussol = new Playlist("2", [

		{
			name:"Dans le sous-sol",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/dans-le-sous-sol/danslesoussol.mp3",
		},
		{
			name:"Les pirates",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/dans-le-sous-sol/lespirates.mp3",
		},
		{
			name:"Incantation contre les poux",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/dans-le-sous-sol/incantationcontrelespoux.mp3"
		},
		{
			name:"La surfaceuse",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/dans-le-sous-sol/lasurfaceuse.mp3",
		},
		{
			name:"Belle journée",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/dans-le-sous-sol/bellejournee.mp3",
		}
		

	], {
		ready: function() {
			danslesoussol.displayPlaylist();
			danslesoussol.playlistInit(false); // Parameter is a boolean for autoplay.
		},
		ended: function() {
			danslesoussol.playlistNext();
		},
		play: function() {
			$("#jp_playlist_1 li").css("background-image","none");
			$("#jp_playlist_2 li").css("background-image","none");
			$("#jp_playlist_3 li").css("background-image","none");
			$("#jp_playlist_4 li").css("background-image","none");
			$("#jp_playlist_2 li.jp-playlist-current").css("background-image","url(http://lespetitestounes.ca/rerolled/wordpress/jplayer/eqanim.gif)");$("#jp_playlist_2 li.jp-playlist-current").css("background-position","95% 50%"); $("#jp_playlist_2 li.jp-playlist-current").css("background-repeat","no-repeat");
			$(this).jPlayer("pauseOthers");
		},
		swfPath: "http://lespetitestounes.ca/rerolled/wordpress/jplayer/swf/",
		supplied: "mp3"
	});
	
		var legrandmondedespetitestounes = new Playlist("3", [

		{
			name:"Prout-prout",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/le-grand-monde-des-petites-tounes/proutprout.mp3",
		},
		{
			name:"Les chauves-souris",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/le-grand-monde-des-petites-tounes/leschauvessouris.mp3",
		},
		{
			name:"La flûte des Incas",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/le-grand-monde-des-petites-tounes/laflutedesincas.mp3"
		},
		{
			name:"Pedro",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/le-grand-monde-des-petites-tounes/pedro.mp3",
		},
		{
			name:"Le fantôme de minuit",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/le-grand-monde-des-petites-tounes/lefantomedeminuit.mp3",
		}
		

	], {
		ready: function() {
			legrandmondedespetitestounes.displayPlaylist();
			legrandmondedespetitestounes.playlistInit(false); // Parameter is a boolean for autoplay.
		},
		ended: function() {
			legrandmondedespetitestounes.playlistNext();
		},
		play: function() {
			$("#jp_playlist_1 li").css("background-image","none");
			$("#jp_playlist_2 li").css("background-image","none");
			$("#jp_playlist_3 li").css("background-image","none");
			$("#jp_playlist_4 li").css("background-image","none");
			$("#jp_playlist_3 li.jp-playlist-current").css("background-image","url(http://lespetitestounes.ca/rerolled/wordpress/jplayer/eqanim.gif)");$("#jp_playlist_3 li.jp-playlist-current").css("background-position","95% 50%"); $("#jp_playlist_3 li.jp-playlist-current").css("background-repeat","no-repeat");
			$(this).jPlayer("pauseOthers");

		},
		swfPath: "http://lespetitestounes.ca/rerolled/wordpress/jplayer/swf/",
		supplied: "mp3"
	});

		var leslegendes = new Playlist("4", [

		{
			name:"Machu Picchu",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/les-legendes/machupicchu.mp3",
		},
		{
			name:"Jos Montferrand",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/les-legendes/josmontferrand.mp3",
		},
		{
			name:"Le gros méchant loup",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/les-legendes/legrosmechantloup.mp3"
		},
		{
			name:"Le super-héros",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/les-legendes/lesuperheros.mp3",
		},
		{
			name:"Le Général Fourmi",
			mp3:"http://lespetitestounes.ca/rerolled/wordpress/jplayer/musique/les-legendes/legeneralfourmi.mp3",
		}
		

	], {
		ready: function() {
			leslegendes.displayPlaylist();
			leslegendes.playlistInit(false); // Parameter is a boolean for autoplay.
		},
		ended: function() {
			leslegendes.playlistNext();
		},
		play: function() {
			$("#jp_playlist_1 li").css("background-image","none");
			$("#jp_playlist_2 li").css("background-image","none");
			$("#jp_playlist_3 li").css("background-image","none");
			$("#jp_playlist_4 li").css("background-image","none");
			$("#jp_playlist_4 li.jp-playlist-current").css("background-image","url(http://lespetitestounes.ca/rerolled/wordpress/jplayer/eqanim.gif)");$("#jp_playlist_4 li.jp-playlist-current").css("background-position","95% 50%"); $("#jp_playlist_4 li.jp-playlist-current").css("background-repeat","no-repeat");
			$(this).jPlayer("pauseOthers");
		},
		swfPath: "http://lespetitestounes.ca/rerolled/wordpress/jplayer/swf/",
		supplied: "mp3"
	});
		
		
		
$("#jquery_jplayer_1").bind($.jPlayer.event.pause, function(event){$("li.jp-playlist-current").css("background-image","none");});


$("#jquery_jplayer_2").bind($.jPlayer.event.pause, function(event){$("li.jp-playlist-current").css("background-image","none");});


$("#jquery_jplayer_3").bind($.jPlayer.event.pause, function(event){$("li.jp-playlist-current").css("background-image","none");});


$("#jquery_jplayer_4").bind($.jPlayer.event.pause, function(event){$("li.jp-playlist-current").css("background-image","none");});
																																									

});

