/*

This does not work (correctly) with IE5.5 and earlier... see if I care.

*/

function roundCorners(selector, color, bgcolor)
{
	roundTopCorners(selector, color, bgcolor);
	roundBottomCorners(selector, color, bgcolor);
}

function roundTopCorners(selector, color, bgcolor)
{
	var elements = getElementsBySelector(selector);
	
	for (var i = 0; i < elements.length; i++)
	{
		addTop(elements[i], color, bgcolor);
	}
}

function roundBottomCorners(selector, color, bgcolor)
{
	var elements = getElementsBySelector(selector);
	
	for (var i = 0; i < elements.length; i++)
	{
		addBottom(elements[i], color, bgcolor);
	}
}

function addTop(element, color, bgcolor)
{
	var corner = document.createElement("b");
	corner.className = "rounded";
	corner.style.backgroundColor = bgcolor;
	
	for (var i = 1; i <= 4; i++)
	{
		var tmp = document.createElement("b");
		
		tmp.className = "roundedcorner" + i;
		tmp.style.backgroundColor = color;
		corner.appendChild(tmp);
	}
	
	element.insertBefore(corner, element.firstChild);
}

function addBottom(element, color, bgcolor)
{
	var corner = document.createElement("b");
	corner.className = "rounded";
	corner.style.backgroundColor = bgcolor;
	
	for (var i = 4; i > 0; i--)
	{
		var tmp = document.createElement("b");
		
		tmp.className = "roundedcorner" + i;
		tmp.style.backgroundColor = color;
		corner.appendChild(tmp);
	}
	
	element.appendChild(corner, element.firstChild);
}