if (!!(window.history && history.pushState)) {

  var addEvent = (function () {
    if (document.addEventListener) {
      return function (el, type, fn) {
        if (el && el.nodeName || el === window) {
          el.addEventListener(type, fn, false);
        } else if (el && el.length) {
          for (var i = 0; i < el.length; i++) {
            addEvent(el[i], type, fn);
          }
        }
      };
    } else {
      return function (el, type, fn) {
        if (el && el.nodeName || el === window) {
          el.attachEvent('on' + type, function () {
            return fn.call(el, window.event);
          });
        } else if (el && el.length) {
          for (var i = 0; i < el.length; i++) {
            addEvent(el[i], type, fn);
          }
        }
      };
    }
  })();

  var updateCrumbs = function() {
    window.document.title = window.location.pathname;
    setTimeout(function () {
      var loc = window.location.pathname;
      var segments = loc.split('/');
      var breadcrumbs = '';
      var currentPath = '/';
      for (var i = 0; i < segments.length; i++) {
        if (segments[i] !== '') {
          currentPath += segments[i] + '/';
          breadcrumbs += '<a href="' +  currentPath + '">' + window.unescape(segments[i]) + '<\/a>';
        } else if (segments.length -1 !== i) {
          currentPath += '';
          breadcrumbs += '<a href="' + currentPath + '">Root<\/a>';
        }
      }
      document.getElementById('breadcrumbs').innerHTML = breadcrumbs;
    }, 500);
  };

  var swapPage = function(href) {
    var req = false;
    if (window.XMLHttpRequest) {
      req = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
      req = new ActiveXObject('Microsoft.XMLHTTP');
    }
    req.open('GET', href, false);
    req.send(null);
    if (req.status == 200) {
      var target = document.getElementsByClassName('box-content')[0];
      var div = document.createElement('div');
      div.innerHTML = req.responseText;
      var elements = div.getElementsByClassName('box-content')[0];
      target.innerHTML = elements.innerHTML;
      initHistory();
      return true;
    // Terrible error catching implemented! Basically, if the ajax request fails
    // we'll just refresh the entire page with the new URL.
    } else {
      window.location.replace(href);
    }
    return false;
  };

  var initHistory = function() {
    var list = document.getElementById('list');

    addEvent(list, 'click', function (event) {
      if (event.target.nodeName == 'A' && event.target.innerHTML.indexOf('/') !== -1) {
        event.preventDefault();
        swapPage(event.target.href);
        var title = event.target.innerHTML;
        history.pushState({page: title}, title, event.target.href);
        updateCrumbs();
      }
    });
  };

  addEvent(window, 'popstate', function (e) {
    swapPage(window.location.pathname);
    updateCrumbs();
  });

  initHistory();
}