$(document).ready(function(){

	var playItem = 0;



	var myPlayList = [

	        {name:"Free Yourself",mp3:"http://www.hatetrend.com/ht-freeyourself.mp3",ogg:"http://www.hatetrend.com/ht-freeyourself.ogg"},

		{name:"BreakNeck",mp3:"http://www.hatetrend.com/ht-breakneck.mp3",ogg:"http://www.hatetrend.com/ht-breakneck.ogg"}

	];



		// Local copy of jQuery selectors, for performance.

	var jpPlayTime = $("#jplayer_play_time");

	var jpTotalTime = $("#jplayer_total_time");



	$("#jquery_jplayer").jPlayer({

		ready: function() {

			displayPlayList();

			playListInit(); // Parameter is a boolean for autoplay.

		},

		oggSupport: true,

swfPath: "http://hatetrend.com/wp-content/themes/hatetrend/js/"

	})

	.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {

		jpPlayTime.text($.jPlayer.convertTime(playedTime));

		jpTotalTime.text($.jPlayer.convertTime(totalTime));

	})

	.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><a id='jplayer_playlist_get_mp3_"+i+"' href='" + myPlayList[i].mp3 + "' tabindex='1'></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;

			});

			$("#jplayer_playlist_get_mp3_"+i).data( "index", i ).click( function() {

				var index = $(this).data("index");

				$("#jplayer_playlist_item_"+index).trigger("click");

				$(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 );

	}

});