//
$(document).ready(function(){

   $("#jplayer").jPlayer({
		ready: function(){
		    var track = $('#tracknum-0');
		    if (track!=null) {
		        $(this).setFile(track.href);
		    }
		},
		swfPath: window.static_url+'/jplayer',
		position: 'relative',
		oggSupport: false
	})
	.onProgressChange( function(lp, ppr, ppa, pt, tt){
 		$("#pcent").text(parseInt(ppa)+"%");
	});
	
	$("#pause").hide();

	function showPauseBtn(){
		$("#play").fadeOut(function(){
			$("#pause").fadeIn();
		});
	}

	function showPlayBtn(){
		$("#pause").fadeOut(function(){
			$("#play").fadeIn();
		});
	}

	function playTrack(t,n){
	    if (!$('#jplayer-controls').is(':visible')){
            $('#jplayer-controls').fadeIn();
        }

		$("#jplayer").setFile(t).play();

		showPauseBtn();
        
        $("#now-playing").fadeOut(function(){
			$("#now-playing").fadeIn();
		});
		
		$("#trackname").fadeOut(function(){
			$("#trackname").text(n);
			$("#trackname").fadeIn();
		});

		$("#pcent").fadeOut(function(){
			$("#pcent").fadeIn();
		});

		return false;
	}

	$("[id^='tracknum-']").click(function() {
 		return(playTrack(this.href, this.text));
	});

	$("#play").click(function() {
		$("#jplayer").play();
		showPauseBtn();
		return false;
	});

	$("#pause").click(function() {
		$("#jplayer").pause();
		showPlayBtn();
		return false;
	});

	$("#stop").click(function() {
		$("#jplayer").stop();
		showPlayBtn();
		return false;
	});
});