
if(document.images)
{
  homeo = new Image
  nameo = new Image
  dateo = new Image
  contacto = new Image
  homer = new Image
  namer = new Image
  dater = new Image
  contactr = new Image
  homeo.src = '../images/home.gif'
  dateo.src = '../images/date.gif'
  nameo.src = '../images/name.gif'
  contacto.src = '../images/contact.gif'
  homer.src = '../images/homer.gif'
  dater.src = '../images/dater.gif'
  namer.src = '../images/namer.gif'
  contactr.src = '../images/contactr.gif'
}
else
{
  homer = ''
  dater = ''
  namer = ''
  contactr = ''
}


function header_body(){
    document.write("<table border='0' cellpadding='0' width='640' cellspacing='0'>")
    document.write("<tr><td width='170'><img border='0' src='../images/blank170.gif' width='170' height='2'></td>")
    document.write("<td width='470'><img border='0' src='../images/title.gif' width='342' height='62'></td>")
    document.write("</tr><tr><td width='640' height='12' colspan='2' align='right'><img border='0' src='../images/trunk.gif' width='264' height='12'></td>")
    document.write("</tr><tr><td colspan='2'><img border='0' src='../images/ground.gif' width='222' height='31'><a href='indxname.htm' onmouseover='document.name.src=namer.src' onmouseout='document.name.src=nameo.src'><img name='name' border='0' src='../images/name.gif' width='116' height='31'></a><a href='indxdate.htm' onmouseover='document.date.src=dater.src' onmouseout='document.date.src=dateo.src'><img name='date' border='0' src='../images/date.gif' width='123' height='31'></a><a href='../contact.htm' onmouseover='document.contact.src=contactr.src' onmouseout='document.contact.src=contacto.src'><img name='contact' border='0' src='../images/contact.gif' width='93' height='31'></a><a href='../index.htm' onmouseover='document.home.src=homer.src' onmouseout='document.home.src=homeo.src'><img name='home' border='0' src='../images/home.gif' width='86' height='31'></a></td>")
    document.write("</tr></table><table border='0' cellpadding='0' width='654' cellspacing='0'><tr>")
    document.write("<td width='30' background='../images/earth.gif'>&nbsp;<br></td>")
}

function process_person(person, father, mother) {
    document.write("<td style='text-align: Left; text-indent: 0; margin: 0' valign='bottom' width='627'>")
    document.write("<table width='610' border='0' cellspacing='0' cellpadding='0'><tr><td width='20' height='6'></td></tr><tr>")
    document.write("<td></td><td valign='top' align='left' background='../images/grn_top.gif'><img border='0' src='../images/indiv.gif' width='118' height='46'><img border='0' src='../images/space.gif' width='35' height='5'><img border='0' src='../images/space.gif' width='35' height='5'><img border='0' src='../images/space.gif' width='35' height='5'><img border='0' src='../images/parents.gif' width='108' height='31'></td>")
    document.write("</tr><tr><td width='20' valign='top' align='left'></td><td width='586' valign='top' align='left' background='../images/grn_mid.gif'>")
    document.write("<table border='0' cellpadding='2' cellspacing='0' width='548'><tr>")
    document.write("<td width='3'>&nbsp;</td><td width='206' valign='top' background=''>")
    document.write("<table border='0' cellpadding='2' width='209'><tr><td width='199'>")
    document.write("<table border='2' cellpadding='2' bgcolor='#FFFF99' width='195'>")
    document.write("<tr><td width='186' bgcolor='#FFFF00' background='../images/cnvbkgnd.gif'>")
    document.write(person)
    document.write("</td></tr></table></td></tr></table></td>")
    document.write("<td width='313' valign='top' background=''><table border='0' cellpadding='4' width='98%' cellspacing='0'>")
    document.write("<tr><td width='21%'><p align='right'><b><font color='#800000' size='3'>Father</font></b></td>")
    document.write("<td width='79%'><table border='2' cellpadding='2' width='100%' bgcolor='#CCFFFF'><tr>")
    document.write("<td width='100%' background='../images/cnvbkgnd.gif'>")
    document.write(father)
    document.write("</td></tr></table></td></tr><tr>")
    document.write("<td width='21%'><p align='right'><b><font color='#800000' size='3'>Mother</font></b></td>")
    document.write("<td width='79%'><table border='2' cellpadding='2' width='100%' bgcolor='#FFCCFF'><tr>")
    document.write("<td width='100%' background='../images/cnvbkgnd.gif'>")
    document.write(mother)
    document.write("</td></tr></table></td></tr></table></td></tr></table></td></tr><tr>")
    document.write("<td width='20' valign='middle' align='left' height='30'></td>")
    document.write("<td width='586' valign='middle' align='left' background='../images/grn_bot.gif' height='30'>&nbsp;</td></tr>")
}

function terminate_page() {
    document.write("<tr><td width='20' valign='middle' align='left' height='30'>&nbsp</td>")
    document.write( "<td width='586' valign='middle' align='left' height='30'>")
    document.write("<p align='left'><font color='#FF0000' size='1' face='Arial'><b>")
    document.write("&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp")
    document.write("&nbsp&nbsp&nbsp&nbsp<a href='../people/indxname.htm'>Index by Name</a>")
    document.write("&nbsp&nbsp&nbsp&nbsp<a href='../people/indxdate.htm'>Index by Date</a>")
    document.write("&nbsp&nbsp&nbsp&nbsp<a href='../people/indxupdate.htm'>Index by Last Update</a>")
    document.write("&nbsp&nbsp&nbsp&nbsp<a href='../photos/photoidx.htm'>Photo Index</a>")
    document.write("&nbsp&nbsp&nbsp&nbsp<a href='../weblinks/links.htm'>Weblinks</a>")
    document.write("&nbsp&nbsp&nbsp&nbsp<a href='../contact.htm'>Contact</a>")
    document.write("&nbsp&nbsp&nbsp&nbsp<a href='../index.htm'>Home</a></b></font></td>")
    document.write("</tr></table></td></tr></table>")
}

function extras_start() {
    document.write("<tr><td width='20' valign='middle' align='left' height='30'></td>")
    document.write("<td width='586' height='30' valign='middle' align='left' background='../images/grn_top.gif'><img border='0' src='../images/notes.gif' width='118' height='46'></td></tr>")
    document.write("<tr><td width='20' valign='middle' align='left' height='30'></td>")
    document.write("<td width='540' valign='middle' align='left' background='../images/grn_mid.gif' height='30' cellpadding='4'><font size='2'><blockquote>")
}

function extras_end() {
    document.write("</font></td></tr><tr><td width='20' valign='middle' align='left'></td>")
    document.write("<td width='586' height='30' valign='middle' align='left' background='../images/grn_bot.gif'>&nbsp;</td></tr>")
}
