/* 
- 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.rounded = [ 'in', 'br', 'bl', 'b', 'tr', 'tl', 'r', 'l', 't2', '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];
			var top = "";
			var bottom = "";
			for( var j in classArray )
			{
			    top = divWrapB( className + '-' + classArray[j], top );
			    bottom = divWrapE( className + '-' + classArray[j], bottom );
	//			inner = divWrap(inner, className + '-' + classArray[j]);
			}
			inner = top + inner +  bottom;
			document.getElementsByTagName("div").item(i).innerHTML = inner;
	    }
    }
}

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


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

window.onload = setCorners;