function borders(customer_id, site_id)
{
	objElements = document.getElementById('contentviewOuter');
	if (objElements.childNodes.length > 0)
	{
		recursive(objElements, customer_id, site_id, 0);
	}
}

function recursive(obj, customer_id, site_id, prevA)
{
	var a = 0;
	for (a=0; a<obj.childNodes.length; a++)
	{
		if (obj.childNodes[a].childNodes.length > 0)
		{
			a= recursive(obj.childNodes[a], customer_id, site_id, a);
		}
		if (obj.childNodes[a].tagName == "IMG" && obj.childNodes[a].src.indexOf("getimage") > -1)
		{
			if (obj.childNodes[a].parentNode.innerHTML.indexOf('<!-- borders -->') == -1)
			{
				obj.childNodes[a].parentNode.innerHTML += '<!-- borders -->'; // i.v.m insertBefore moet er wel wat achter de afbeelding staan!
			}
				result = addBorder(obj.childNodes[a], customer_id, site_id);
				obj.insertBefore(result, obj.childNodes[a]);
		}
	}
	return prevA;
}

function addBorder(objImage, customer_id, site_id)
{	
	// vspace hspace
	var vSpace = (objImage.vspace && objImage.vspace > 0) ? objImage.vspace : "1";
	var hSpace = (objImage.hspace && objImage.hspace > 0) ? objImage.hspace : "1";
	objImage.vspace = "";
	objImage.hspace = "";

	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";
							objTable.className = "floatRight";
							break;
		case "left"		:	//objTable.style.cssFloat = "left";
							objTable.className = "floatLeft";
							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);
		}
	}

	// border
	if (objImage.border) objImage.border="0";
	// rij 0
	objTable.rows[0].cells[0].width = "3";
	objTable.rows[0].cells[0].height = "3";
	objTable.rows[0].cells[0].style.background = "url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') no-repeat 0px 0px";
	objTable.rows[0].cells[1].width = objImage.width;
	objTable.rows[0].cells[1].style.background = "url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') repeat-x 0px -3px";
	objTable.rows[0].cells[2].width = "3";
	objTable.rows[0].cells[2].style.background = "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.background =  "url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') repeat-y -3px 0px";
	objTable.rows[1].cells[1].height = objImage.height;
	objImage.style.marginBottom = "0px";
	objTable.rows[1].cells[1].appendChild(objImage);
	//alert(objTable.rows[1].cells[1].innerHTML);
	objTable.rows[1].cells[2].style.background = " url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') repeat-y -3px 0px";
	
	// rij 2
	objTable.rows[2].cells[0].height = "3";
	objTable.rows[2].cells[0].style.background = "url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') no-repeat 0px -6px";
	objTable.rows[2].cells[1].style.background = "url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') repeat-x 0px -3px";
	objTable.rows[2].cells[2].style.background = "url('/media/customer/" + customer_id.toString() + "/sites/" + site_id.toString() + "/layout/border.png') no-repeat -6px -6px";
	return objTable;
}

