// <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
// <script type="text/javascript">jQuery.noConflict();</script>
// <script type="text/javascript" src="http://static.blawgtips.com/javascripts/network.js"></script>

jQuery(document).ready(function($) {
  var styles = '<style type="text/css">' +
    "#network_bar                 {float:left; display:inline; width:100%; margin:0; padding:0; background:#222; color:#ccc;}" +
    "#network_bar ul              {float:left; display:inline; margin:0; padding:0;}" +
    "#network_bar ul li           {float:left; display:inline; margin:0; padding:0; border-right:1px solid #333; list-style-type:none;}" +
    "#network_bar ul li a         {float:left; display:block; margin:0; padding:6px 10px; color:#aaa; font:11px/11px helvetica, arial, sans-serif !important; text-decoration:none; text-align:center;}" +
    "#network_bar ul li a:hover   {color:#fff;}" +
    "#network_bar ul li a.current {color:#fff;}" +
  '</style>';

  var html = '<div id="network_bar">' +
    '<ul>' +
      '<li><a href="http://blawgtips.com" title="Over-analyzing the simple art of blogging">BlawgTips</a></li>' +
      '<li><a href="http://railstips.org" title="One man feverishly posting everything he learns">RailsTips</a></li>' +
      '<li><a href="http://mongotips.com" title="One man feverishly posting about MongoDB">MongoTips</a></li>' +
    '</ul>' +
  '</div>';

  $('head').append(styles);
  $('body').prepend(html);

  // to ensure that there is clearage after network bar
  $('#network_bar').next().css({clear: 'both'});

  $('#network_bar a').each(function() {
    var link = $(this);
    var is_current = new RegExp(link.attr('href')).test(window.location.href);
    if (is_current) {
      link.addClass('current');
    }
  });
});