Haiku custom

gistfile1.js

$('.player-container').css('visibility', 'visible').show();


/*Text Version*/

$("div[id^=haiku-text-player]").each(function() {
	var num = this.id.match(/haiku-text-player(\d+)/)[1];
	var ctrlId = "div#text-player-container" + num + " ul#player-buttons" + num;
	var audioFile = $(ctrlId + " li.play a").attr("href");
	 $(this).jPlayer({
		ready: function () {
			this.element.jPlayer("setFile", audioFile);
		},
		customCssIds: true,
		swfPath: jplayerswf,
		errorAlerts:true,
		nativeSuport:false
	})
	$(ctrlId + " li.play").click(function() {
		stopAllPlayers();
		$("div#haiku-text-player" + num).jPlayer("play");
		showStopBtn();
		return false;
	});
	$(ctrlId + " li.stop").click(function() {
		$("div#haiku-text-player" + num).jPlayer("stop");
		showPlayBtn();
		return false;
	});
	function stopAllPlayers() {
		$("div.haiku-text-player").jPlayer("stop");
		$("div.text-player-container ul.player-buttons li.stop").hide();					$("div.text-player-container ul.player-buttons li.play").show();
	}
	function showStopBtn() {
		$(ctrlId + " li.play").fadeOut(100, function(){
			$(ctrlId + " li.stop").css("display","inline").fadeIn(100);});
	}
	function showPlayBtn() {
		$(ctrlId + " li.stop").fadeOut(100, function(){
			$(ctrlId + " li.play").fadeIn(10);});
	}

});

/*Graphical version*/

$("div[id^=haiku-player]").each(function() {

	var num = this.id.match(/haiku-player(\d+)/)[1];
	var buttonId = "div#haiku-button" + num;
	var jpPlayTime = $("#jplayer_play_time" + num);
	var jpTotalTime = $("#jplayer_total_time" + num);
	var audioFile = $(buttonId + " a").attr("href");
	currentPlayer = 0;
	
	$(this).jPlayer({
		ready: function () {
			this.element.jPlayer("setFile", audioFile);
		},
		customCssIds: true,
		swfPath: jplayerswf,
		errorAlerts:true,
		nativeSuport:false
	})
	
	.jPlayer("onSoundComplete", function() {
	stopPreviousPlayer();
	})
	
	.jPlayer("onProgressChange", function(lp,ppr,ppa,pt,tt) {
	var lpInt = parseInt(lp);
	var ppaInt = parseInt(ppa);
	global_lp = lpInt;
	jpPlayTime.text($.jPlayer.convertTime(pt) + " / ");
	jpTotalTime.text($.jPlayer.convertTime(tt));

	$('#sliderPlayback' + num).slider('option', 'value', ppaInt);
	});

	// Slider
	$('#sliderPlayback' + num).slider({
		max: 100,
		range: 'min',
		animate: true,
		slide: function(event, ui) {
			$('#haiku-player' + num).jPlayer("playHead", ui.value*(100.0/global_lp));
			$(buttonId + " li.play").hide();
			$(buttonId + " li.pause").fadeIn(10);
		}
	});

	$(buttonId + " a.play").click(function() {
		stopPreviousPlayer();
		$(buttonId + " a img.listen").hide();
		$(buttonId + " li.play").hide();
		$("ul#controls" + num).fadeIn('fast');
		$("ul#info" + num).fadeIn('fast');
		$("div#haiku-player" + num).jPlayer("play");
		currentPlayer = num;
		return false;
	});	

	$(buttonId + " li.pause").click(function() {
		$("div#haiku-player" + num).jPlayer("pause");
		showPlayBtn();
		return false;
	});
	
	$(buttonId + " li.play").click(function() {
		$("div#haiku-player" + num).jPlayer("play");
		showPauseBtn();
		return false;
	});
	
	$(buttonId + " li.stop").click(function() {
		$("div#haiku-player" + num).jPlayer("stop");
		showDefault();
		return false;
	});
	
	function stopPreviousPlayer() {
		$("div#haiku-player" + currentPlayer).jPlayer("stop");
		showPauseBtn();
		$("ul#controls" + currentPlayer).hide();	
		$("ul#info" + currentPlayer).hide();	
		$("div#haiku-button" + currentPlayer + " a img.listen").fadeIn('fast');
	}
	
	function showPlayBtn() {
	$(buttonId + " li.pause").hide();
	$(buttonId + " li.play").fadeIn(10);
	}
	
	function showPauseBtn() {
	$(buttonId + " li.play").hide();
	$(buttonId + " li.pause").fadeIn(10);
	}
		
	function showDefault() {
		$("ul#controls" + num).hide();
		$("ul#info" + num).hide();
		showPauseBtn();
		$(buttonId + " a img.listen").fadeIn(10);
	}
	
});