$(document).ready(function(){

	var playItem = 0;

	var myPlayList = [
		{name:"01 - Feuerengel - Full Version - 04:10", mp3:"http://promo.geistreich.org/audio/feuerengel/feuerengel.mp3"},
		{name:"02 - Strom - Snippet - 01:31", mp3:"uploads/audio/snippets/strom-snippet.mp3"},
		{name:"03 - Panzer - Snippet - 01:42", mp3:"uploads/audio/snippets/panzer-snippet.mp3"},
		{name:"04 - Den Teufel tun - Snippet - 01:27", mp3:"uploads/audio/snippets/den-teufel-tun-snippet.mp3"},
		{name:"05 - Ameisen - Snippet - 01:46", mp3:"uploads/audio/snippets/ameisen-snippet.mp3"},
		{name:"06 - Beschwörer - Snippet - 01:13", mp3:"uploads/audio/snippets/beschwoerer-snippet.mp3"},
		{name:"07 - Mein Herz - Snippet - 01:20", mp3:"uploads/audio/snippets/mein-herz-snippet.mp3"},
		{name:"08 - Schwerelos - Snippet - 01:47", mp3:"uploads/audio/snippets/schwerelos-snippet.mp3"},
		{name:"09 - Wunder Stern - Snippet - 01:26", mp3:"uploads/audio/snippets/wunder-stern-snippet.mp3"},
		{name:"10 - Schweig mich tot - Snippet - 01:53", mp3:"uploads/audio/snippets/schweig-mich-tot-snippet.mp3"},
		{name:"11 - 28 - Snippet - 01:17", mp3:"uploads/audio/snippets/28-snippet.mp3"},
		{name:"Geist Album Für alle Zeit - Medley - 05:05", mp3:"uploads/audio/medley_fuerallezeit.mp3"},
		{name:"Geist Album Unplugged - Medley - 04:54", mp3:"uploads/audio/medley_unplugged.mp3"}
	];

	// Local copy of jQuery selectors, for performance.
	var jpPlayTime = $("#jplayer_play_time");
	var jpTotalTime = $("#jplayer_total_time");
	var jpStatus = $("#demo_status"); // For displaying information about jPlayer's status in the demo page

	$("#jquery_jplayer").jPlayer({
		ready: function() {
			displayPlayList();
			playListInit(false); // Parameter is a boolean for autoplay.
		},
		oggSupport: false
	})
	.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
		jpPlayTime.text($.jPlayer.convertTime(playedTime));
		jpTotalTime.text($.jPlayer.convertTime(totalTime));

		demoStatusInfo(this.element, jpStatus); // This displays information about jPlayer's status in the demo page
	})
	.jPlayer("onSoundComplete", function() {
		playListNext();
	});

	$("#jplayer_previous").click( function() {
		playListPrev();
		$(this).blur();
		return false;
	});

	$("#jplayer_next").click( function() {
		playListNext();
		$(this).blur();
		return false;
	});

	function displayPlayList() {
		$("#jplayer_playlist ul").empty();
		for (i=0; i < myPlayList.length; i++) {
			var listItem = (i == myPlayList.length-1) ? "<li class='jplayer_playlist_item_last'>" : "<li>";
			listItem += "<a href='#' id='jplayer_playlist_item_"+i+"' tabindex='1'>"+ myPlayList[i].name +"</a></li>";
			$("#jplayer_playlist ul").append(listItem);
			$("#jplayer_playlist_item_"+i).data( "index", i ).click( function() {
				var index = $(this).data("index");
				if (playItem != index) {
					playListChange( index );
				} else {
					$("#jquery_jplayer").jPlayer("play");
				}
				$(this).blur();
				return false;
			});
		}
	}

	function playListInit(autoplay) {
		if(autoplay) {
			playListChange( playItem );
		} else {
			playListConfig( playItem );
		}
	}

	function playListConfig( index ) {
		$("#jplayer_playlist_item_"+playItem).removeClass("jplayer_playlist_current").parent().removeClass("jplayer_playlist_current");
		$("#jplayer_playlist_item_"+index).addClass("jplayer_playlist_current").parent().addClass("jplayer_playlist_current");
		playItem = index;
		$("#jquery_jplayer").jPlayer("setFile", myPlayList[playItem].mp3, myPlayList[playItem].ogg);
	}

	function playListChange( index ) {
		playListConfig( index );
		$("#jquery_jplayer").jPlayer("play");
	}

	function playListNext() {
		var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
		playListChange( index );
	}

	function playListPrev() {
		var index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
		playListChange( index );
	}
});
function togglePlaylist(){
	$('#jplayer_playlist').slideToggle(1000);
	}