MMA Tycoon Fighter Hype/Pop Value

// ==UserScript==
// @name           MMA Tycoon Fighter Hype/Pop Value
// @namespace      http://www.tycoontoo...emonkey-scripts
// @description    This script shows the exact Hype/Pop value on the fighter's profile page.
// @include        http://www.mmatycoon.com/fighterprofilemanager.php*
// @include        http://www.mmatycoon.com/fighterprofilepublic.php*
// @include        http://mmatycoon.com/fighterprofilemanager.php*
// @include        http://mmatycoon.com/fighterprofilepublic.php*
// @version        1.0
// @copyright      2014
// @require        http://code.jquery.com/jquery-latest.js
// @grant       none
// ==/UserScript==

$(document).ready(function() {

  var hypeValue = $("td[background*='images/barred']").attr("width").replace("%", "");
    hypeValue = (hypeValue * 10).toFixed(0);

  var popValue = $("td[background*='images/barblue']").attr("width").replace("%", "");
    popValue = (popValue * 10).toFixed(0);

  //var energyValue = $("td[background*='images/barorange']").attr("width").replace("%", "");
    //energyValue = (energyValue).toFixed(0);

  $("td[background*='images/barred']").next().append('<div style="position:relative;"><span id="hype"></span></div>');
  $("td[background*='images/barblue']").next().append('<div style="position:relative;"><span id="pop"></span></div>');

  $("#hype, #pop").css({
      "position": "absolute",
      "top": "-5px",
      "right": "3px",
      "font-size": "10px",
      "font-weight": "bold"
  });

  $("#hype").html(hypeValue);
  $("#pop").html(popValue);

  //$("#pop").css("position", "fixed").css("top", "50px").css("left", 0).css("font-size", "36px").css("line-height", "1");
  //$("#pop").html(popValue);

  //$("#energy").css("position", "fixed").css("top", "100px").css("left", 0).css("font-size", "36px").css("line-height", "1");
  //$("#energy").html(energyValue);


});