(function() {
  var jsWordBreak = function(dEl) {
    if(!dEl || dEl.nodeType !== 1) {
      return false;
    } else if(dEl.currentStyle && typeof dEl.currentStyle.wordBreak === 'string'){
        var breakWord = function(dEl){
          dEl.runtimeStyle.wordBreak = 'break-all';
          return true;
        }
        return breakWord(dEl);
      } else {
        var trim = function  (str) {
          str = str.replace(/^\s\s*/, '');
          var ws = /\s/, i = str.length;
          while (ws.test(str.charAt(--i)));
          return str.slice(0, i + 1);
        };
      if(document.createTreeWalker){
        var breakWord = function(dEl){
          var dWalker = document.createTreeWalker(dEl, NodeFilter.SHOW_TEXT, null, false);
          var node,s,c = String.fromCharCode('8203');
          while (dWalker.nextNode()) {
            node = dWalker.currentNode;
            s = trim(node.nodeValue ).split('').join(c);
            node.nodeValue = s;
          }
          return true;
        }
        return breakWord(dEl);
      }else {
        var breakWord = function(dEl){
          var node,s,c = String.fromCharCode('8203');
          for (var i = 0; i < dEl.childNodes.length; i++) {
            if (dEl.nodeType === 3) {
               s = trim(dEl.nodeValue).split('').join(c);
               dEl.nodeValue = s;
            } else {
              breakWord(dEl.childNodes[i]);
            }
          }
        }
        return breakWord(dEl);
      }
    }
  };
  
  blogRollrActiveBackground = '#006600'; //rgb(185, 129, 185)
  blogRollrNormalBackground = '#666666';
  var active = null;
  var mouseOutListener = null;
  var mouseOverListener = null;
  var clickListener = null;
  
  var bind = function(thisobj, func) { return function() { return func.apply(thisobj, arguments); }; };
  var mouseover = function(e) {
    this.style.backgroundColor = blogRollrActiveBackground;
  };
  
  var mouseout = function(e) {
    this.style.backgroundColor = blogRollrNormalBackground;
  };
  
  var makeActive = function(elt) {
    active = elt;
    elt.style.backgroundColor = blogRollrActiveBackground;
    elt.className = 'blogrollr_blogroll_menu_active';
    if (elt.removeEventListener) {
      elt.removeEventListener('click', clickListener, true);
      elt.removeEventListener('mouseover', mouseOverListener, true);
      elt.removeEventListener('mouseout', mouseOutListener, true);
    } else if (elt.detachEvent) {
      elt.detachEvent('onclick', clickListener);
      elt.detachEvent('onmouseover', mouseOverListener);
      elt.detachEvent('onmouseout', mouseOutListener);
    }
  };
  var makeInactive = function(elt) {
    elt.style.backgroundColor = blogRollrNormalBackground;
    elt.className = 'blogrollr_blogroll_menu_inactive';
    if (elt.addEventListener) {
      elt.addEventListener('click', clickListener = bind(elt, click), true);
      elt.addEventListener('mouseover', mouseOverListener = bind(elt, mouseover), true);
      elt.addEventListener('mouseout', mouseOutListener = bind(elt, mouseout), true);
    } else if (elt.attachEvent) {
      elt.attachEvent('onclick', clickListener = bind(elt, click));
      elt.attachEvent('onmouseover', mouseOverListener = bind(elt, mouseover));
      elt.attachEvent('onmouseout', mouseOutListener = bind(elt, mouseout));
    }
  };
  
  var click = function(e) {
    var elt = document.getElementById('blogrollr_blogroll_entries');
    if (this == active) {
      return false;
    } else {
      var old = active;
      makeActive(this);
      makeInactive(old);
    }
    for (var i = 0; i < elt.childNodes.length; i++) {
      var child = elt.childNodes[i];
      if (child.nodeName == 'LI') {
        if (child.style.display == "none") {
          child.style.display = "inline";
        } else if (child.style.display == "inline") {
          child.style.display = "none";
        }
      }
    }
    return false;
  };
  
  var placeholder = document.getElementById('blogrollr_blogroll');

  if (placeholder) {
    placeholder.innerHTML = "<div id=\"blogrollr_blogroll_widget\" style=\"position: relative; margin:0; padding:0; width:160px; height:350px; float: left;margin-top:16px;\">\n  <div style=\"margin: 0; padding: 0; background-color: #fff; border: 1px solid #666666;position: relative; clear:both; overflow:hidden\">\n		<!--header-->\n		<div style=\"margin: 0; padding: 0; padding-top: 7px; float: left; position: relative; width: 100%; background-color: #999999;height: 68px;\">\n			<h1 style=\"position:absolute; top: 7px; left: 10px; margin: 0; padding: 0; line-height:1;font-weight: normal;font-family:\'Lucida Grande\', Helvetica, arial,sans-serif; font-size:22px;color: #000000;\" >BlogRollr<\/h1>\n      <ul style=\"margin: 0; padding: 0; list-style: none;margin-top: 11px;float: left;width: 100%;padding-bottom: 5px; position:absolute; top: 32px; left: 10px;\">\n        <li style=\"margin: 0; padding: 0; float: left;position:static; margin-right: 10px;\" ><a style=\"margin: 0; padding: 0; position:static; line-height:1;font-family:Lucida Grande, Helvetica, arial,sans-serif; display: block;background: #666666;color: #FFFFFF;padding: 5px;font-size: 12px;text-decoration: none; cursor:pointer;\" id=\"blogrollr_blogroll_popular\">Most Viewed<\/a><\/li>\n        <li style=\"margin: 0; padding: 0; float: left; position:static; margin-right: 10px;\" ><a style=\"margin: 0; padding: 0; position:static; line-height:1;font-family:Lucida Grande, Helvetica, arial,sans-serif; display: block;background: #666666;color: #FFFFFF;padding: 5px;font-size: 12px;text-decoration: none; cursor:pointer;\"  id=\"blogrollr_blogroll_recent\">Recent<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n		<!--body-->\n		<div style=\"margin: 0; padding: 0; float:left; clear:both; width:160px; position:relative; overflow-x:hidden;overflow-y: auto; height: 244px;\">\n	    <ul id=\"blogrollr_blogroll_entries\" style=\"margin: 0; padding: 0; list-style: none;float: left;clear: both; padding-top: 10px; position: relative; width:160px;\">\n	      	      	        <li class=\"blogrollr_blogroll_recent_item\" style=\"width:160px;float:left; clear:both; display: none; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"\">\n	          <h3 style=\"width:115px;  left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;margin-bottom: 2px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0;width:115px; padding:0; line-height:1;color: #006600; position:relative;\" href=\"http://www.bizsugar.com/Marketing/seth-godin-the-art-of-marketing-|-biz-money-matters-|/\">---<\/a><\/h3>\n	          <p style=\" width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; font-family:Lucida Grande, Helvetica, arial,sans-serif; position: relative;color: #800080;color: #006600; font-size: 11px;letter-spacing: .1px;line-height: 13px;\">Seth Godin @ The Art of Marketing | Biz Money Matters | | BizSugar.com<\/p>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_recent_item\" style=\"width:160px;float:left; clear:both; display: none; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://peaksalesrecruiting.com/favicon.ico\">\n	          <h3 style=\"width:115px;  left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;margin-bottom: 2px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0;width:115px; padding:0; line-height:1;color: #006600; position:relative;\" href=\"http://peaksalesrecruiting.com/are-sales-reps-motivated-by-money/comment-page-1/\">peaksalesrecruiting.com<\/a><\/h3>\n	          <p style=\" width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; font-family:Lucida Grande, Helvetica, arial,sans-serif; position: relative;color: #800080;color: #006600; font-size: 11px;letter-spacing: .1px;line-height: 13px;\">Does Money Motivate Sales People | Peak Sales Recruiting<\/p>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_recent_item\" style=\"width:160px;float:left; clear:both; display: none; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://peaksalesrecruiting.com/favicon.ico\">\n	          <h3 style=\"width:115px;  left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;margin-bottom: 2px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0;width:115px; padding:0; line-height:1;color: #006600; position:relative;\" href=\"http://peaksalesrecruiting.com/are-sales-reps-motivated-by-money/\">peaksalesrecruiting.com<\/a><\/h3>\n	          <p style=\" width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; font-family:Lucida Grande, Helvetica, arial,sans-serif; position: relative;color: #800080;color: #006600; font-size: 11px;letter-spacing: .1px;line-height: 13px;\">Does Money Motivate Sales People | Peak Sales Recruiting<\/p>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_recent_item\" style=\"width:160px;float:left; clear:both; display: none; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://jimkeenan.tumblr.com/favicon.ico\">\n	          <h3 style=\"width:115px;  left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;margin-bottom: 2px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0;width:115px; padding:0; line-height:1;color: #006600; position:relative;\" href=\"http://jimkeenan.tumblr.com/\">jimkeenan.tumblr.com<\/a><\/h3>\n	          <p style=\" width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; font-family:Lucida Grande, Helvetica, arial,sans-serif; position: relative;color: #800080;color: #006600; font-size: 11px;letter-spacing: .1px;line-height: 13px;\">WHAT KEENAN?<\/p>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_recent_item\" style=\"width:160px;float:left; clear:both; display: none; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://jimkeenan.tumblr.com/favicon.ico\">\n	          <h3 style=\"width:115px;  left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;margin-bottom: 2px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0;width:115px; padding:0; line-height:1;color: #006600; position:relative;\" href=\"http://jimkeenan.tumblr.com/post/436423225/i-came-to-see-in-my-time-at-ibm-that-culture\">jimkeenan.tumblr.com<\/a><\/h3>\n	          <p style=\" width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; font-family:Lucida Grande, Helvetica, arial,sans-serif; position: relative;color: #800080;color: #006600; font-size: 11px;letter-spacing: .1px;line-height: 13px;\">WHAT KEENAN?, I came to see in my time at IBM, that culture...<\/p>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_recent_item\" style=\"width:160px;float:left; clear:both; display: none; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://sethgodin.typepad.com/favicon.ico\">\n	          <h3 style=\"width:115px;  left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;margin-bottom: 2px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0;width:115px; padding:0; line-height:1;color: #006600; position:relative;\" href=\"http://sethgodin.typepad.com/seths_blog/2010/03/you-rock.html\">sethgodin.typepad.com<\/a><\/h3>\n	          <p style=\" width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; font-family:Lucida Grande, Helvetica, arial,sans-serif; position: relative;color: #800080;color: #006600; font-size: 11px;letter-spacing: .1px;line-height: 13px;\">Seth&apos;s Blog: You rock<\/p>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_recent_item\" style=\"width:160px;float:left; clear:both; display: none; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://latimesblogs.latimes.com/favicon.ico\">\n	          <h3 style=\"width:115px;  left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;margin-bottom: 2px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0;width:115px; padding:0; line-height:1;color: #006600; position:relative;\" href=\"http://latimesblogs.latimes.com/entertainmentnewsbuzz/2010/03/man-theaters-refuse-to-block-hurt-locker-despite-oscar-winfice.html\">latimesblogs.latimes.com<\/a><\/h3>\n	          <p style=\" width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; font-family:Lucida Grande, Helvetica, arial,sans-serif; position: relative;color: #800080;color: #006600; font-size: 11px;letter-spacing: .1px;line-height: 13px;\">Many theaters refuse to book &quot;Hurt Locker&quot; despite Oscar win | Company Town | Los Angeles Times<\/p>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_recent_item\" style=\"width:160px;float:left; clear:both; display: none; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://sethgodin.typepad.com/favicon.ico\">\n	          <h3 style=\"width:115px;  left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;margin-bottom: 2px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0;width:115px; padding:0; line-height:1;color: #006600; position:relative;\" href=\"http://sethgodin.typepad.com/seths_blog/2010/03/losing-andrew-carnegie.html\">sethgodin.typepad.com<\/a><\/h3>\n	          <p style=\" width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; font-family:Lucida Grande, Helvetica, arial,sans-serif; position: relative;color: #800080;color: #006600; font-size: 11px;letter-spacing: .1px;line-height: 13px;\">Seth&apos;s Blog: Losing Andrew Carnegie<\/p>\n	        <\/li>\n	      	      	        <li class=\"blogrollr_blogroll_popular_item\" style=\"width:160px;float:left; clear:both; display:inline; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://www.avc.com/favicon.ico\">\n	          <h3 style=\"width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0; padding:0; line-height:1;color: #006600; position:relative;width:115px;\" href=\"http://www.avc.com\">avc.com<\/a><\/h3>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_popular_item\" style=\"width:160px;float:left; clear:both; display:inline; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://sethgodin.typepad.com/favicon.ico\">\n	          <h3 style=\"width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0; padding:0; line-height:1;color: #006600; position:relative;width:115px;\" href=\"http://sethgodin.typepad.com\">sethgodin.typepad.com<\/a><\/h3>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_popular_item\" style=\"width:160px;float:left; clear:both; display:inline; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://bit.ly/favicon.ico\">\n	          <h3 style=\"width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0; padding:0; line-height:1;color: #006600; position:relative;width:115px;\" href=\"http://bit.ly\">bit.ly<\/a><\/h3>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_popular_item\" style=\"width:160px;float:left; clear:both; display:inline; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://www.youtube.com/favicon.ico\">\n	          <h3 style=\"width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0; padding:0; line-height:1;color: #006600; position:relative;width:115px;\" href=\"http://www.youtube.com\">youtube.com<\/a><\/h3>\n	        <\/li>\n	      	        <li class=\"blogrollr_blogroll_popular_item\" style=\"width:160px;float:left; clear:both; display:inline; margin: 0; padding: 0;  position: relative; top: 0px; left: 0px; margin-bottom: 8px; position:relative\">\n	          <img style=\"margin: 0; padding: 0; width: 16px;height: 16px;position: absolute; top: 0px; left: 0px; margin-left: 3px; margin-top: 1px;\" src=\"http://boston2010.e2conf.spigit.com/favicon.ico\">\n	          <h3 style=\"width:115px; left:26px; top:2px; float:none; margin: 0; padding: 0; line-height:16px;font-size:14px;font-family:Lucida Grande, Helvetica, arial,sans-serif; font-weight: normal;position: relative;color: #800080;\"><a style=\"margin: 0; padding:0; line-height:1;color: #006600; position:relative;width:115px;\" href=\"http://boston2010.e2conf.spigit.com\">boston2010.e2conf.spigit.com<\/a><\/h3>\n	        <\/li>\n	      	    <\/ul>\n		<\/div>	\n		\n		<!--footer-->\n    <div style=\"clear:both;height: 16px;margin-top:5px; float:left; width: 100%; background: #fff\">\n      <ul style=\"margin: 0; padding: 0; line-height: 1;list-style: none; float: right; margin-right: 10px; \">\n        <li style=\"margin: 0; padding: 0;  line-height: 1;\"><a style=\"margin: 0; padding: 0; line-height:1;font-family:Lucida Grande, Helvetica, arial,sans-serif; text-decoration: underline; font-size: 10px; color: purple;\" href=\"http://blogrollr.com\">Blogrollr<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/div>";
  } else {
    return;
  }
  var blogrollr_node = placeholder.childNodes[0];
  placeholder.removeChild(blogrollr_node);
  placeholder.parentNode.insertBefore( blogrollr_node, placeholder.nextSibling);
  placeholder.parentNode.removeChild(placeholder);
  placeholder = null;
  
  var recent = document.getElementById('blogrollr_blogroll_recent');
  makeInactive(recent);

  var popular = document.getElementById('blogrollr_blogroll_popular');
  makeActive(popular);
  
  var entries = document.getElementById('blogrollr_blogroll_entries');
  for (var i = 0; i < entries.childNodes.length; i++) {
    var child = entries.childNodes[i];
    if (child.nodeType === 1 && child.nodeName == 'LI') {
      for (var j = 0; j < child.childNodes.length; j++) {
        if (child.childNodes[j].nodeType === 1 && child.childNodes[j].nodeName == 'H3' || child.childNodes[j].nodeName == 'P') {
          jsWordBreak(child.childNodes[j]);
        }
      }
    }
  }
})();