/**
 * User-info handler.
 */
$("#content").on("click", ".user-info", function(e) {
  var href = "/tippspiel/user-info/view/" + $(this).attr("data-id");
  $.fancybox({"type": "ajax", "href": href, "closeBtn": false, "width": getInfoWidth(), "height": "auto", "autoSize": false});
});

/**
 * Team-info handler.
 */
$("#content").on("click", ".team-info", function(e) {
  var href = "/tippspiel/team-info/view/" + $(this).attr("data-id");
  $.fancybox({"type": "ajax", "href": href, "closeBtn": false, "width": getInfoWidth(), "height": "auto", "autoSize": false});
});

/**
 * Match-info handler.
 */
$("#content").on("click", ".match-info", function(e) {
  var href = "/tippspiel/match-info/view/" + $(this).attr("data-id");
  $.fancybox({"type": "ajax", "href": href, "closeBtn": false, "width": getInfoWidth(), "height": "auto", "autoSize": false, "afterShow": initUserBetTooltips});
});

/**
 * Initializes the tooltips with the user bets in the match info. 
 */
function initUserBetTooltips() {
  $('.user-bet-result').tooltip({delay: 500});
}

/**
 * Determines the width for the info box depending on the viewport width.
 */
function getInfoWidth() {
  var w = $("body").width();
  return (w > 767) ? "75%" : "100%";
}