//Style boxes
function styleBox(className){
	var boxes = getElementsByClass(className,null,'DIV');//get all elements to replace
	var boxClasses = new Array('mc','tc','bc','ml','mr','tl','tr','bl','br','mc_data');//list of classes for styledBox
	var innerClass = 'innerBox'; //classname to add 100% width and height
	var boxTree = null;
	var boxTreeLastNode = null;
	//create wrapper tree
	for (i=0;i<boxClasses.length;i++){ 
		if (!boxTree) boxTree = document.createElement('DIV');
		else boxTree.appendChild(document.createElement('DIV'));
		if (boxTree.hasChildNodes()) boxTree = boxTree.lastChild; //be the the last leaf
		boxTree.className = 'box'+' '+boxClasses[i];//add two classes
	}
	boxTreeLastNode = boxTree; //point to last leaf
	while (boxTree.parentNode){boxTree = boxTree.parentNode} //point to root
	//append wrappers
	for(i=0;i<boxes.length;i++){
		boxes[i].className = boxes[i].className+' '+innerClass; //add the inner class
		boxTreeLastNode.appendChild(boxes[i].cloneNode(true));//append to wrapping divs
		boxes[i].parentNode.replaceChild(boxTree.cloneNode(true),boxes[i]) //append to document
		boxTreeLastNode.removeChild(boxTreeLastNode.firstChild); //reset boxTreeLastNode for next loop
	}
	boxTreeLastNode = null;boxTree = null; //just to be on the safe side
}
