var Bauer = ( Bauer || {} )

Bauer.UserBar = {
  addStylesheetTag: function(src) {
    var link 	= document.createElement('link');
    link.rel 	= 'stylesheet';
    link.href = src;
    $("head").append(link);
  },

  inject: function(users) {
	  $('#bsso-user-bar').append(users);
    setTimeout(function(){
      $('#bsso-user-bar').fadeIn('fast');
    }, 200);
  }
}

Bauer.UserBar.addStylesheetTag('http://profile.mmm-mag.com/assets/user_bar.css?v2');
document.write('<div id="bsso-user-bar" style="display: none;">');
document.write('</div>'); /* end #bsso-user-bar */

$(function() {
  Bauer.UserBar.inject("  <div id=\"network-nav\">\n      \n<ul class=\"ub-mmm-mag-com\">\n    <li class=\"ub-j-14-com\">\n      <a href=\"http://www.j-14.com\">J-14</a>\n    </li>\n    <li class=\"ub-mmm-mag-com\">\n      <a href=\"http://www.mmm-mag.com\">M</a>\n    </li>\n    <li class=\"ub-twistmagazine-com\">\n      <a href=\"http://www.twistmagazine.com\">Twist</a>\n    </li>\n    <li class=\"ub-4tnz-com\">\n      <a href=\"http://www.4tnz.com\">4TNZ</a>\n    </li>\n    <li class=\"ub-quizfest-com\">\n      <a href=\"http://quiz.quizfest.com\">Quizfest</a>\n    </li>\n    <li class=\"ub-mymodel-com\">\n      <a href=\"http://www.mymodel.com\">MyModel</a>\n    </li>\n    <li class=\"ub-missliterati-com\">\n      <a href=\"http://www.missliterati.com\">Miss Literati</a>\n    </li>\n    <li class=\"ub-blingee-com\">\n      <a href=\"http://www.blingee.com\">Blingee</a>\n    </li>\n</ul>\n\n  </div>\n  <div id=\"social-media-buttons\">\n      <div id=\"magazine-like-button\">\n    <fb:like layout=\"button_count\" href=\"http://www.facebook.com/pages/M-Magazine/10525599531\" width=\"80\" font=\"arial\" show-faces=\"false\"></fb:like>\n  </div>\n  <div id=\"magazine-follow-button\">\n    <a href=\"http://twitter.com/m_magazine\" class=\"twitter-follow-button\" data-button=\"grey\" data-text-color=\"#FFFFFF\" data-link-color=\"#00AEFF\" data-show-count=\"false\" data-width=\"150px\">Follow @m_magazine</a>\n    <script type=\"text/javascript\">\n      (function(){\n        var twitterWidgets = document.createElement('script');\n        twitterWidgets.type = 'text/javascript';\n        twitterWidgets.async = true;\n        twitterWidgets.src = 'http://platform.twitter.com/widgets.js';\n        document.getElementsByTagName('head')[0].appendChild(twitterWidgets);\n      })();\n    </script>\n  </div>\n\n  </div>\n  <div id=\"user-info\">\n      <a href=\"http://profile.mmm-mag.com/log_in\">Log in</a>\n      <span class=\"sep\">&bull;</span>\n      <a href=\"http://profile.mmm-mag.com/auth/facebook/setup\" class=\"bauer-fb-login\">fb login</a>\n      <span class=\"sep\">&bull;</span>\n      <a href=\"http://profile.mmm-mag.com/sign_up\">Sign up</a>\n  </div>\n");
})

