$(document).ready(function(){

	// Local copy of jQuery selectors, for performance.
	var jpPlayTime = $("#jplayer_play_time");
	var jpTotalTime = $("#jplayer_total_time");
	var jpPlayTime2 = $("#jplayer_play_time2");
	var jpTotalTime2 = $("#jplayer_total_time2");

	$("#jquery_jplayer").jPlayer({
		ready: function () {
			this.element.jPlayer("setFile", "/common/audio/bounce_radio_1.mp3", "/common/audio/bounce_radio_1.ogg").jPlayer("stop");
		},
		volume: 50,
		oggSupport: false
	})
	.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
		jpPlayTime.text($.jPlayer.convertTime(playedTime));
		jpTotalTime.text($.jPlayer.convertTime(totalTime));
	})
	.jPlayer("onSoundComplete", function() {
		this.element.jPlayer("stop");
	});
	
	$("#jquery_jplayer2").jPlayer({
		ready: function () {
			this.element.jPlayer("setFile", "/common/audio/bounce_radio_2.mp3", "/common/audio/bounce_radio_2.ogg").jPlayer("stop");
		},
		volume: 50,
		oggSupport: false,
		customCssIds: true,
	})
	.jPlayer("cssId", "play", "jplayer_play2")
	.jPlayer("cssId", "pause", "jplayer_pause2")
	.jPlayer("cssId", "stop", "jplayer_stop2")
	.jPlayer("cssId", "loadBar", "jplayer_load_bar2")
	.jPlayer("cssId", "playBar", "jplayer_play_bar2")
	.jPlayer("cssId", "volumeMin", "jplayer_volume_min2")
	.jPlayer("cssId", "volumeMax", "jplayer_volume_max2")
	.jPlayer("cssId", "volumeBar", "jplayer_volume_bar2")
	.jPlayer("cssId", "volumeBarValue", "jplayer_volume_bar_value2")
	.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
		jpPlayTime2.text($.jPlayer.convertTime(playedTime));
		jpTotalTime2.text($.jPlayer.convertTime(totalTime));
	})
	.jPlayer("onSoundComplete", function() {
		this.element.jPlayer("stop");
	});
	
	$("#jplayer_play").click( pausePlayer2 );
	$("#jplayer_load_bar").click( pausePlayer2 );
	$("#jplayer_play_bar").click( pausePlayer2 );

	$("#jplayer_play2").click( pausePlayer1 );
	$("#jplayer_load_bar2").click( pausePlayer1 );
	$("#jplayer_play_bar2").click( pausePlayer1 );

	function pausePlayer1(e) {
		$("#jquery_jplayer").jPlayer("pause");
	}
	function pausePlayer2(e) {
		$("#jquery_jplayer2").jPlayer("pause");
	}
});