var navBar = {
  loadCSS: function() {
    var headID = document.getElementsByTagName('head')[0];
    var cssNode = document.createElement('link');
    cssNode.type = 'text/css';
    cssNode.rel = 'stylesheet';
    cssNode.href = 'http://jcn.me/navbar.css';
    cssNode.media = 'screen';
    headID.appendChild(cssNode);
  },

  insertNav: function(navBody) {
    this.navContainer = document.createElement('div');
    this.navContainer.id = 'jcn-nav-container';
    document.body.insertBefore(this.navContainer, document.body.children[0])
    this.navContainer.innerHTML = navBody;
  },

  bottom: function(margin) {
    this.navContainer.style.setProperty('margin-bottom', margin, "");
  },
};

navBar.barHTML = '\
<div id="jcn-nav">\
  <div id="jcn-nav-logo">\
    jesse chan-norris is:\
  </div>\
\
  <ul>\
    <li><a href="http://jcn.me/">jcn.me</a></li>\
    <li><a href="http://www.jessechannorris.com/">jcn:photography</a></li>\
    <li><a href="http://pith.org/">pith.org</a></li>\
    <li><a href="http://www.morecode.org/">morecode</a></li>\
    <li><a href="http://storytime.org/">storytime</a></li>\
    <li><a href="http://pith.tumblr.com/">tumblelog</a></li>\
  </ul>\
</div>\
';

navBar.loadCSS();
navBar.insertNav(navBar.barHTML);