function borders(color, customer_id, site_id)
{
	objElements = document.getElementById('contentview');
	if (objElements.childNodes.length > 0)
	{
		recursive(objElements, color, customer_id, site_id, 0);
	}
}

function recursive(obj, color, customer_id, site_id, prevA)
{
	for (a=0; a<obj.childNodes.length; a++)
	{
		if (obj.childNodes[a].childNodes.length > 0)
		{
			a = recursive(obj.childNodes[a], color, customer_id, site_id, a)
		}
		if (obj.childNodes[a].tagName == "IMG" && obj.childNodes[a].src.indexOf("getimage") > -1)
		{
			result = addBorder(obj.childNodes[a], color, customer_id, site_id);
			obj.insertBefore(result, obj.childNodes[a]);
		}
		
	}
	return prevA;
}

function addBorder(objImage, color, customer_id, site_id)
{	
	// vspace hspace
	var vSpace = (objImage.vspace > 0) ? objImage.vspace : "1";
	var hSpace = (objImage.hspace > 0) ? objImage.hspace : "1";
	objImage.vspace = "0";
	objImage.hspace = "0";

	var objTable = document.createElement('table');
	objTable.cellPadding = "0";
	objTable.cellSpacing = "0";
	objTable.width = objImage.width * 1 + 6;
	objTable.height = objImage.height * 1 + 6;
	if (navigator.appName == "Microsoft Internet Explorer")
	{
		objTable.style.display = "inline";
	}
	else
	{
		objTable.style.display = "inline-table";
	}
	switch (objImage.align)
	{
		case "top"		:	objTable.style.verticalAlign = "top"; 
							break;
		case "middle"	:	objTable.style.verticalAlign = "middle";
							break;
		case "bottom"	:	objTable.style.verticalAlign = "bottom";
							break;
		case "right"	:	objTable.style.cssFloat = "right";
							break;
		case "left"		:	objTable.style.cssFloat = "left";
							break;
		default : objTable.style.verticalAlign = "bottom";
	}	
	objTable.style.margin = vSpace + "px " + hSpace + "px";

	// insert rows and cells into table
	for (var r=0;r<3;r++)
	{
		objTable.insertRow(r);
		for (var c=0;c<3;c++)
		{
			objTable.rows[r].insertCell(c);
		}
	}

	// title src
	objImage.title = objImage.src;

	// border
	if (objImage.border) objImage.border="0";
	// rij 0
	objTable.rows[0].cells[0].style.width = "3px";
	objTable.rows[0].cells[0].style.height = "3px";
	objTable.rows[0].cells[0].style.background = color + " url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') no-repeat 0px 0px";
	objTable.rows[0].cells[1].style.width = objImage.style.width;
	objTable.rows[0].cells[1].style.backgroundColor = color;
	objTable.rows[0].cells[2].style.width = "3px";
	objTable.rows[0].cells[2].style.background = color + " url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') no-repeat -6px 0px";

	// rij 1
	objTable.rows[1].cells[0].style.height = objImage.style.height;
	objTable.rows[1].cells[0].style.backgroundColor = color;
	objTable.rows[1].cells[1].appendChild(objImage);
	objTable.rows[1].cells[2].style.backgroundColor = color;
	
	// rij 2
	objTable.rows[2].cells[0].style.height = "3px";
	objTable.rows[2].cells[0].style.background = color + " url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') no-repeat 0px -6px";
	objTable.rows[2].cells[1].style.backgroundColor = color;
	objTable.rows[2].cells[2].style.background = color + " url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') no-repeat -6px -6px";

	return objTable;
}