//write out div that appears on the page    
var str='<form action="sendbyemail.aspx" method="post" target="newwin" onsubmit = "hideModal(\'modalPage\');return window.open(\'\',\'newwin\',\'toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=yes,copyhistory=no,scrollbars=no,width=380,height=288\');"><div id="modalPage">';
    str+='<div class="modalBackground"></div>';
    str+='<div class="modalContainer">';
    str+='<div class="modal">';
    str+='<div class="modalTop"><span class="modalHeaderText">Send page link by email</span><span class="modalClose"><a href="javascript:hideModal(\'modalPage\')">[X]</a></span></div>';
    str+='<div class="modalBody">';
    str+='<table style="width: 100%;">';
    str+='<tr><td colspan="2" align="left"><strong>To:</strong></td></tr>';
    str+='<tr><td align="left">Their Email:</td>';
    str+='<td align="left"><input id="toEmail" type="text" name="toEmail" /></td></tr>';
    str+='<tr><td colspan="2"><hr noshade="noshade" /></td></tr>';
    str+='<tr><td colspan="2" align="left"><strong>Your Details:</strong></td></tr>';
    str+='<tr><td align="left">Your Name:</td>';
    str+='<td align="left"><input id="fromName" type="text" name="fromName" /></td></tr>';
    str+='<tr><td align="left">Your Email:</td>';
    str+='<td align="left"><input id="fromEmail" type="text" name="fromEmail" /></td></tr>';
    str+='<tr><td colspan="2">&nbsp;</td></tr>';
    str+='<tr valign="top" align="left"><td>Your Comments:</td>';
    str+='<td><textarea id="comments" cols="20" name="comments" rows="8"></textarea></td></tr>';
    str+='<tr><td colspan="2">&nbsp;</td></tr>';
    str+='<tr><td> <input id="hiddenDocTitle" type="hidden" name="hiddenDocTitle" /><input id="hiddenDocLink" type="hidden" name="hiddenDocLink" /></td>';
    str+='<td align="left"><input id="Submit1" type="submit" value="submit" /></td></tr></table>';
    str+='</div></div></div></div></form>';

document.write(str);

function revealModal(divID)
{
    window.onscroll = function () { document.getElementById(divID).style.top = document.body.scrollTop; };
    document.getElementById(divID).style.display = "block";
    document.getElementById(divID).style.top = document.body.scrollTop;
}

function hideModal(divID)
{
    document.getElementById(divID).style.display = "none";
}

function doDialog(docTitle, docLink){
    //common dialog function to pop up box
    revealModal('modalPage')
    document.getElementById("hiddenDocTitle").value=docTitle;
    document.getElementById("hiddenDocLink").value=docLink;
}