﻿sfHover = function() {
   var sfEl = document.getElementById("nav");
   if(sfEl == null) return;
   var sfEls = sfEl.getElementsByTagName("LI");
   if(sfEls == null) return;
   for (var i=0; i<sfEls.length; i++) {
       sfEls[i].onmouseover=function() {
           this.className+=" sfhover";
       }
       sfEls[i].onmouseout=function() {
           this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
       }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


var  browserServlet='tribe/browse';
var  accessServlet='tribe/sc?sr=101'; 


// overly simplistic test for IE 
isIE = (document.all ? true : false);
// both IE5 and NS6 are DOM-compliant (well, sort of...)
isDOM = (document.getElementById ? true : false);
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;

// get the true offset of anything on NS4, IE4/5 & NS6, even if it's in a table!
function getAbsX(elt) { return (elt.x) ? elt.x : getAbsPos(elt,"Left"); }
function getAbsY(elt) { return (elt.y) ? elt.y : getAbsPos(elt,"Top"); }
function getAbsPos(elt,which) {
 iPos = 0;
 while (elt != null) {
  iPos += elt["offset" + which];
  elt = elt.offsetParent;
 }
 return iPos;
}

function isalive2(isalive)
{
	//alert(isalive);
	var deathdiv = getDivStyle('deathinput');
	var deathspacerdiv = getDivStyle('deathspacer');
	var emaildiv = getDivStyle('emailinput');
	var emailspacerdiv = getDivStyle('emailspacer');
	if(isalive)
	{
		deathdiv.display="none";
		deathspacerdiv.display="none";
		emaildiv.display='';
		emailspacerdiv.display='';
	}
	else
	{
		deathdiv.display='';
		deathspacerdiv.display='';
		emaildiv.display="none";
		emailspacerdiv.display="none";
	}
	
}

function getDivStyle(divname) {
 var style;
 if (isDOM) { style = document.getElementById(divname).style; }
 else { style = isIE ? document.all[divname].style
                     : document.layers[divname]; } // NS4
 return style;
}

function hideElement(divname) {
 getDivStyle(divname).visibility = 'hidden';
}


function hideElementRR(divname) {
 getDivStyle(divname).visibility = 'hidden';
}

function showElementRR(divname) {
 fixPosition(divname);
 getDivStyle(divname).visibility = 'visible';
}

// annoying detail: IE and NS6 store elt.top and elt.left as strings.
function moveBy(elt,deltaX,deltaY) {
 elt.left = parseInt(elt.left) + deltaX;
 elt.top = parseInt(elt.top) + deltaY;
}

function toggleVisible(divname) {
 divstyle = getDivStyle(divname);
 if (divstyle.visibility == 'visible' || divstyle.visibility == 'show') {
   divstyle.visibility = 'hidden';
 } else {
   fixPosition(divname);
   divstyle.visibility = 'visible';
 }
}

function setPosition(elt,positionername,isPlacedUnder) {
 var positioner;
 if (isIE) {
  positioner = document.all[positionername];
 } else {
  if (isDOM) {
    positioner = document.getElementById(positionername);
  } else {
    // not IE, not DOM (probably NS4)
    // if the positioner is inside a netscape4 layer this will *not* find it.
    // I should write a finder function which will recurse through all layers
    // until it finds the named image...
    positioner = document.images[positionername];
  }
 }
 //alert('positioner.height='+positioner.height)
 elt.left = getAbsX(positioner);
 elt.top = getAbsY(positioner) + (isPlacedUnder ? (positioner.height+2) : 0);
}


function getEditHandlerUrl(bview)
{
	if(isBig)
		return '/tribe/browse?userid='+userid+'&view=101&bview='+bview+'&bpid='+pid+'&rand='+rand;
	else
		return '/tribe/browse?userid='+userid+'&view=101&bview='+bview+'&bpid='+pid+'&rand='+rand;
}

function makeSpouseCreateRef(spid,gender,bview)
{
	makeSpouseCreateRef(spid,gender,bview, 1)
}

function makeSpouseCreateRef(spid,gender,bview, nb)
{
	if(nb>1)
	{
	if(gender==0)
		return '&lt;&lt;&nbsp;add&nbsp;<A href="'+getEditHandlerUrl(bview)+'&pid=-1&gender=male&spid='+spid+'">Spouse #'+nb+'</A>&nbsp;&gt;&gt;';
	else
		return '&lt;&lt;&nbsp;add&nbsp;<A href="'+getEditHandlerUrl(bview)+'&pid=-1&gender=female&spid='+spid+'">Spouse #'+nb+'</A>&nbsp;&gt;&gt;';
	}
	else
	{
	if(gender==0)
		return '&lt;&lt;&nbsp;add&nbsp;<A href="'+getEditHandlerUrl(bview)+'&pid=-1&gender=male&spid='+spid+'">Spouse</A>&nbsp;&gt;&gt;';
	else
		return '&lt;&lt;&nbsp;add&nbsp;<A href="'+getEditHandlerUrl(bview)+'&pid=-1&gender=female&spid='+spid+'">Spouse</A>&nbsp;&gt;&gt;';
	}
}

function makeParentCreateRef(cpid,oppid,gender,bview)
{
	if(!isAdmin) return 'UNKNOWN';
	if(gender==0)
		return '&lt;&lt;&nbsp;add&nbsp;<A href="'+getEditHandlerUrl(bview)+'&pid=-1&gender=female&cpid='+cpid+'&oppid='+oppid+'">Mother</A>&nbsp;&gt;&gt;';
	else
		return '&lt;&lt;&nbsp;add&nbsp;<A href="'+getEditHandlerUrl(bview)+'&pid=-1&gender=male&cpid='+cpid+'&oppid='+oppid+'">Father</A>&nbsp;&gt;&gt;';
}


function makeCreateRef(fpid,mpid,gender,bview)
{
	if(!isAdmin) return '';
	if(gender==1)
		return '&lt;&lt;&nbsp;<A href="'+getEditHandlerUrl(bview)+'&pid=-1&gender=male&fpid='+fpid+'&mpid='+mpid+'">Add Son</A>&nbsp;&gt;&gt;';
	else
		return '&lt;&lt;&nbsp;<A href="'+getEditHandlerUrl(bview)+'&pid=-1&gender=female&fpid='+fpid+'&mpid='+mpid+'">Add Daughter</A>&nbsp;&gt;&gt;';
}


function makeEditRef(thispid,bview)
{
	if(!isAdmin) return '';
	return '&nbsp;<A href="'+getEditHandlerUrl(bview)+'&pid='+thispid+'" alt="edit"><img src=/images/edit.gif border=0 align=middle alt="Edit"></A>&nbsp;';
}




function searchDirectory()
{
    if(document.searchNames.lastname.value==0)
    {
        alert('You need to enter a Lastname to Search the TribalPages Directory.');
        return false;
    }

    document.searchDirNames.lname.value = document.searchNames.lastname.value;
    document.searchDirNames.fname.value = document.searchNames.firstname.value;
    document.searchDirNames.submit();
}



var firstName = "";
var middleName = "";
var lastName = "";
var suffix = "";
var premiummaxinfo=15000;
var maxinfo=15000;
var isqe=false;
									
function trim(sInString) {
  sInString = sInString.replace( /^\s+/g, "" );// strip leading
  return sInString.replace( /\s+$/g, "" );// strip trailing
}

	
function trimmaxlen(string, maxlen)
{
	if (!string) return;
		
	if(string.length<maxlen)
		return string;
	else
		return string.substring(0,maxlen);
}
	

function tpBrowserWindow(userid)
{
    tpbrowser_window = window.open("/tribes/"+userid,"tribalbrowser","toolbar,location,scrollbars,resizable,status,width=670");
}

function setCookie(uid)
{
    if(readCookie()==uid)
        return;
	var the_cookie = "tpuserid="+ uid + ";" ;
	the_cookie = the_cookie + " path=/";
	var the_date = new Date("December 31, 2050");
    var the_cookie_date = the_date.toGMTString();
	the_cookie = the_cookie + "; expires=" + the_cookie_date;
	the_cookie = the_cookie + "; domain=.tribalpages.com";
	document.cookie = the_cookie;
}


function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString()+ "; domain=.tribalpages.com";
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
	//alert(name+"="+value+expires+"; path=/");
}

function setVisitorCookie()
{
	var visitorid = WM_getCookieValue('tpvisitorid');
	if(visitorid.length==0 || visitorid.charAt(0)!='1')
	{
	var mydate = new Date();
	var oid = mydate.getTime();
	var the_cookie = "tpvisitorid="+ oid + ";" ;
	the_cookie = the_cookie + " path=/";
	var the_date = new Date("December 31, 2050");
  var the_cookie_date = the_date.toGMTString();
	the_cookie = the_cookie + "; expires=" + the_cookie_date;
	the_cookie = the_cookie + "; domain=.tribalpages.com";
	document.cookie = the_cookie;
	}
	setScreenCookie();
}

function setScreenCookie()
{
	var visitorid = WM_getCookieValue('tpscreen');
	var mydate = new Date();
	var oid = mydate.getTime();
	var the_cookie = "tpscreen="+ screen.width +"x"+ screen.height + ";" ;
	the_cookie = the_cookie + " path=/";
	var the_date = new Date("December 31, 2050");
  var the_cookie_date = the_date.toGMTString();
	the_cookie = the_cookie + "; expires=" + the_cookie_date;
	the_cookie = the_cookie + "; domain=.tribalpages.com";
	document.cookie = the_cookie;
}

function readCookie()
{
	return WM_getCookieValue('tpuserid');
}

function WM_getCookieValue(cookieName) {
 var theCookie=""+document.cookie;
 var ind=theCookie.indexOf(cookieName);
 if (ind==-1 || cookieName=="") return ""; 
 var ind1=theCookie.indexOf(';',ind);
 if (ind1==-1) ind1=theCookie.length; 
 return unescape(theCookie.substring(ind+cookieName.length+1,ind1));
}



function tableSpacerRow(ht)
{
    d.write('<TR height="'+ht+'"><TD colspan="3"><img src="/images/clear.gif" width="1" height="'+ht+'"></TD></TR>');
}

function tableFooterRowPlain(bgcolor)
{
    d.write('<TR bgcolor="'+bgcolor+'"><TD colspan="3" height="3"><img src="/images/clear.gif" width="1" height="1"></TD></TR>');
}

function tableHeaderRowPlain(bgcolor,fontcolor,title)
{

    // Title
    d.write('<TR bgcolor="'+bgcolor+'">');
    d.write('<TD width="12"><img src="/images/clear.gif" width="12" height="24"></TD>');
    d.write('<TD align="center"><span class="bodytitle"><font color="'+fontcolor+'">'+title+'</font></span></TD>');
    d.write('<TD width="12"><img src="/images/clear.gif" width="12" height="24"></TD>');
    d.write('</TR>');
    
    d.write('<TR bgcolor="'+fontcolor+'" height="2">');
    d.write('<TD colspan="3"><img src="/images/clear.gif" width="1" height="1" border="0" alt=""></TD>');
    d.write('</TR>');
    
}



// from tpFamily05.js

	var famMths = new Array("Month","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
	var famMthIDs = new Array("00","01","02","03","04","05","06","07","08","09","10","11","12");
	
	
	
	function toggleContact(hidethis,showthis)
	{
		
		toHide = d.getElementById(hidethis);
		toHide.style.display="none";
		
		toShow = d.getElementById(showthis);
		toShow.style.display="";
}
	
	function contactInput(country,addr,city,state,zip,ph_home,ph_mobile,ph_office)
	{
		d.write('<table cellpadding=2 cellspacing=0 border=1><tr><td>');
			d.write('<table class=body cellpadding=5 cellspacing=0 border=0>');
				d.write('<tr><td><a href="javascript:;" onclick="toggleContact(\'contact_input\',\'contact_data\')">Close</a></span><br></td></tr>');
				d.write('	<tr>');
					d.write('<td valign=top>');
					d.write('<table class=body>');
					d.write('<tr><td colspan=2><b>Mailing Address</b></td></tr>');
					d.write('<tr><td valign=top align=right>Street:</td><td><textarea wrap="soft" name="addr1" rows="2" cols="38" maxlength="200">'+addr.replace("<br>","\n")+'</textarea></td></tr>');
					d.write('<tr><td align=right>City:</td><td><input type="text" name="city" value="'+city+'" size="10" maxlength="30">&nbsp;&nbsp;State:&nbsp;<input type="text" name="state" value="'+state+'" size="10" maxlength="30">&nbsp;&nbsp;Zip:&nbsp;<input type="text" name="zip" value="'+zip+'" size="5" maxlength="30"></td></tr>');
					d.write('<tr><td align=right>Country:</td><td><input type="text" name="country" value="'+country+'" size="15" maxlength="30"></td></tr>');
					d.write('<tr><td colspan=2>&nbsp;</td></tr>');
					d.write('<tr><td colspan=2><b>Telephone</b></td></tr>');
					d.write('<tr><td align=right>Home:</td><td><input type="text" name="ph_home" value="'+ph_home+'" size="12" maxlength="30">&nbsp;&nbsp;Mobile:&nbsp;<input type="text" name="ph_mobile" value="'+ph_mobile+'" size="12" maxlength="30">&nbsp;&nbsp;Office:&nbsp;<input type="text" name="ph_office" value="'+ph_office+'" size="12" maxlength="30"></td></tr>');
					d.write('</table>');
					d.write('</td>');
				d.write('</tr>');
			d.write('</table>');
		d.write('</td></tr></table>');
	}

	
	function addMainContact(country,addr,city,state,zip,ph_home,ph_mobile,ph_office)
	{

	//d.write('<span class=bodybold>Contact</span><br>');
	d.write('<table cellpadding=0 cellspacing=0 border=0>');
//d.write('<tr><td><img src=/images/hr.gif width=300 height=2></td></tr>');
	d.write('<tr><td>');
		d.write('<div id="contact_data" style="position:relative;display:block">');
		contactData(country,addr,city,state,zip,ph_home,ph_mobile,ph_office);
		d.write('</div>');
		d.write('<div id="contact_input" style="position:relative;display:none">');
		contactInput(country,addr,city,state,zip,ph_home,ph_mobile,ph_office);
		d.write('</div>');
	d.write('</td></tr></table>');
	
	
	}
	
	function contactData(country,addr,city,state,zip,ph_home,ph_mobile,ph_office)
	{
		var hasAddr=false;
		var hasPhone=false;
		var hasContactData=false;
		
		if(addr.length>0 || city.length>0 || state.length>0 || country.length>0)
			hasAddr=true;
			
		if(ph_home.length>0 || ph_home.length>0 || ph_office.length>0)
			hasPhone=true;

		if(hasAddr || hasPhone)
			hasContactData=true;
			
		// t1
		d.write('<table cellpadding=2 cellspacing=0 border='+(hasContactData?1:0)+'><tr><td>');
		
		// t2
		d.write('<table class=body cellpadding=5 cellspacing=0 border=0>');
		d.write('	<tr>');
		d.write('		<td>');
		if(hasContactData)
			d.write('Click <a href="javascript:;" onclick="toggleContact(\'contact_data\',\'contact_input\')">here</a> to Edit</span><br>');
		else
			d.write('Click <a href="javascript:;" onclick="toggleContact(\'contact_data\',\'contact_input\')">here</a> to add Address</span><br>');
		d.write('		</td>');
		d.write('	</tr>');
		if(hasContactData)
		{
			d.write('	<tr>');
			// Address		
			d.write('		<td valign=top>');
			d.write('<span class=body>');
			if(hasAddr)
			{
				d.write('<b>Mailing Address</b><br>');
				if(addr.length>0)d.write(addr+'<br>');
				if(city.length>0) d.write(city+',&nbsp;');
				if(state.length>0) d.write(state+'&nbsp;');
				if(zip.length>0) d.write(zip+'<br>');
				if(country.length>0) d.write(country+'<br>');
			}
			if(hasPhone)
			{
				d.write('		<table cellpadding=0 cellspacing=0 class=body>');
				
				d.write('		<tr><td colspan=2><b>Telephone</b></td></tr>');
				if(ph_home.length>0) 	 d.write('<tr><td>  Home:</td><td>'+ph_home+'</td></tr>');
				if(ph_mobile.length>0) d.write('<tr><td>  Mobile:</td><td>'+ph_mobile+'</td></tr>');
				if(ph_office.length>0) d.write('<tr><td>  Office:</td><td>'+ph_office+'</td></tr>');
				d.write('		</table>');
			}
			d.write('		</td>');
			d.write('		</tr>');
			// end t3
		}
		// end t2
		d.write('		</table>');
		// end t1		
		d.write('</td></tr></table>');
	}
	
	


function validateNewName()
{
	verifyName('new');
}



function writeCapsuleTable(d, twidth, fullname, thispid, dbth, pbth, ddth, pdth, spouse, spid, dmrg, me, hasphoto, gender, partype, par, parid)
{
var titleFont;
var bodyFont;
var photostr='';
var textcolor='#000000';
var lid='blid';
var base='bbase';
if(reverse==1) 
{
    textcolor='#ffffff';
    lid='wlid';
    base='wbase';
}
if(hasphoto==1) 
{
if(tpIsIE && !guest)
	photostr='<A href="/'+browserServlet+'?userid='+userid+'&view=63&pid='+thispid+'&bpid='+pid+'&bview=0" ONMOUSEOVER="showElementRR(\'popup'+thispid+'\')" ONMOUSEOUT="hideElementRR(\'popup'+thispid+'\')"><img id=popup'+thispid+'Pos name=popup'+thispid+'Pos width="16" height="15" border=0 alt="click me!" src="/images/camicon.gif" align=absmiddle></A>';
else
	photostr='<A href="/'+browserServlet+'?userid='+userid+'&view=63&pid='+thispid+'&bpid='+pid+'&bview=0"><img src="/images/camicon.gif" border=0 width="16" height="15"></A>';
}
    titleFont = '<font size="-2" face="Verdana, sans-serif">';
    bodyFont = '<font size="-2" face="Verdana, sans-serif">';
    
    
    d.write('<TABLE border="0" cellpadding="0" cellspacing="0" WIDTH="'+(twidth+2)+'">');
    d.write('	<TR><TD COLSPAN=3 WIDTH="'+(twidth+2)+'"><IMG SRC="/images/'+lid+'.gif" WIDTH="'+(twidth+2)+'" HEIGHT="6"></TD></TR>');
    d.write('	<TR>');
    d.write('	<TD WIDTH="1" BGCOLOR="'+textcolor+'"><SPACER TYPE="BLOCK" WIDTH="1" HEIGHT="1"></TD>');
		d.write('	<TD>');
		d.write('		<TABLE border="0" cellpadding="0" cellspacing="2" height=40 WIDTH="'+twidth+'">');
		d.write('			<TR>');
		if (thispid=='-1')
		d.write('				<TD ALIGN="CENTER" WIDTH="'+twidth+'" HEIGHT="18" >'+titleFont+'<B>'+fullname+'</B></font></TD>');
		else 
		d.write('				<TD ALIGN="CENTER" WIDTH="'+twidth+'" HEIGHT="18" >'+photostr+titleFont+makeEditRef(thispid,0)+'<B><A href="/'+browserServlet+'?userid='+userid+'&view=0&pid='+thispid+'&rand='+rand+'">'+fullname+'</A></B></font></TD>');
		d.write('			</TR>');
		if(dbth.length>0 || pbth.length>0) {
    d.write('			<TR><TD>');
    d.write('				<table border="0" cellpadding="0" cellspacing="0">');  
    d.write('				<tr>');
    d.write('					<td valign="top">'+bodyFont+'<i>b.</i>&nbsp;</font></td>');
    d.write('					<td>'+bodyFont);
    if(dbth.length>0) 
    d.write(dbth);
    if(pbth.length>0) {if(dbth.length>0) d.write('<BR>'); d.write(pbth);}
    d.write('</font></td></tr></table></TD></TR>');
		}
		
		if(ddth.length>0 || pdth.length>0) 
		{
    d.write('<TR><TD>');
    d.write('<table border="0" cellpadding="0" cellspacing="0">');
    d.write('<tr>');
    d.write('<td valign="top">'+bodyFont+'<i>d.</i>&nbsp;</font></td>');
    d.write('<td>'+bodyFont);
    if(ddth.length>0) d.write(ddth);
    if(pdth.length>0) {if(ddth.length>0) d.write('<BR>'); d.write(pdth);}
    d.write('</font></td></tr></table></TD></TR>');
		}
		if(spid>=0) 
		{
    d.write('<TR><TD>');
    d.write('<table border="0" cellpadding="0" cellspacing="0">');
    d.write('<tr>');
    d.write('<td valign="top">'+bodyFont+'<i>m.</i>&nbsp;</font></td>');
    d.write('<td>'+bodyFont);
    d.write(makeEditRef(spid,0)+'<A href="/'+browserServlet+'?userid='+userid+'&view=0&pid='+spid+'&rand='+rand+'">'+spouse+'</A>');
    d.write('</font></td></tr></table></TD></TR>');
}
else
{
	if(isAdmin && spid!=-2)
	{
    d.write('<TR><TD>');
    d.write('<table border="0" cellpadding="0" cellspacing="0">');
    d.write('<tr>');
    d.write('<td valign="top">'+bodyFont+'<i>m.</i>&nbsp;</font></td>');
    d.write('<td>'+bodyFont);
    d.write(makeSpouseCreateRef(thispid,gender,0));
    d.write('</font></td></tr></table></TD></TR>');
	}
}
if(parid>=0) {
    d.write('<TR><TD>');
    d.write('<table border="0" cellpadding="0" cellspacing="0">');
    d.write('<tr>');
    d.write('<td valign="top">'+bodyFont+'<i>'+partype+'.</i>&nbsp;</font></td>');
    d.write('<td>'+bodyFont);
    d.write('<A href="/'+browserServlet+'?userid='+userid+'&view=0&pid='+parid+'&rand='+rand+'">'+par+'</A>');
    d.write('</font></td></tr></table></TD></TR>');
}
// End inner table
d.write('</TABLE></TD>');
d.write('<TD WIDTH="1" BGCOLOR="'+textcolor+'"><SPACER TYPE="BLOCK" WIDTH="1" HEIGHT="1"></TD>');
d.write('</TR>');
d.write('<TR><BGCOLOR="#CCCC99"><TD COLSPAN=3 WIDTH="'+(twidth+2)+'"><IMG SRC="/images/'+base+'.gif" WIDTH="'+(twidth+2)+'" HEIGHT="6"></TD></TR>');
d.write('</TABLE>');
}



function writeCreateCapsuleTable(d, twidth, fpid, mpid)
{
var titleFont='<font size="-2" face="Verdana, sans-serif">';
var bodyFont='<font size="-2" face="Verdana, sans-serif">';
var photostr='';
var textcolor='#000000';
var lid='blid';
var base='bbase';
if(reverse==1) 
{
    textcolor='#ffffff';
    lid='wlid';
    base='wbase';
}
d.write('<TABLE border="0" cellpadding="0" cellspacing="0" WIDTH="'+(twidth+2)+'">');
// row 1 lid
d.write('<TR><TD COLSPAN=3 WIDTH="'+(twidth+2)+'"><IMG SRC="/images/'+lid+'.gif" WIDTH="'+(twidth+2)+'" HEIGHT="6"></TD></TR>');
// row 2 data
d.write('<TR>');
	d.write('<TD WIDTH="1" BGCOLOR="'+textcolor+'"><SPACER TYPE="BLOCK" WIDTH="1" HEIGHT="1"></TD>');
	
	d.write('<TD>');
		// inner table
		d.write('    <TABLE border="0" cellpadding="0" cellspacing="2" WIDTH="'+twidth+'">');
		// name
		d.write('<TR>');
		d.write('<TD ALIGN="CENTER" WIDTH="'+twidth+'" HEIGHT="18" >'+titleFont+makeCreateRef(fpid,mpid,1,0)+'</font></TD>');
		d.write('</TR>');
		d.write('<TR>');
		d.write('<TD ALIGN="CENTER" WIDTH="'+twidth+'" HEIGHT="18" >'+titleFont+makeCreateRef(fpid,mpid,0,0)+'</font></TD>');
		d.write('</TR>');
		// End inner table
		d.write('</TABLE>');
	d.write('</TD>');
	
	d.write('<TD WIDTH="1" BGCOLOR="'+textcolor+'"><SPACER TYPE="BLOCK" WIDTH="1" HEIGHT="1"></TD>');
d.write('</TR>');
// row 3 base
d.write('<TR><BGCOLOR="#CCCC99"><TD COLSPAN=3 WIDTH="'+(twidth+2)+'"><IMG SRC="/images/'+base+'.gif" WIDTH="'+(twidth+2)+'" HEIGHT="6"></TD></TR>');
d.write('</TABLE>');
}

function drawT(d) {
var textcolor='#000000';
if(reverse==1) textcolor='#ffffff';
d.write('<TD ALIGN=center VALIGN="BOTTOM">');
d.write('<TABLE border="0" cellpadding="0" cellspacing="0" WIDTH="156">');
d.write('<TR>');
//d.write('<TD BGCOLOR="'+textcolor+'" ><SPACER TYPE="BLOCK" WIDTH="78" HEIGHT="1"></TD>');
//d.write('<TD BGCOLOR="'+textcolor+'" ><SPACER TYPE="BLOCK" WIDTH="1" HEIGHT="1"></TD>');
d.write('<TD COLSPAN=3 BGCOLOR="'+textcolor+'" ><SPACER TYPE="BLOCK" WIDTH="77" HEIGHT="1"></TD>');
d.write('</TR><TR>');
d.write('<TD ALIGN="CENTER" WIDTH="78">&nbsp</TD>');
d.write('<TD BGCOLOR="'+textcolor+'" ALIGN="CENTER" WIDTH="1"><SPACER TYPE="BLOCK" WIDTH="1" HEIGHT="1"></TD>');
d.write('<TD ALIGN="CENTER" HEIGHT="40" WIDTH="77">&nbsp</TD>');
d.write('</TR></TABLE></TD>');
}
function drawVerticalLine(d)
{
var textcolor='#000000';
if(reverse==1) textcolor='#ffffff';
d.write('<TABLE border="0" cellpadding="0" cellspacing="0" WIDTH="700"><TR>');
d.write('<TD ALIGN="CENTER" WIDTH="350">&nbsp</TD>');
d.write('<TD BGCOLOR="'+textcolor+'" ALIGN="CENTER" WIDTH="1"><SPACER TYPE="BLOCK" WIDTH="1" HEIGHT="1"></TD>');
d.write('<TD ALIGN="CENTER" WIDTH="349" HEIGHT="40" >&nbsp</TD>');
d.write('</TR></TABLE>');
}
function drawInfoBox(d,infoStr)
{
var textcolor='#000000';
var scrolltop='bscrolltop';
var scrollbase='bscrollbase';
if(reverse==1) 
{
    textcolor='#ffffff';
    scrolltop='wscrolltop';
    scrollbase='wscrollbase';
}
d.write('<TD ALIGN="LEFT" WIDTH="205">');
d.write('<TABLE border="0" cellspacing="0" cellpadding="0">');
if(infoStr.length>0) {
d.write('<TR><TD COLSPAN="6" WIDTH="205"><img SRC="/images/'+scrolltop+'.gif"></TD></TR>');
d.write('<TR>');
d.write('<TD WIDTH="1" BGCOLOR="'+textcolor+'"><SPACER TYPE="BLOCK" WIDTH="1" HEIGHT="1"></TD>');
d.write('<TD WIDTH="2"></TD>');
d.write('<TD WIDTH="194" ><span class=bodysmall>'+infoStr+'</span></TD>');
d.write('<TD WIDTH="2"></TD>');
d.write('<TD WIDTH="1" BGCOLOR="'+textcolor+'"><SPACER TYPE="BLOCK" WIDTH="1" HEIGHT="1"></TD>');
d.write('<TD WIDTH="5"></TD>');
d.write('</TR>');
d.write('<TR><TD COLSPAN="6" WIDTH="205"><img SRC="/images/'+scrollbase+'.gif"></TD></TR>');
}
else  d.write('<TR><TD>&nbsp;</TD></TR>');
d.write('</TABLE></TD>');
}

	function addMainName(fn,mn,ln,suffix,gender)
	{
		var bgcolour='skyblue';
		if(gender==0)
			bgcolour='lightpink';
	//d.write('<span class=bodybold>Name</span><br>');
	d.write('<table cellpadding=0 cellspacing=0 border=0>');
	d.write('<tr>');
	d.write('<td bgcolor='+bgcolour+'><span class=bodybold><font color="#ff0000">&nbsp;First</font></span></td>');
	d.write('<td bgcolor='+bgcolour+'><span class=body>&nbsp;Middle</span></td>');
	d.write('<td bgcolor='+bgcolour+'><span class=bodybold><font color="#ff0000">&nbsp;Last</font></span></td>');
	d.write('<td bgcolor='+bgcolour+'><span class=bodysmall>Sr/Jr</span></td>');
	//d.write('<td></td>');
	d.write('</tr>');
	d.write('<tr>');
	d.write('<td><input id="fn" type="text" name="fn" value="'+fn+'" size="12" maxlength="40"></td>');
	d.write('<td><input type="text" name="mn" value="'+mn+'" size="8" maxlength="40"></td>');
	d.write('<td><input type="text" name="ln" value="'+ln+'" size="12" maxlength="40"></td>');
	d.write('<td><input type="text" name="suffix" value="'+suffix+'" size="3" maxlength="30"></td>');
	d.write('</tr>');
	d.write('</table>');
	}
	
	function datequaychange(fieldname)
	{
		date2div = d.getElementById(fieldname+'_date2');
		datePhraseDiv = d.getElementById(fieldname+'_phrase');
	  selectObj = document.forms['createperson'].elements[fieldname+'_quay'];
	  level = selectObj.options[selectObj.selectedIndex].value;
	  
	 	date2div.style.display="none";
	 	datePhraseDiv.style.display="none";
	  if(level=="4")
	  {
	  	date2div.style.display="block";
	  }
	  else
	  if(level=="7" || level=="8")
	  {
	  	datePhraseDiv.style.display="block";
	  }
	}

	
	function showDiv(divName)
{
  elem = document.getElementById(divName);
  if(elem.style.display == 'none')
    { elem.style.display = 'block'; }
  else
    { elem.style.display = 'none';}
}

	
	function addMainPlaceDateTable(displayname,fieldname,verb,place,quay,yyyy,mm,dd,yyyy2,mm2,dd2,phrase,ctnid,optional,note,dateformat)
	{
	d.write('<table class=body cellpadding=0 cellspacing=0 border=0>');
	// Date
	d.write('<tr>');
	d.write('<td align=right>');
		// -- Quay
		optionPre = '-';
		if(quay!=0) optionPre=verb+' ';
		d.write('<select class="datequay" name="'+fieldname+'_quay" onchange="datequaychange(\''+fieldname+'\')">');
			d.write('	<option class="datequay" '+(quay==0?'selected':'')+' value="0">'+verb+' on </option>');
			d.write('	<option class="datequay" '+(quay==1?'selected':'')+' value="1">'+optionPre+' Before</option>');
			d.write('	<option class="datequay" '+(quay==2?'selected':'')+' value="2">'+optionPre+' After</option>');
			d.write('	<option class="datequay" '+(quay==3?'selected':'')+' value="3">'+optionPre+' About</option>');
			d.write('	<option class="datequay" '+(quay==4?'selected':'')+' value="4">'+optionPre+' Between</option>');
			d.write('	<option class="datequay" '+(quay==5?'selected':'')+' value="5">'+optionPre+' Calc</option>');
			d.write('	<option class="datequay" '+(quay==6?'selected':'')+' value="6">'+optionPre+' Estimate</option>');
			d.write('	<option class="datequay" '+(quay==7?'selected':'')+' value="7">'+optionPre+' Intepret</option>');
			d.write('	<option class="datequay" '+(quay==8?'selected':'')+' value="8">'+optionPre+' Phrase</option>');
		d.write('	</select>&nbsp;');
		
		if(dateformat==1)
		{
			// -- DD
			d.write('<input type="text" name="'+fieldname+'_dd" value="'+(dd>0?dd:'')+'" size="2" maxlength="2">');
		}
		// -- MM
		d.write('<select name="'+fieldname+'_mm">');
			for(var mth=0; mth<famMths.length; mth++)
			{
				if(mth==mm) d.write('	<option selected value="'+famMthIDs[mth]+'">'+famMths[mth]+'</option>');
				else d.write('	<option value="'+famMthIDs[mth]+'">'+famMths[mth]+'</option>');
			}
		d.write('	</select>');
		if(dateformat==0)
		{
			// -- DD
			d.write('<input type="text" name="'+fieldname+'_dd" value="'+(dd>0?dd:'')+'" size="2" maxlength="2">');
		}
		// -- YYYY
		d.write('<input type="text" name="'+fieldname+'_yyyy" value="'+(yyyy>0?yyyy:'')+'" size="4" maxlength="4">');
		
	if(place!="tpnone")
	{
		d.write('&nbsp;&nbsp;Place&nbsp;');
		// Place/Info
		if(optional) d.write('<input type="text" name="'+fieldname+'_place" value="'+place+'" size="28" maxlength="100">');
		else  d.write('<input type="text" name="'+fieldname+'_place" value="'+place+'" size="28" maxlength="100">');
		if(displayname!="tpnone") d.write('&nbsp;<a href="javascript:;" onclick="showDiv(\''+fieldname+'_text_div\')"><img src=/images/note.gif border=0 alt="'+displayname+' Event Notes"></a>');
		if(optional) d.write('&nbsp;&nbsp;<span class=bodysmall><a href=# onClick="delevent(\''+fieldname+'\');">remove</a></span>');
			
	}		
	d.write('</td></tr>');
	
	// Date#2 / Phrase
	d.write('<tr><td align=left>');
		// Date#2
		d.write('<div id="'+fieldname+'_date2" style="position:relative;display:'+(quay==4?'block':'none')+'">');
		d.write('and <select name="'+fieldname+'_mm2">');
			for(var mth=0; mth<famMths.length; mth++)
			{
				if(mth==mm2) d.write('	<option selected value="'+famMthIDs[mth]+'">'+famMths[mth]+'</option>');
				else d.write('	<option value="'+famMthIDs[mth]+'">'+famMths[mth]+'</option>');
			}
		d.write('	</select>');
		d.write('	<input type="text" name="'+fieldname+'_dd2" value="'+(dd2>0?dd2:'')+'" size="2" maxlength="2">');
		d.write('	<input type="text" name="'+fieldname+'_yyyy2" value="'+(yyyy2>0?yyyy2:'')+'" size="4" maxlength="4">');
		d.write('</div>');
		// Phrase
		d.write('<div id="'+fieldname+'_phrase" style="position:relative;display:'+(quay>6?'block':'none')+'">');
		d.write('	Date Phrase:<input type="text" name="'+fieldname+'_phr" value="'+phrase+'" size="25" maxlength="100">');
		d.write('</div>');
	d.write('</td></tr>');

		
	// Note
	if(displayname!="tpnone")
	{
		d.write('<tr><td valign=top><span class=bodysmall></span>');
		d.write('<div id="'+fieldname+'_text_div" style="position:relative;display:none">');
		if(note!=null && note.length>0)
			d.write('<textarea name="'+fieldname+'_text" wrap="soft" rows="3" cols="28" maxlength="1000">'+note+'</textarea>');
		else
			d.write('<textarea name="'+fieldname+'_text" wrap="soft" rows="3" cols="28" maxlength="1000">['+displayname+' notes]</textarea>');
		d.write('</div>');
		d.write('</td></tr>');
	}
	
	d.write('</table>');
	
	}
	
	
	
	function addMainAlive(isalive,alivehelp)
	{
	//d.write('<span class=bodytitle>Alive</span><span class=body>&nbsp;[<a href="http://www.tribalpages.com/tpsupport.html#Alive_" target="_blank">?</a>]&nbsp;&nbsp;&nbsp;&nbsp;</span>');
	d.write('<span class=body><INPUT TYPE="radio" NAME="isalive" onclick="isalive2(true)" VALUE="1" '+(isalive==1?'CHECKED':'')+'> <I><b>Yes</b></I>&nbsp;&nbsp;&nbsp;&nbsp;<INPUT TYPE="radio" NAME="isalive" onclick="isalive2(false)" VALUE="0" '+(isalive==0?'CHECKED':'')+'> <I><b>No</b></I></span><br>');
	d.write('<span class=bodysmall>'+alivehelp+'</span>');
	}
function getNameArrayIndex(thename,by,dy)
{    
    for(var vn=0; vn<namesArray.length; vn++)
        if(thename==namesArray[vn])
        {
        		if(by==byArray[vn] && by==byArray[vn])
            	return(vn);
        }
                
    return 0;      
}

function makeFullName(p_firstname,p_middlename,p_lastname,p_suffix)
{
    var thename;
    if(useFirstName==1)
    {
        thename=p_firstname + ' ' ;
        if(p_middlename.length>0) thename += (p_middlename + ' ');
        thename+=p_lastname; 
    }
    else
    {
        thename=p_lastname + ',' + ' ' + p_firstname;
        if(p_middlename.length>0) thename += (' '+p_middlename);
    }
        
    if(p_suffix.length>0) thename += (',' + ' ' + p_suffix);
    
    return thename;
}



function verifyCreatepersonForm()
{
		var f = document.createperson;
		//alert('verifyCreatepersonForm');
    // name
    f.fn.value = trim(f.fn.value);
    f.mn.value = trim(f.mn.value);
    f.ln.value = trim(f.ln.value);
    f.suffix.value = trim(f.suffix.value);
    var by = trim(f.b_yyyy.value);
    var dy = trim(f.d_yyyy.value);
    
    if(f.fn.value.length==0)
    {
        
      	alert('You must enter First and Last names');
      	f.fn.focus();
        return false;
    }
    
    if(f.ln.value.length==0)
    {
      alert('You must enter First and Last names');
			f.ln.focus();
      return false;
    }
    
    
    if(!isBig && f.pid.value==-1)
    {
        var thename=makeFullName(f.fn.value,f.mn.value,f.ln.value,f.suffix.value);
        
	    	var duplicateNameIdx =getNameArrayIndex(thename,f.b_yyyy.value,f.d_yyyy.value);
        
        
        if(duplicateNameIdx>0)
        {
             if(!confirm('"'+namesArray[duplicateNameIdx]+bdyArray[duplicateNameIdx]+'" already exists.\nAre you sure you want to add another "'+namesArray[duplicateNameIdx]+'" name?'))
						   return false;
        }
    }
    
    // info
    if(f.info.value.length>maxinfo)
    {
       f.info.value = trimmaxlen(f.info.value,maxinfo);
       if(maxinfo<premiummaxinfo)
       	alert('Notes are limited to '+maxinfo+' characters. Click the "Upgrade" Tab if you need more space.');
    }

    return true;
}

function tableHeaderRow(bgbgcolor,bgcolor,fontcolor,title)
{

    // Title
    d.write('<TR bgcolor="'+bgcolor+'">');
            d.write('<TD bgcolor="'+bgbgcolor+'" align="left"><img src="/images/tl12x24.gif" width="12" height="24"></TD>');
            d.write('<TD align="center"><span class="bodybold"><font color="'+fontcolor+'">'+title+'</font></span></TD>');
            d.write('<TD bgcolor="'+bgbgcolor+'" align="right"><img src="/images/tr12x24.gif" width="12" height="24"></TD>');
    d.write('</TR>');
    
    d.write('<TR bgcolor="#000000" height="2">');
        d.write('<TD colspan="3"><img src="/images/clear.gif" width="1" height="1" border="0" alt=""></TD>');
    d.write('</TR>');
    
}

function tableFooterRow(bgbgcolor, bgcolor)
{
    d.write('<TR bgcolor="'+bgcolor+'">');
            d.write('<TD bgcolor="'+bgbgcolor+'" align="left"><img src="/images/bl12x10.gif" width="12" height="10"></TD>');
            d.write('<TD></TD>');
            d.write('<TD bgcolor="'+bgbgcolor+'" align="right"><img src="/images/br12x10.gif" width="12" height="10"></TD>');
    d.write('</TR>');
}

// Citations

function addDate(fieldname,yyyy,mm,dd,dateformat)
{
	d.write('<table border=0 cellpadding=0 cellspacing=0>');
	d.write('<tr>');
	if(dateformat==1)
		d.write('<td><input type="text" name="'+fieldname+'_dd" value="'+(dd>0?dd:'')+'" size="2" maxlength="2"></td>');
	d.write('<td><select name="'+fieldname+'_mm">');
	for(var mth=0; mth<famMths.length; mth++)
	{
		if(mth==mm) d.write('	<option selected value="'+famMthIDs[mth]+'">'+famMths[mth]+'</option>');
		else d.write('	<option value="'+famMthIDs[mth]+'">'+famMths[mth]+'</option>');
	}
	d.write('</select></td>');
	if(dateformat==0)
		d.write('<td><input type="text" name="'+fieldname+'_dd" value="'+(dd>0?dd:'')+'" size="2" maxlength="2"></td>');
	d.write('<td><input type="text" name="'+fieldname+'_yyyy" value="'+(yyyy>0?yyyy:'')+'" size="4" maxlength="4"></td>');
	d.write('</tr>');
	d.write('</table>');
}

function verifySourceForm(f)
{
	f.src_title.value = trim(f.src_title.value);
  if(f.src_title.value.length==0)
  {
      
    	alert('You must enter a Title');
    	f.src_title.focus();
      return false;
  }
	return true;
}

function removeCitation(nb)
{
	selectObj = document.forms['createperson'].elements['ctn_'+nb+'_type'];
	selectObj.selectedIndex=0;
	citationShow(nb);
}

	function citationShow(nb)
	{
			citation = d.getElementById('ctn_'+nb+'_div');
		  selectObj = document.forms['createperson'].elements['ctn_'+nb+'_type'];
		  if(selectObj.selectedIndex>0)
				citation.style.display="block";
			else
				citation.style.display="none";
		
	}
	
	//var eventIDs =    new Array("NONE","NAME","BIRT","DEAT","MARR","ADOP","CHRA","BAPM","BARM","BLES","BURI","CAST","CENS","CHR","CONF","CREM","DSCR","EDUC","FCOM","GRAD","IMMI","NATI","NATU","OCCU","ORDN","PROB","PROP","RELI","RESI","RETI","SSN","TITL","WILL");
	//var eventNames =    new Array("Select..","Name","Birth","Death","Marriage","Adopted","Adult Christening","Baptism","BarMitzvah","Blessing","Burial","Caste","Census","Christening","Confirmation","Cremation","Description","Education","FirstCommunion","Graduation","Immigration","Nationality","Naturalization","Occupation","Ordination(non-LDS)","Probate","Property","Religion","Residence","Retirement","SSN","Title","Will");
	
	function selectedIndex(eventid)
	{
			for(var evt=0; evt<eventIDs.length; evt++)
			{
				if(eventIDs[evt]==eventid)
					return evt;
			}
			
			return 0;
	}
	
	function citationInput(eventid,nb,sourceoid,page,yyyy,mm,dd,certainity,ctntext,dateformat)
	{
		
		var selectedIdx = selectedIndex(eventid);
		//d.write('<input type=hidden name=ctn_'+nb+'_pid2 value=\"'+pid2+'\">');
		d.write('<table cellpadding=1 cellspacing=0 border=0 bgcolor=lightblue><tr><td>');  // t1
		d.write('<table bgcolor=#FFFFF5 cellpadding=4 cellspacing=0 border=0 class=body><tr><td>'); // t2
					
					
					d.write('<table bgcolor=#FFFFF5 cellpadding=2 cellspacing=0 border=0 class=body>'); // t3
					
					// Event
					d.write('<tr>');
					d.write('<td>&nbsp;&nbsp;Event:</td>');
					d.write('<td width=100%>');
					d.write('<select name=ctn_'+nb+'_type onchange="citationShow('+nb+')">');
					for(var evt=0; evt<eventIDs.length; evt++)
						d.write('<option '+(evt==selectedIdx?'SELECTED':'')+' value="'+eventIDs[evt]+'">'+eventNames[evt]+'</option>');
					d.write('</select>');
					d.write('</td>');
					d.write('</tr>');
					                
					d.write('<tr><td width=100% colspan=2>');
					d.write('<div id="ctn_'+nb+'_div" style="position:relative;display:'+(selectedIdx==0?'none':'block')+'">');
					d.write('<table bgcolor=#FFFFF5 cellpadding=2 cellspacing=0 border=0 class=body>'); // t4

						// Source
						d.write('<tr>');
						d.write('<td>Source:</td>');
						d.write('<td width=100%>');
							d.write('<select name="ctn_'+nb+'_sourceid">');
							if(nbsources>0)
							{
								for(var st=0; st<sourceTitles.length; st++)
								{
						    	if(sourceoid==sourceIDs[st]) d.write('   <option selected value="'+sourceIDs[st]+'">'+sourceTitles[st]+'</option>');
						    	else d.write('   <option value="'+sourceIDs[st]+'">'+sourceTitles[st]+'</option>');
								}
							}
							else
								d.write('<option value="-1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>');
							d.write('</select>');
							d.write('&nbsp;<input type="button" value="New Source" onClick="newsource(\''+nb+'\');">');
						d.write('</td>');
						d.write('</tr>');
					
						d.write('<tr><td colspan=2>');
							d.write('<table border=0 width=100% cellpadding=1 cellspacing=0 class=body>'); // t5

							// Certainity
							d.write('<tr>');
							d.write('<td>');
							d.write('<table border=0 cellpadding=2 cellspacing=0 class=body>');
							d.write('<tr><td>');
							d.write('<select name="ctn_'+nb+'_quay">');
							d.write('<option value="-1">Certainty ..</option>');
							d.write('<option '+(certainity==0?'selected':'')+' value="0">Unreliable evidence</option>');
							d.write('<option '+(certainity==1?'selected':'')+' value="1">Questionable</option>');
							d.write('<option '+(certainity==2?'selected':'')+' value="2">Secondary evidence</option>');
							d.write('<option '+(certainity==3?'selected':'')+' value="3">Direct evidence</option>');
							d.write('</select>');
							d.write('</td></tr>');
							d.write('<tr><td align=right>');
							// Page
							d.write('Page:<input type="text" name="ctn_'+nb+'_page" value="'+page+'" size="5" maxlength="30"><br>');
							d.write('</td></tr>');
							d.write('<tr><td>');
							// Date
							addDate('ctn_'+nb,yyyy,mm,dd,dateformat);
							d.write('</td></tr>');
							d.write('</table>');
							
							
							d.write('</td>');
							d.write('<td width=100% align=left>');
							// Text
							d.write('<textarea name="ctn_'+nb+'_text" wrap="soft" rows="4" cols="40" maxlength="10000">'+ctntext+'</textarea>');
							d.write('</td>');
							d.write('</tr>');
							d.write('<tr><td colspan=2 align=right><a href=# alt="remove this citation" onclick="removeCitation('+nb+');">remove citation</a></tr>');
							
							d.write('</table>'); // end t5
						d.write('</td></tr>'); 
					d.write('</table>'); // end t4
					d.write('</div>');
			d.write('</td></tr></table>');  // end t3
					
					
		d.write('</td></tr></table>');  // end t2
		d.write('</td></tr></table>');  // end t1
	}

function fixPosition(divname) { 
divstyle = getDivStyle(divname); 
positionerImgName = divname + 'Pos'; 
// hint: try setting isPlacedUnder to false 
isPlacedUnder = true; 
if (isPlacedUnder) { 
  setPosition(divstyle,positionerImgName,true); 
} else { 
  setPosition(divstyle,positionerImgName) 
} 
} 

// fixPositions() puts everything back in the right place after a resize. 
function fixPositions() 
{ 
// add a fixPosition call here for every element 
// you think might get stranded in a resize/reflow. 
fixPosition('mookie'); 
} 


function showPanel(activePanelNb, inactivePanelNb)
{
	
	//alert(showPanelId);
	//alert(hidePanelId);
  showP = document.getElementById('panel'+activePanelNb);
  hideP = document.getElementById('panel'+inactivePanelNb);
  showT = document.getElementById('tab'+activePanelNb);
  hideT = document.getElementById('tab'+inactivePanelNb);
  
  showP.style.display= 'block';
  hideP.style.display= 'none';
  showT.className='sel';
  hideT.className='unsel';
	
}

function moreCitations()
{
  moreCitationsLink = document.getElementById('more_citations_link');
  moreCitations = document.getElementById('more_citations');
  
  moreCitations.style.display='block';
  moreCitationsLink.style.display='none';
}

function showMarriageInfo(tag)
{
  //alert(tag);
	selectObj = document.forms['createperson'].elements[tag+'_marriage_status'];
  mstatus = selectObj.options[selectObj.selectedIndex].value;
  //alert(tag+':'+mstatus);


  marriageInfo = document.getElementById(tag+'_m_detail');
  divorceInfo = document.getElementById(tag+'_div_detail');
	
	// if mstatus=0 (married)
	// show marriageInfo, hide divorceInfo
	if(mstatus==0)
	{
	  marriageInfo.style.display= 'block';
	  divorceInfo.style.display= 'none';
	}
	
	// if mstatus=1 (divorced)
	// show marriageInfo, show divorceInfo
	if(mstatus==1)
	{
	  marriageInfo.style.display= 'block';
	  divorceInfo.style.display= 'block';
	}
	
	// if mstatus=2 (not married)
	// hide marriageInfo, hide divorceInfo
	if(mstatus==2)
	{
	  marriageInfo.style.display= 'none';
	  divorceInfo.style.display= 'none';
	}
	
	
}


function resizePics(maxwidth)
{
  var img = document.getElementById("fullsizepic");
  if ( img != null )
  {
    var w = parseInt( img.width );
    var h = parseInt( img.height );
    if ( w > maxwidth )
    {
      img.style.cursor = "pointer";
      img.onclick = function( )
      {
        var iw = window.open ( this.src, 'ImageViewer','resizable=1' );
        iw.focus();
      };
      h = ( maxwidth / w ) * h;
      w = maxwidth;
      img.height = h;
      img.width = w;
    }
  }
}

function showFirstNames(divid,str,userid,groupid,fieldname,gender)
{ 
	var xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	{
	  alert ("Your browser does not support AJAX!");
	  return;
	} 
	var url="/tribe/ajaxnamesservlet";
	if(str!=null)
		str =  str.replace(/&/g, "|amp|"); 

	url=url+"?lastname="+str;
	url=url+"&userid="+userid;
	url=url+"&groupid="+groupid;
	url=url+"&gender="+gender;
	//url=url+"&isscript="+isscript;
	url=url+"&fieldname="+fieldname;
	url=url+"&rand="+Math.random();
	xmlHttp.onreadystatechange=function()
	{
		if (xmlHttp.readyState==4)
			document.getElementById(divid).innerHTML=xmlHttp.responseText;
	}
	xmlHttp.open("GET",encodeURI(url),true);
	xmlHttp.send(null);
}

function findPerson(divid,userid,groupid,pid)
{ 
	var xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	{
	  alert ("Your browser does not support AJAX!");
	  return;
	} 
	var url="/tribe/ajaxss";
	url=url+"?servicename=FindPerson";
	url=url+"&userid="+userid;
	url=url+"&groupid="+groupid;
	url=url+"&pid="+pid;
	url=url+"&rand="+Math.random();
	xmlHttp.onreadystatechange=function()
	{
		if (xmlHttp.readyState==4)
				document.getElementById(divid).innerHTML=xmlHttp.responseText;
	}
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function findConnections(divid,userid)
{ 
	var xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	{
	  alert ("Your browser does not support AJAX!");
	  return;
	} 
	var url="/tribe/ajaxconnectionsservlet";
	url=url+"?userid="+userid;
	url=url+"&rand="+Math.random();
	xmlHttp.onreadystatechange=function()
	{
		if (xmlHttp.readyState==4)
			document.getElementById(divid).innerHTML=xmlHttp.responseText;
	}
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}



function GetXmlHttpObject()
{
	var xmlHttp=null;
	try
	{
	  // Firefox, Opera 8.0+, Safari
	  xmlHttp=new XMLHttpRequest();
	}
	catch (e)
	{
	  // Internet Explorer
	  try
	  {
	    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	  }
	  catch (e)
	  {
	    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	}
	return xmlHttp;
}
