function roundedCorners() {
 var divs = document.getElementsByTagName('div');
 var box_divs = [];
 /* First locate all divs with 'box' in their class attribute */
 for (var i = 0; i < divs.length; i++) {
   if (/\bbox\b/.exec(divs[i].className)) {
     box_divs[box_divs.length] = divs[i];
   }
 }
 /* Now add additional divs to each of the divs we have found */
 for (var i = 0; i < box_divs.length; i++) {
   var original = box_divs[i];

   /* Make it the inner div of the four, removing first two elements of class name */
   var classes = original.className.split(' ');
   var innerClasses = [];
   var outerClasses = [];

   for(var j = 0; j < classes.length; j++) {
     if(classes[j].indexOf("inner") >= 0) {
       innerClasses[innerClasses.length] = classes[j];
     }
     else {
       outerClasses[outerClasses.length] = classes[j].replace('-nojs', '-js');
     }
   }

   original.className = innerClasses.join(' ');

   /* Now create the outer-most div */
   var current = document.createElement('div');
   current.className = outerClasses.join(' ');

   /* Swap out the original (we'll put it back later) */
   original.parentNode.replaceChild(current, original);

   /* Make 7 new divs, and chain them */
   for (var j = 0; j < 7; j++) {
     var child = document.createElement('div');
     current.appendChild(child);
     current = child;
   }

   current.appendChild(original);
 }
}
/* Run the function once the page has loaded: */

window.onload = roundedCorners;