// JavaScript Document
function drawBox(targetId){
	var oldHTML = document.getElementById(targetId).innerHTML;
	var newHTML = "";
	
	newHTML += "<table width='100%' border='0' cellpadding='0' cellspacing='0' class='boxTop'><tr>";
	newHTML += "<td align='left'><img src='images/misc/corner-7.gif' width='8' height='8' /></td>";
	newHTML += "<td align='right'><img src='images/misc/corner-9.gif' width='8' height='8' /></td>";
	newHTML += "</tr></table>";
	
	newHTML += "<table width='100%' border='0' cellpadding='0' cellspacing='0'><tr>";
	newHTML += "<td class='boxLeft' width='8' valign='top'><img src='images/misc/corner-4.gif' width='8' height='100' /></td>";
	newHTML += "<td class='boxBg' valign='top'>" + oldHTML + "</td>";
	newHTML += "<td class='boxRight' width='8' valign='top'><img src='images/misc/corner-6.gif' width='8' height='100' /></td>";
	newHTML += "</tr></table>";
	
	
	newHTML += "<table width='100%' border='0' cellpadding='0' cellspacing='0' class='boxBottom'><tr>";
	newHTML += "<td align='left'><img src='images/misc/corner-1.gif' width='8' height='8' /></td>";
	newHTML += "<td align='right'><img src='images/misc/corner-3.gif' width='8' height='8' /></td>";
	newHTML += "</tr></table>";
	
	document.getElementById(targetId).innerHTML = newHTML;
}