// Chris Pyper 2006

// i18n support added Feb 2007 [jwm]

function buildHighlightBox(doc)
{
	debug("buildBox()", 'info');

	var table = document.createElement("table");

	// Table Rows must be wrapped in tbody tags or dynamically generated tables will not work
    // in Internet Explorer
    var tbody = document.createElement("tbody");
    table.border = '0';
    table.cellpadding = '0';
    table.cellspacing = '0';

	var tr = document.createElement("tr");
	var td = document.createElement("td");
	td.className = 'editBorder';
	td.appendChild(doc);
	tr.appendChild(td);
	tbody.appendChild(tr);

	// Small tab button row
    var tr = document.createElement("tr");
    tr.valign = 'top';
    tr.align  = 'left';

    var td = document.createElement("td");

    var del = document.createElement("div");
    del.className = 'deleteHighlight';
    del.onclick = deleteSelectedElement;
    del.title = translate("DeleteElement");

	var dup = document.createElement("div");
	dup.className = 'duplicateHighlight';
	dup.onclick = duplicateSelectedElement;
	dup.title = translate("DuplicateElement");

	var xedit = document.createElement("div");
    xedit.className = 'xeditHighlight';
    xedit.onclick = externalEditSelectedElement;
    xedit.title = translate("Edit");

	var pimgedit = document.createElement("div");
    pimgedit.className = 'xeditHighlight imgpropeditResize';
    pimgedit.onclick = editSelectedImageProperties;
    pimgedit.title = translate("image_properties");

    if ( -1 == doc.id.indexOf(MENUID) )
    {
    td.appendChild(del);

	// Can't duplicate plugins
	if ( doc.className.search(/editorPlugin/gi) < 0 )
		td.appendChild(dup);

	if ( EXTERNAL_EDITORS[doc.tagName] )
	{
		td.appendChild(xedit);
		td.appendChild(pimgedit);
	}


    tr.appendChild(td);
}
    tbody.appendChild(tr);
    table.appendChild(tbody);

	return table;
}

// Build resize box with tabs around element
function buildResizeBox(doc)
{
	debug("buildResizeBox()", 'info');

	// Table
	var table = document.createElement("table");
	// Table Rows must be wrapped in tbody tags or dynamically generated tables will not work
	// in Internet Explorer
	var tbody = document.createElement("tbody");
	table.border = '0';
	table.cellpadding = '0';
	table.cellspacing = '0';

	// Row 1
	var tr = document.createElement("tr");
	tr.valign = 'middle';
	tr.align  = 'center';
	
	// North West
	var td = document.createElement("td");
	addClass(td, "outerTableSize");
	var div = document.createElement("div");
	div.className = 'northWest';
	div.id = 'resize-northWest';
	div.onmousedown = resizeElementDown;
	td.appendChild(div);
	tr.appendChild(td);

	// North
	var td = document.createElement("td");
	var div = document.createElement("div");
	div.className = 'north';
	div.id = 'resize-north';
	div.onmousedown = resizeElementDown;
	td.appendChild(div);
	tr.appendChild(td);

	// North East
	var td = document.createElement("td");
	var div = document.createElement("div");
	div.className = 'northEast';
	div.id = 'resize-northEast';
	div.onmousedown = resizeElementDown;
	td.appendChild(div);
	tr.appendChild(td);

	tbody.appendChild(tr);

	// Row 2
	var tr = document.createElement("tr");
	tr.valign = 'middle';
	tr.align  = 'center';

	// West
	var td = document.createElement("td");
	var div = document.createElement("div");
	div.className = 'west';
	div.id = 'resize-west';
	div.onmousedown = resizeElementDown;
	td.appendChild(div);
	tr.appendChild(td);

	// Content
	var td = document.createElement("td");
	// Reference to resize table content
	resizeTableContentRef = td;
	td.align = 'left';
	td.appendChild(doc);
    tr.appendChild(td);

	// East
	var td = document.createElement("td");
	var div = document.createElement("div");
	div.className = 'east';
	div.id = 'resize-east';
	div.onmousedown = resizeElementDown;
	td.appendChild(div);
	tr.appendChild(td);

	tbody.appendChild(tr);

	// Row 3 
	var tr = document.createElement("tr");
	tr.valign = 'top';
	tr.align  = 'center';

	// South West
	var td = document.createElement("td");
	var div = document.createElement("div");
	div.className = 'southWest';
	div.id = 'resize-southWest';
	div.onmousedown = resizeElementDown;
	td.appendChild(div);
	tr.appendChild(td);

	// South
	var td = document.createElement("td");
	var div = document.createElement("div");
	div.className = 'south';
	div.id = 'resize-south';
	div.onmousedown = resizeElementDown;
	td.appendChild(div);
    tr.appendChild(td);

	// South East
	var td = document.createElement("td");
	addClass(td, "outerTableSize");
	var div = document.createElement("div");
	div.className = 'southEast';
	div.id = 'resize-southEast';
	div.onmousedown = resizeElementDown;
	td.appendChild(div);
	tr.appendChild(td);
		
	tbody.appendChild(tr);

	// Small tab button row
    var tr = document.createElement("tr");
    tr.valign = 'top';
    tr.align  = 'left';

    var tdl = document.createElement("td");
    var tdc = document.createElement("td");
    var tdr = document.createElement("td");

    var del = document.createElement("div");
    del.className = 'deleteResize';
    del.onclick = deleteSelectedElement;
    del.title = translate("DeleteElement");

	var dup = document.createElement("div");
    dup.className = 'duplicateResize';
    dup.onclick = duplicateSelectedElement;
    dup.title = translate("DuplicateElement");

	var xedit = document.createElement("div");
    xedit.className = 'xeditResize';
    xedit.onclick = externalEditSelectedElement;
    xedit.title = translate("Edit");

    var pimgedit = document.createElement("div");
    pimgedit.className = 'xeditResize imgpropeditResize';
    pimgedit.onclick = editSelectedImageProperties;
    pimgedit.title = translate("image_properties");

    if ( -1 == doc.id.indexOf(MENUID) )
    {
      tdc.appendChild(del);
	  tdc.appendChild(dup);
	  if ( EXTERNAL_EDITORS[doc.tagName] )
	  {
		tdc.appendChild(xedit);
		tdc.appendChild(pimgedit);
	  }

	  tr.appendChild(tdl);
	  tr.appendChild(tdc);
	  tr.appendChild(tdr);
	}
    tbody.appendChild(tr);

	table.appendChild(tbody);

	return table;
}