/**
 * Simple rounded corners
 *
 * @file rounded.js
 * @created 2006-08-03
 * @modified 2006-08-03
 */
 
if(typeof mag == "undefined")
	mag = {};

mag.roundCorners = function() {
	var containerClass = 'box';
	var insideClass = 'inside';
	var bottomleftClass = 'lcorner';
	var toprightClass = 'rcorner';
	
	$A(document.getElementsByClassName('rounded')).each(function(el) {
		// create box elements
		var box = $(document.createElement('div'));
		var toprightCorner = $(document.createElement('div'));
		var bottomleftCorner = $(document.createElement('div'));
		var content = $(document.createElement('div'));
		content.innerHTML = el.innerHTML;
		
		// append elements to container box
		box.appendChild(toprightCorner);
		box.appendChild(bottomleftCorner);
		box.appendChild(content);
		
		// set styles to box elements
		box.addClassName(containerClass);
		
		toprightCorner.addClassName(toprightClass);
		bottomleftCorner.addClassName(bottomleftClass);
		
		content.addClassName(insideClass);
		content.removeClassName(containerClass);
		content.removeClassName('rounded');
		
		// replace target element with the newly generated box
		el.parentNode.replaceChild(box, el);
	});
	
}

Event.observe(window, 'load', mag.roundCorners);