//This function is called to draw the print preview page. It grabs 
//information from the parent page, opens a new window, and then 
//writes the html, closing the document at the end so that
//Netscape 4 can print it. Otherwise Netscape 4 displays the user 
//input text on the print preview page but doesn't print it. 
//Include this .js file in your .htm page; otherwise the 
//drawPage() function will not work.
function drawPage()
{
	var tablewindow = window.open();
	tablewindow.document.open();
	tablewindow.document.write(
"<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN'	'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>"
	+"<html lang='en-US'><head>"
	+"<title>UWP Employee Transaction</title>"
	+"<link rel='stylesheet' type='text/css' href='printForm.css'></link>"
	+"</head><body><div align='center' class='largeHeader'>UW-Platteville Employee Transaction</div>"
	+"<div align='right'><table summary='Appointment' width='100%'>"
	+"<tr><td class='form' width='20%'>Employee ID:</td>"
	+"<td class='response' width='30%' align='center'>"+document.EmpTrans.EmpID.value+"</td>"
	+"<td class='form' width='20%' align='right'>Appointment No:</td>"
	+"<td class='response' width='30%' align='center'>"+document.EmpTrans.ApptNo.value+"</td></tr>"
	+"</table></div><br />"
	+"<table width='100%' summary='dividing table' cellspacing='0' cellpadding='0'>"
	+"<tr><td width='75%' valign='top'><table summary='info' width='95%'>"
	+"<tr><td class='form' width='10%'>Name</td>"
	+"<td class='response' align='center' width='50%'>"+document.EmpTrans.Last.value+"</td>"
	+"<td class='response' align='center' width='40%'>"+document.EmpTrans.First.value+"</td>"
	+"<td class='response' align='center' width='10%'>"+document.EmpTrans.MI.value+"</td></tr>"
	+"<tr><td></td><td class='small' align='center'>Last</td>"
	+"<td class='small' align='center'>First</td>"
	+"<td class='small' align='center'>M.I.</td></tr></table>"
	+"<table summary='stats' cellpadding='4' width='95%'>"
	+"<tr><td class='form' width='15%'>Gender</td>"
	+"<td class='box' width='5%'>"+document.EmpTrans.Male.value+"</td>"
	+"<td class='form' width='25%'>Male</td>"
	+"<td class='box' width='5%'>"+document.EmpTrans.Female.value+"</td>"
	+"<td class='form' width='50%'>Female</td></tr>"
	+"<tr><td class='form'>Minority</td>"
	+"<td class='box'>"+document.EmpTrans.Yes1.value+"</td>"
	+"<td class='form'>Yes</td>"
	+"<td class='box'>"+document.EmpTrans.No1.value+"</td>"
	+"<td class='form'>No</td></tr></table></td>"
	+"<td width='25%' valign='top'><div style='border: solid 1pt; padding-left:8px; padding-bottom:4px;'>"
	+"<table summary='type' width='100%'>"
	+"<tr><td colspan='2' class='form' width='100%'>Check one:</td></tr>"
	+"<tr><td width='20%' class='box'>"+document.EmpTrans.Classified.value+"</td>"
	+"<td class='form' width='80%'>Classified</td></tr>"
	+"<tr><td class='box'>"+document.EmpTrans.Unclass.value+"</td>"
	+"<td class='form'>Unclassified</td></tr>"
	+"<tr><td class='box'>"+document.EmpTrans.LTE.value+"</td>"
	+"<td class='form'>LTE</td></tr>"
	+"</table></div></td></tr></table>"
	+"<div style='margin-left:30px;'><table width='100%' summary='minority'>"
	+"<tr><td colspan='8' class='form' width='100%'>If minority, check one:</td></tr>"
	+"<tr><td class='box' width='5%'>"+document.EmpTrans.Black.value+"</td>"
	+"<td class='form' width='12%'>Black</td>"
	+"<td class='box' width='5%'>"+document.EmpTrans.Hisp.value+"</td>"
	+"<td class='form' width='15%'>Hispanic</td>"
	+"<td class='box' width='5%'>"+document.EmpTrans.Asian.value+"</td>"
	+"<td class='form' width='12%'>Asian</td>"
	+"<td class='box' width='5%'>"+document.EmpTrans.Nativ.value+"</td>"
	+"<td class='form' width='41%'>Am. Indian/Alaskan Native</td></tr>"
	+"<tr><td colspan='8' class='small' width='100%'>&nbsp;</td></tr>"
	+"<tr><td colspan='3'></td><td colspan='3' class='form' align='right'>Date of Birth</td>"
	+"<td colspan='2' class='response' align='center'>"+document.EmpTrans.Birth.value+"</td>"
	+"</tr></table></div>"
	+"<table cellpadding='4' summary='work' width='100%'>"
	+"<tr><td class='form' width='35%' colspan='2'>Percentage of work-time</td>"
	+"<td class='response' align='center' width='15%'>"+document.EmpTrans.work.value+"</td>"
	+"<td class='form' align='right' width='25%'>Part-time?</td>"
	+"<td class='box' width='5%'>"+document.EmpTrans.Yes2.value+"</td>"
	+"<td class='form' width='8%'>Yes</td>"
	+"<td class='box' width='5%'>"+document.EmpTrans.No2.value+"</td>"
	+"<td class='form' width='7%'>No</td></tr>"
	+"<tr><td class='form' width='20%'>Department</td>"
	+"<td class='response' align='center' colspan='2' width='30%'>"+document.EmpTrans.dept.value+"</td>"
	+"<td class='form' align='right'>Split Appointment?</td>"
	+"<td class='box'>"+document.EmpTrans.Yes3.value+"</td>"
	+"<td class='form'>Yes</td>"
	+"<td class='box'>"+document.EmpTrans.No3.value+"</td>"
	+"<td class='form'>No</td></tr></table>"
	+"<table cellpadding='4' summary='title' width='100%'>"
	+"<tr><td class='form' width='20%'>Job Title Code</td>"
	+"<td class='response' align='center' width='20%'>"+document.EmpTrans.TitleCode.value+"</td>"
	+"<td class='form' align='right' width='20%'>Job Title</td>"
	+"<td class='response' align='center' width='40%'>"+document.EmpTrans.Title.value+"</td></tr>"
	+"<tr><td class='small' colspan='4' align='center'>If 2 titles, give both with "
	+"percentage of each</td></tr>"
	+"<tr><td class='form'>Org. Code</td>"
	+"<td colspan='2' class='response' align='center'>"+document.EmpTrans.OrgCode.value+"</td>"
	+"<td></td></tr></table>"
	+"<div class='form'>Action (choose one):</div>"
	+"<div style='margin-left:20px;'><table summary='action' width='100%'>"
	+"<tr><td width='5%' class='box'>"+document.EmpTrans.New.value+"</td>"
	+"<td class='form' width='15%'>New Hire</td>"
	+"<td align='right' class='form' width='25%'>Effective date</td>"
	+"<td class='response' align='center' width='55%'>"+document.EmpTrans.HireDate.value+"</td></tr>"
	+"<tr><td class='box'>"+document.EmpTrans.Term.value+"</td>"
	+"<td class='form'>Termination</td><td align='right' class='form'>Effective date</td>"
	+"<td class='response' align='center'>"+document.EmpTrans.TermDate.value+"</td></tr>"
	+"</table></div><div style='margin-left:20px;'><table summary='action' width='100%'>"
	+"<tr><td width='5%' class='box'>"+document.EmpTrans.Prom.value+"</td>"
	+"<td width='13%' class='form'>Promotion</td><td width='7%' class='form' align='right'>from</td>"
	+"<td width='19%' class='response' align='center'>"+document.EmpTrans.PromFrom.value+"</td>"
	+"<td width='4%' align='center' class='form'>to</td>"
	+"<td width='19%' class='response' align='center'>"+document.EmpTrans.PromTo.value+"</td>"
	+"<td width='15%' class='form'>Effective&nbsp;Date</td>"
	+"<td width='18%' class='response' align='center'>"+document.EmpTrans.PromDate.value+"</td></tr>"
	+"<tr><td class='box'>"+document.EmpTrans.Trans.value+"</td>"
	+"<td class='form'>Transfer</td><td class='form' align='right'>from</td>"
	+"<td class='response' align='center'>"+document.EmpTrans.TransFrom.value+"</td>"
	+"<td align='center' class='form'>to</td>"
	+"<td class='response' align='center'>"+document.EmpTrans.TransTo.value+"</td>"
	+"<td class='form'>Effective&nbsp;Date</td>"
	+"<td class='response' align='center'>"+document.EmpTrans.TransDate.value+"</td></tr>"
	+"</table></div><br />"
	+"<table summary='action' width='60%'>"
	+"<tr><td class='form' width='40%' valign='top'>Return this form to:</td>"
	+"<td class='form' width='60%'>Kathleen Kelley<br />Director of Human Resources<br />"
	+"2300 Ullsvik Hall</td></tr></table><br />"
	+"<div style='border: solid 1pt; padding:4px;'>"
	+"<table summary='action' width='100%'>"
	+"<tr><td class='form' colspan='4' align='center' style='border-bottom: solid 1pt;'><strong>For "
	+"Office Use Only</strong></td></tr>"
	+"<tr><td width='15%' style='border-bottom: solid 1pt;'>&nbsp;</td>"
	+"<td width='35%' class='form'>Job Group Number</td><td width='15%'></td>"
	+"<td width='35%'></td></tr>"
	+"<tr><td class='form' colspan='4' align='center' style='border-bottom: solid 1pt;'><strong>Pool "
	+"of Applicants for Position (if applicable)</strong></td></tr>"
	+"<tr><td style='border-bottom: solid 1pt;'>&nbsp;</td>"
	+"<td class='form'>Total in Pool</td><td></td><td></td></tr>"
	+"<tr><td style='border-bottom: solid 1pt;'>&nbsp;</td>"
	+"<td class='form'>Total Men</td><td style='border-bottom: solid 1pt;'>&nbsp;</td>"
	+"<td class='form'>Total Minorities</td></tr>"
	+"<tr><td style='border-bottom: solid 1pt;'>&nbsp;</td>"
	+"<td class='form'>Total Women</td><td style='border-bottom: solid 1pt;'>&nbsp;</td>"
	+"<td class='form'>Total Non-minorities</td></tr>"
	+"</table></div>"
	+"</body></html>");
	tablewindow.document.close();
}
