$(document).ready(function(){
  var playItem = 0;
 
  var myPlayList = [
    {name:"Chatroulette",mp3:"/multimedia/audio/Chatroulette.mp3"},
    {name:"Collage Satellite",mp3:"/multimedia/audio/Collage Satellite.mp3"},
    {name:"Collage WM-Songs",mp3:"/multimedia/audio/Collage WM-Songs.mp3"},
    {name:"Cybermobbing 01",mp3:"/multimedia/audio/Cybermobbing 01.mp3"},
    {name:"Cybermobbing 02",mp3:"/multimedia/audio/Cybermobbing 02.mp3"},
    {name:"Ölpest im Golf von Mexiko 01",mp3:"/multimedia/audio/Oelpest im Golf von Mexiko 01.mp3"},
    {name:"Ölpest im Golf von Mexiko 02",mp3:"/multimedia/audio/Oelpest im Golf von Mexiko 02.mp3"},
    {name:"Schulradio BBW Potsdam",mp3:"/multimedia/audio/Schulradio BBW Potsdam.mp3"},
    {name:"Teilnehmer beim SchoolRadioDay",mp3:"/multimedia/audio/Teilnehmer beim SchoolRadioDay.mp3"},
    {name:"Umfrage ÖPNV",mp3:"/multimedia/audio/Umfrage OEPNV.mp3"},
    {name:"Umfrage zu Manuel Neuer",mp3:"/multimedia/audio/Umfrage zu Manuel Neuer.mp3"},
    {name:"Umfrage zum SchoolRadioDay 01",mp3:"/multimedia/audio/Umfrage zum SchoolRadioDay 01.mp3"},
    {name:"Umfrage zum SchoolRadioDay 02",mp3:"/multimedia/audio/Umfrage zum SchoolRadioDay 02.mp3"},
    {name:"Was macht Schulradio aus",mp3:"/multimedia/audio/Was macht Schulradio aus.mp3"}
  ];
 
  // Local copy of jQuery selectors, for performance.
  var jpPlayTime = $("#jplayer_play_time");
  var jpTotalTime = $("#jplayer_total_time");
 
  $("#jquery_jplayer").jPlayer({
    ready: function() {
      displayPlayList();
      playListInit(false); // Parameter is a boolean for autoplay.
    }
  })
  .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></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);
  }
 
  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 );
  }
});