$(document).ready(function(){
 
	// Local copy of jQuery selectors, for performance.
	var jpPlayInfo = $("#play-info");
	var jpStatus = $("#demo_status"); // For displaying information about jPlayer's status in the demo page
 
	$("#jquery_jplayer").jPlayer({
		ready: function () {
			$("#track-01").trigger("click");
			demoInstanceInfo(this.element, $("#demo_info")); // This displays information about jPlayer's configuration in the demo page
		},
		customCssIds: true
	})
	.jPlayer("cssId", "play", "play")
	.jPlayer("cssId", "pause", "pause")
	.jPlayer("cssId", "stop", "stop")
	.jPlayer("cssId", "volumeMin", "vmin")
	.jPlayer("cssId", "volumeMax", "vmax")
	.jPlayer("cssId", "volumeBar", "vbar")
	.jPlayer("onProgressChange", function(lp,ppr,ppa,pt,tt) {
 		jpPlayInfo.text("at " + parseInt(ppa)+"% of " + $.jPlayer.convertTime(tt) + ", which is " + $.jPlayer.convertTime(pt));
		demoStatusInfo(this.element, jpStatus); // This displays information about jPlayer's status in the demo page
	});
 
	$("#track-01").click( changeTrack );
	$("#track-02").click( changeTrack );
	$("#track-03").click( changeTrack );
 
	function changeTrack(e) {
		$("#trackname").text($(this).text());
		$("#jquery_jplayer").jPlayer("setFile", $(this).attr("href")).jPlayer("play");
		return false;
	}
 
	$.jPlayer.timeFormat.padMin = false;
	$.jPlayer.timeFormat.padSec = false;
	$.jPlayer.timeFormat.sepMin = "min ";
	$.jPlayer.timeFormat.sepSec = "sec";
});