var currentTrack=0;

$(document).ready(function(){

	$("#jquery_jplayer").jPlayer({
		ready: function () {
			$("#jquery_jplayer").jPlayer("setFile", songPath+'/'+trackList[currentTrack]['id']+'.mp3');
			$('#jplayer_trackname').text (trackList[currentTrack]['title']);
		},
		volume: 50,
		nativeSupport: false,
		swfPath: '/js/jplayer'
	})
	.jPlayer("onSoundComplete", function() {
		fnPlayNextTrack ();
	});
	
	$('#tracks .playTrack').each (function () {
		$(this).hover (
			function () {
				$(this).addClass ('ui-icon-hover');
			}, 
			function () {
				$(this).removeClass ('ui-icon-hover');
			});
		$(this).bind ('click', function () {
			fnPlayTrack ($(this).attr ('playlistID'));
		});
	});
	
	$('#jplayer_next').click (fnPlayNextTrack);
	$('#jplayer_previous').click (fnPlayPreviousTrack);
		
	
});

function fnPlayTrack (nr) {
	currentTrack=nr;
	$("#jquery_jplayer").jPlayer("setFile", songPath+'/'+trackList[nr]['id']+'.mp3').jPlayer("play");
	$('#jplayer_trackname').text (trackList[nr]['title']);
}

function fnPlayNextTrack () {
	currentTrack++;
	if (currentTrack==trackList.length) currentTrack=0;
	fnPlayTrack (currentTrack);
	return false;
}

function fnPlayPreviousTrack () {
	currentTrack--;
	if (currentTrack==-1) currentTrack=trackList.length-1;
	fnPlayTrack (currentTrack);
	return false;
}