function addCustomBorder(id, borderClass) {

  var element = document.getElementById(id);

  var outerDiv = document.createElement("div");
  outerDiv.className = "bordered border" + borderClass + " " + element.className;

  element.className = '';

  var parent = element.parentNode;
  parent.replaceChild(outerDiv, element);


  var left = createDiv("left");
  var right = createDiv("right");
  var top = createDiv("top");
  var tl = createDiv("tl");
  var tr = createDiv("tr");
  var bottom = createDiv("bottom");
  var bl = createDiv("bl");
  var br = createDiv("br");


  outerDiv.appendChild(top);
  top.appendChild(tl);
  top.appendChild(tr);

  outerDiv.appendChild(left);
  left.appendChild(right);
  right.appendChild(element);

  outerDiv.appendChild(bottom);
  bottom.appendChild(bl);
  bottom.appendChild(br);
}

function createDiv(className) {

  var div = document.createElement("div");
  div.className = className;
  return div;
}