// -------------------------------------------------------------------------------------------------------------------------------------------------------
 // Onload
 // -------------------------------------------------------------------------------------------------------------------------------------------------------

 $(document).ready(function()
 {
    $.ajaxSetup({ url: "include/webservice.php", type: "POST", global: false, cache: false, error: function() { alert("Ajax-Fehler"); } });

    $("#playquery").keyup( function(e)
    {
       if(e.keyCode == 13)
       {
          var id = document.getElementById("playquery").value;
          $("#player").empty();
          $("#player").prepend(insertPlayer(id));
       }
       else
       {
          var display= document.getElementById("playlist").style.display;
          // alert(display);

          if(display == "block")
          {
             playlist();
          }
          else
          {
          // playlist();
          }
       }
    }); 

    $("#playdown").click( function()
    {
       var display= document.getElementById("playlist").style.display;
       // alert(display);

       if(display == "block")
       {
          this.src = "images/down.gif";
          this.alt = "Playlist zeigen";

          $('#playlist').hide("fast");
       }
       else
       {
          this.src = "images/up.gif";
          this.alt = "Playlist schliessen";

          $("#playlist").show("slow");

       // playlist();
       }
    });  

    playlist("starting");
 });

 // -------------------------------------------------------------------------------------------------------------------------------------------------------
 // Playlist laden
 // -------------------------------------------------------------------------------------------------------------------------------------------------------

 function playlist(starting)
 {
    var query = document.getElementById("playquery").value;
 // alert(query);

    $.ajax(
    { 
       data: "&method=autocomplete&query="+query+"&",
       dataType: "html",
       success: function(html)
       {
       // alert(html);

          if(html)
          {
             $("#playlist").empty();

             daten = html.split(",");
             daten = daten.sort();
          // alert(daten[1]);

             for (var i = 1; i < daten.length; i++)
             {
             // alert(daten[i]);

                var dateiname = daten[i];
                var dateikurz = dateiname.replace(/.mp3/g, "");

                var text = document.createTextNode(dateiname);
                var line = document.createElement("br");
                var link = document.createElement("span");
                link.setAttribute("id",dateikurz);
                link.setAttribute("class","mp3");
                link.appendChild(text);
                document.getElementById("playlist").appendChild(link);
                document.getElementById("playlist").appendChild(line);

                $("#"+dateikurz).click( function()
                {
                   $(this).css({color: "#666666"});

                   var id = $(this).attr("id");

                   document.getElementById("playquery").value = id;
                   document.getElementById("playquery").focus();
                });

                $("#"+dateikurz).dblclick( function()
                {
                   $(this).css({color: "#666666"});

                   var id = $(this).attr("id");

                   $("#player").empty();
                   $("#player").prepend(insertPlayer(id));
                });

                $("#"+dateikurz).mouseover( function()
                {
                   $(this).css({textDecoration: "underline", fontWeight: "900"});
                });

                $("#"+dateikurz).mouseout( function()
                {
                   $(this).css({textDecoration: "none", fontWeight: "500"});
                });

                if (starting != "starting")
                {
                   $("#playlist").show("slow");
                }
             }
          }
       }
    });
 }

 // -------------------------------------------------------------------------------------------------------------------------------------------------------
 // Flash-Player erzeugen
 // -------------------------------------------------------------------------------------------------------------------------------------------------------

 function insertPlayer(id)
 {
    var soundz = [id+".mp3"];

    var playerpath	= 'include/singlemp3player.swf';
    var path		= 'sounds/';
    var filename	= path + soundz.random();

    var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
    mp3html += 'width="1" height="1" ';
    mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
    mp3html += '<param name="movie" value="'+playerpath+'?';
    mp3html += 'showDownload=false&file=' + filename + '&autoStart=true';
    mp3html += '&backColor=ffffff&frontColor=ffffff';
    mp3html += '&repeatPlay=false&songVolume=80" />';
    mp3html += '<param name="wmode" value="transparent" />';
    mp3html += '<embed wmode="transparent" width="1" height="1" ';
    mp3html += 'src="' + playerpath + '?'
    mp3html += 'showDownload=false&file=' + filename + '&autoStart=true';
    mp3html += '&backColor=ffffff&frontColor=ffffff';
    mp3html += '&repeatPlay=false&songVolume=50" ';
    mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
    mp3html += '</object>';
    return mp3html;
 }

 Array.prototype.random = function( r )
 {
    var i = 0, l = this.length;
    if( !r ) { r = this.length; }
    else if( r > 0 ) { r = r % l; }
    else { i = r; r = l + r % l; }
    return this[ Math.floor( r * Math.random() - i ) ];
 };