/* 
- classes object stores all the class names you want to apply corners to
- assign an array of extensions to the base class name
- these will be inserted inside the base element wrapping from the inside to the outside
- ie. the outermost div will the last one created from the array
*/
var classes = new Object();
classes.kk_roundedbox_orange      = ['br', 'bl', 'tr', 'tl', 'r', 'l', 'b', 't'];
classes.kk_roundedbox_lightorange = ['br', 'bl', 'tr', 'tl', 'r', 'l', 'b', 't'];
classes.kk_roundedbox_cream       = ['br', 'bl', 'tr', 'tl', 'r', 'l', 'b', 't'];
classes.kk_roundedbox_bisque      = ['br', 'bl', 'tr', 'tl', 'r', 'l', 'b', 't'];

/* without firstLoad, returning to the page would result in repeated and unecessary multiple cornering */
var firstLoad = false;
function setCorners()
	{
	if (firstLoad) { return; }
	firstLoad = true;
	for (i=0;i<document.getElementsByTagName("div").length; i++)
		{
		var className = document.getElementsByTagName("div").item(i).className;
		if (classes[className])
			{
			var inner = document.getElementsByTagName("div").item(i).innerHTML;
			var classArray = classes[className];
			for (var j in classArray)
				{
				inner = divWrap(inner, className + '-' + classArray[j]);
				}
			document.getElementsByTagName("div").item(i).innerHTML = inner;
			}
		}
	}

function divWrap(value, className)
	{
	return '<div class="' + className + '">' + value + '</div>';
	}

window.onload = setCorners;