window.addEvent('domready', function() {
  $$("#mainMenu .unselected").addEvents({
    'mouseenter': function() {
      this.set('morph', { duration: 400 });
      this.morph(
        {
          "background-color": "#D0FB65",
          "color": "#000000",
          "border-bottom-color": "#000"

        })
    },
    'mouseleave': function() {
      this.get('morph').cancel();
      this.setStyles({
        "background-color": "#fff",
        "color": "#006800",
        "border-bottom-color": "#fff"
      })
    }
  });

  $("glassPane").addEvent('click', function() {
    window.location = "http://" + location.host + "" + location.pathname;
  });

  Multiplayer.ori_handleResponse = Multiplayer.handleResponse;
  Multiplayer.handleResponse = QuekClient.handleResponseWrapper;

  Multiplayer.init("/ping", 2500, QuekClient.handleEvent, {
    "name": true,
    "position": true,
    "url": true,
    "say": false,
    "mood": false,
    "beer": false,
    "kiss": false
  });

  if ($("name"))
    $("name").focus();

  Multiplayer.connect(null, null);

});

function displayUrlCreatorPopup(lang) {
  var isNL = lang == 'nl';
  var url = $("urlInput").value;
  if (url != '') {
    $("urlCreatorPopup").setStyles({ "display": "block" });
    $("glassPane").setStyles({ "display": "block" });
    url = location.href + "/?site=" + url;
    var textPart1 = isNL ? "of gebruik dit linkje" : "or use this link";
    $("urlCreatorPopup-p").set("html", "copy-paste:<br/><span class=\"copyLink\">" + url + "</span><br/>"+textPart1+": <br/><a href='" + url + "'>" + url + "</a>");
  }
};

function closeUrlCreatorPopup() {
  $("urlCreatorPopup").setStyles({ "display": "none" });
  $("glassPane").setStyles({ "display": "none" });
}