
function createDescriptionItemFromString(content, attributes, width, height)
{
	var text = content;

	// ---

//	document.write("<table width=" + quoted("682px") + "class=\"columns-layout-item\"; style=\"background-color: rgb(40,40,40);\">");
	document.write("<table class=\"columns-layout-item\"; style=\"background-color: rgb(40,40,40);\" " + attributes + " >");
	document.write("	<tr>");

	createRoundedTop();

	document.write("	</tr>");
	document.write("	<tr>");
	document.write("		<td></td>");

	// Content
	document.write("		<td>");

		if (width == undefined)
		{
			document.write("		    <div class=" + quoted("work-item-description") + " >");
		}
		else
		{
			document.write("		    <div class=" + quoted("work-item-description") + " style=" + quoted("width: " + width + "px; height: " + height + "px;") + ">");
		}

		document.write("		    <div class=" + quoted("work-item-description-text") + " >");

			text = formatHtml(content);
	
			document.write(text);

		document.write("		</div>");

	document.write("		</div>");

	document.write("		</td>");

	document.write("		<td></td>");
	document.write("	</tr>");
	document.write("	<tr>");

	createRoundedBottom();

	document.write("	</tr>");
	document.write("</table>");
}

// ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

function createDescriptionItem(dir,fileName, width)
{
	var xmlDoc = parseXmlFile(dir + fileName);

	var title = getNodeContent(xmlDoc,"title");
	var text = getNodeContent(xmlDoc,"text");

	// ---

//	document.write("<table width=" + quoted("682px") + "class=\"columns-layout-item\"; style=\"background-color: rgb(40,40,40);\">");
	document.write('<table class="uber-layout-item"; style="background-color: rgb(40,40,40);">');
	document.write("	<tr>");

	createRoundedTop();

	document.write("	</tr>");
	document.write("	<tr>");
	document.write("		<td></td>");

	// Content
	document.write("		<td>");

		if (title != undefined)
		{
			document.write("<div class=\"work-item-title\" style=" + quoted("float: left; padding-left: 5px;") + ">");
			document.write(title);
			document.write("</div>");

			document.write("	<div style=" + quoted("float: left; height: 10px; clear: left;") + "></div>");
		}
	

		if (width == undefined)
		{
			document.write('<div class="description-item">');
		}
		else
		{
			document.write('		    <div class="description-item" style="width: ' + width + 'px;" >');
		}

		document.write('		    <div class="description-item-text" >');

			text = formatHtml(text);		
	
			document.write(text);

		document.write("		</div>");

	document.write("		</div>");

	document.write("		</td>");

	document.write("		<td></td>");
	document.write("	</tr>");
	document.write("	<tr>");

	createRoundedBottom();

	document.write("	</tr>");
	document.write("</table>");
}

