function displayHTML() {
 var inf = "<html><head><title>print preview</title>";
 inf += "<link rel='stylesheet' type='text/css' href='/css/preview.css' media='screen' />";
 inf += "<link rel='stylesheet' type='text/css' href='/css/print.css' media='print' />";
 inf += "</head><body><div id='preview'>"
 inf += document.getElementById('preview').innerHTML;
 inf += "</div><div id='textArea'>";
 inf += textSlab;
 inf += "</div><br /><a href='javascript:window.print()'>print</a>"
 inf += "</body></html>";
 win = window.open('', 'popup', 'toolbar = no, status = no, resizable = yes, scrollbars=yes');
 win.document.write(inf);
 win.document.close();
 win.focus();
}

function addPrintMenu(){
 var menuDiv = document.getElementById('menu');
 var menuTd = menuDiv.parentNode;
 var previewDiv = document.createElement('div');
 previewDiv.id = 'preview';

 var previewLink = createLink("previewLink","preview","/images/preview_icon1.jpg","displayHTML()");
 var printLink = createLink("printLink","print","/images/print_icon.jpg","window.print()");
 var backLink = createLink("backLink","back","/images/back_icon.jpg","window.close()");
 var previewParaText = document.createTextNode("Print Preview: click back to return to normal view");
 var previewPara = document.createElement("p");
 previewPara.id = "previewPara";    

 previewPara.appendChild(previewParaText)
 previewDiv.appendChild(previewLink);
 previewDiv.appendChild(printLink);
 previewDiv.appendChild(backLink);
 previewDiv.appendChild(previewPara)
 menuTd.insertBefore(previewDiv,menuDiv);
}

function createLink(theID, theAlt, theSource, theFunction){
 var theImage = document.createElement('img')
 theImage.alt = theAlt;
 theImage.src = theSource;

 var theLink = document.createElement("a");
 theLink.id = theID;
 theLink.title = theAlt;
 theLink.href = "javascript: "+theFunction;
 theLink.appendChild(theImage);
 return theLink;
}