function RoundCorners(el)
{
	var radius = 10;
	var radius = $(el).attr("radius");
	
	var settings = {
		  tl: { radius: radius },
		  tr: { radius: radius },
		  bl: { radius: radius },
		  br: { radius: radius },
		  antiAlias: true,
		  autoPad: false
	}
	
	var corners = new curvyCorners(settings, "rounded-corners");
	corners.applyCornersToAll();
}

function CreateRoundedCorners(el)
	{
		
		//get the box radius
		var radius = $(el).attr("radius");
		var colorClass = $(el).attr("colorClass");
		
		var settings = {
		  tl: { radius: radius },
		  tr: { radius: radius },
		  bl: { radius: 1 },
		  br: { radius: 1 },
		  antiAlias: true,
		  autoPad: false
		}
		
		var settingsBottom = {
		  tl: { radius: 1 },
		  tr: { radius: 1 },
		  bl: { radius: radius },
		  br: { radius: radius },
		  antiAlias: true,
		  autoPad: true
		}
		
		//get the html of the title element
		elTitle = $("#" + el.attr("id") + " span:first-child");
		elContent = $("#" + el.attr("id") + " div:nth-child(2)");
		var title = elTitle.html();
		titleBGImage = "";
		
		
		var content = elContent.html();
		
		//get the width & height of the box
		var boxWidth = el.width();
		var boxHeight = el.height();
		
		//create the top box around the span
		var box1 = document.createElement("div"); 
		var box2 = document.createElement("div"); 
		var box3 = document.createElement("div"); 
		
		box1.appendChild(box2);
		box2.appendChild(box3);
		
		$(box1).attr("id","box1");
		$(box1).width(boxWidth);
		$(box1).addClass("box-a");
		$(box1).attr("z-index","1");
		
		$(box2).attr("id","box2");
		$(box2).width(boxWidth-2);
		$(box2).addClass("box-a-a");
		$(box2).attr("z-index","5");
		
		$(box3).attr("id","box3");
		$(box3).width(boxWidth-4);
		$(box3).attr("z-index","10");
		$(box3).addClass("box-a-a-a");
		$(box3).addClass(colorClass);
		$(box3).append(elTitle);
		
		el.append(box1);
		
		//create the content area
		var boxBottom = document.createElement("div"); 
		$(boxBottom).attr("id","boxBottom");
		$(boxBottom).width(boxWidth-2);
		$(boxBottom).append(elContent);
		$(boxBottom).addClass("box-b");
		el.append(boxBottom);
		
		
		//create the styles
		var divBox2 = box2;
		var cornersBox2 = new curvyCorners(settings, divBox2);
		cornersBox2.applyCornersToAll();
		
		var divBox1 = box1;
		var cornersBox1 = new curvyCorners(settings, divBox1);
		cornersBox1.applyCornersToAll();
		
		var divBox3 = box3;
		var cornersBox3 = new curvyCorners(settings, divBox3);
		cornersBox3.applyCornersToAll();
		
		var divBottom = boxBottom;
		var cornersBoxBottom = new curvyCorners(settingsBottom, divBottom);
		cornersBoxBottom.applyCornersToAll();
		

		//alert(boxHeight);
	}