/*
A simple Mumble server interface builder and live updater. Expects the following endpoints:

/murmur/tree/$id - return a JSON data structure describing a server's state, as described in server/README
/murmur/listen?id=murmursrv$id - subscribe for updates 

*/
(function() {
  var revert = window.$ && window.jQuery != window.$;
  var init = function($){
    if(revert) {
      window.jQuery.noConflict();
    }
    $["fn"]["murmur"] = function(options) {
      var opts = $.extend({}, $["fn"]["murmur"]["defaults"], options);
      return $(this).each(function() {
        var sub = $("<div id='murmur-sub'></div>");
        var caller = $("<ul class='murmur-root'></ul>");
        var owner = $(this);
        owner.append(sub);
        owner.append($("<div class='murmur-credits'><a href='http://www.mmo-mumble.com'>Powered by MMO-Mumble.com</a></div>"));
        owner.find(".murmur-credits").hide();
        owner.addClass("murmur");
        
        sub.append(caller);
        caller.hide();			
      
        var callAgain;  
        var comet = function(url, success_callback) {
          callAgain = callAgain || function() { comet(url, success_callback); }
          $.getJSON(url, function(data) {
            success_callback(data);
            setTimeout(callAgain, 0);		// Calling with setTimeout prevents a recursion stack blow
          });
        }
        
        var updateChannelCounts = function() {
          $(caller).find("em").each(function() {
            var $this = $(this);
            var num = $this.parent().find(".player").length;
            if(opts.showNumInChannel) {
              $this.text(num > 0 ? ("(" + num + ")") : "");
            }
            $(this).parent().removeClass("empty populated");
            if(num == 0) {
              $(this).parent().addClass("empty");
            } else {
              $(this).parent().addClass("populated");
            }
            if(num == 0 && opts.hideEmpty) {
              $this.parent().hide();
            } else {
              $this.parent().show();
            }
          });
        }
        
        var sortChannels = function() {			
          var results = $(caller).find("li.channel");
          results.sort(function(a, b) {
            var $a = $(a);
            var $b = $(b);
            var pa = parseInt($a.attr("rel"));
            var pb = parseInt($b.attr("rel"));
            var ta = $a.find(">span").text();
            var tb = $b.find(">span").text();
            if(pa == pb) {
              return ta < tb ? 1 : -1;
            } else {
              return pa < pb ? 1 : -1;
            }
          });
          for(var i=0; i<results.length; i++) {
            var $result = $(results[i]);
            $result.parent().prepend($result);
          }
        }
        
        var sortPlayers = function() {
          var results = $(caller).find("li.player");
          results.sort(function(a, b) {
            return $(a).text() > $(b).text() ? 1 : -1;
          })
          for(var i=0; i<results.length; i++) {
            var $result = $(results[i]);
            $result.parent().append($result);
          }
        }
        
        var addChannel = function(channelData) {
          var $caller = $(caller);
          var $channel = $caller.find("#channel" + channelData.id);
          if($channel.length > 0) {
            var parent = $caller.find("#channel" + channelData.parent + "> ul");
            if(parent.length > 0) {
              if(channelData.state == "removed") {
                $channel.remove();
              } else {
                $channel = $channel.remove();
                parent.append($channel);
              }
            }
          } else if(channelData.state != "removed") {
            $channel = $(document.createElement("li"));
            $channel.addClass("channel")				
            $channel.attr("id", "channel" + channelData.id);
            $channel.attr("rel", channelData.position);
            $channel.html("<span>" + channelData.name + "</span> <em></em>");
            
            var $list = $("<ul></ul>");
            $channel.append($list);
            
            $caller.append($channel);
          }
          $channel.removeClass("permanent");
          $channel.removeClass("temporary");
          $channel.addClass(channelData.state);
        }
        
        var addPlayer = function(playerData) {
          var $caller = $(caller);
          var existing = $caller.find(".player#player" + playerData.name);
          var parent = $caller.find(".channel#channel" + playerData.channel + "> ul");
          var $player;
          if(existing.length > 0) {
            $player = existing.remove();
            if(playerData.state != "offline") {
              parent.append($player);
            }
          } else {
            $player = $(document.createElement("li"));
            $player.addClass("player");				
            $player.attr("id", "player" + playerData.name);
            $player.html("<span>" + playerData.name + "</span>");
            parent.append($player);
          }			
          $player.removeClass("muted").removeClass("deafened");
          if(playerData.mute) $player.addClass("muted");
          if(playerData.deaf) $player.addClass("deafened");
        }
        
        var populateTree = function(data) {
          // The first pass inserts all the channels. The second pass sorts them all into the proper hierarchy. Yay reusable code.
          for(var j=0; j<2; j++) {
            for(var i in data.channels) {
              addChannel(data.channels[i]);
            }
          }
          
          for(var i in data.users) {
            addPlayer(data.users[i]);
          }
          updateChannelCounts();
          sortChannels();
          sortPlayers();
        }
        
        $.ajax({
          type: "GET",
          dataType: "json",
          url: opts.host + "/account/servers/" + opts.id + "/status.json?callback=?&token=" + opts.token,
          success: function(data) {
            populateTree(data);
            $(owner).find(".murmur-credits").show();
            $(owner).find("ul.murmur-root").show();
          },
          error: function(a,b,c) {}
        });
        
        $(this).find(".channel span").live("click", function() {
          var $ul = $(this).parent().find(">ul");
          if($ul.find(">li").length > 0)
            $(this).parent().find(">ul").toggle("fast");
        });
      });
    }
    
    $["fn"]["murmur"]["defaults"] = {
      url: "",
      id: 1,
      hideEmpty: false,
      showNumInChannel: true
    }
    
    $(function() {
      $(".mumble-viewer").each(function() {
        var $this = $(this);
        var token = $this.attr("data-token");
        var id = $this.attr("data-id");
        if(token && id) {
          $this.murmur({ id: id, host: "http://mmo-mumble.com/", token: token });
        } else {
          $this.text("Missing data-id or data-token");
        }
      })
    });    
    
    if(window["mumble_viewer"]) {
      for(var i=0; i<window["mumble_viewer"].length; i++) {
        window["mumble_viewer"][i]($);
      }
    }
  }; 
  
  if(typeof(window["jQuery"]) == "function") {
    init(window["jQuery"])
  } else {
    var pulse, pulseInit = function() {
      if(typeof(window["jQuery"]) == "function") {
        pulse = clearInterval(pulse);
        init(window["jQuery"]);
      }
    }
    pulse = setInterval(pulseInit, 250);
  }
})();