var current_track = 0;
var next_track = 0;
var previous_track = 0;

$(document).ready(function() { 
  
  $("#jquery_jplayer").jPlayer().jPlayerId("play", "player_play")
	.jPlayerId("pause", "player_pause")
	.jPlayerId("stop", "player_stop")
	.jPlayerId("loadBar", "player_progress_load_bar")
	.jPlayerId("playBar", "player_progress_play_bar")
	.jPlayerId("volumeMin", "player_volume_min")
	.jPlayerId("volumeMax", "player_volume_max")
	.jPlayerId("volumeBar", "player_volume_bar")
	.jPlayerId("volumeBarValue", "player_volume_bar_value")
	.onProgressChange( function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
		var myPlayedTime = new Date(playedTime);
		var ptMin = (myPlayedTime.getUTCMinutes() < 10) ? "0" + myPlayedTime.getUTCMinutes() : myPlayedTime.getUTCMinutes();
		var ptSec = (myPlayedTime.getUTCSeconds() < 10) ? "0" + myPlayedTime.getUTCSeconds() : myPlayedTime.getUTCSeconds();
		$("#play_time").text(ptMin+":"+ptSec);

		var myTotalTime = new Date(totalTime);
		var ttMin = (myTotalTime.getUTCMinutes() < 10) ? "0" + myTotalTime.getUTCMinutes() : myTotalTime.getUTCMinutes();
		var ttSec = (myTotalTime.getUTCSeconds() < 10) ? "0" + myTotalTime.getUTCSeconds() : myTotalTime.getUTCSeconds();
		$("#total_time").text(ttMin+":"+ttSec);
	})
	.onSoundComplete( function() {
		playListNext();
	});

	$("#ctrl_prev").click( function() {
		playListPrev();
		return false;
	});

	$("#ctrl_next").click( function() {
		playListNext();
		return false;
	});


	$('.audio_track').click(function() {
	  select_track($(this).attr('index'));
	}).addClass('selectable_track');
});

function playListNext() {
  select_track(next_track);
}

function playListPrev() {
  select_track(previous_track);
}

function select_track(index) {
	  $('.active_track').removeClass('active_track');
	  if (current_track != index) {
		  current_track = index;
		  var el = $('#track' + index);
		  next_track = $(el).attr('next');
		  previous_track = $(el).attr('prev');
	      $('#jquery_jplayer').setFile($(el).attr('src')).play(); // Defines the mp3
		  $(el).addClass('active_track');
	  } else {
	      $('#jquery_jplayer').stop();
		  current_track = 0;
	  }
}