<!--

var dw='';

/// COUNTS AND DISPLAYS THE NUMBER OF ALIVE AND DEAD FAMILY MEMEBERS THERE ARE ///
var al=0;; var de=0;
for (i=0;i<fam.length;i++) { 
	if (fam[i][5]=='a') { al=al+1; }
	else { de=de+1; }
}
// DISPLAYS NUMBER OF ALIVE AND DECESAED FAMILY MEMBERS
dw+='<p align="center"><i>(Family members listed: <span style="border: 1px solid #ccc; padding: 0 2px 0 2px; background-color: #fff;">'+al+'&nbsp;living</span> &amp; <span style="border: 1px solid #ccc; padding: 0 2px 0 2px; background-color: #ccc;">'+de+'&nbsp;deceased</span> = '+fam.length+' in total)</i></P>';
///





/// GENERATES LISTS OF FAMILY MEMBERS WITH LINKS TO BIO PAGES ETC ///

// STYLE FOR CELL HOVER
dw+='<style type="text/css">';
dw+='.list { border: 1px solid #ccc; }';
dw+='.list:hover { border: 1px solid #000; }';
dw+='</style>';

// 1ST COLUMN DIV
dw+='<div style="display: block; float: left; width: 49%;">';

for (i=0;i<fam.length;i++) { 
		
	if(fam[i][5]=='d') { deadAliveStyle='ccc'; }
	if(fam[i][5]=='a') { deadAliveStyle='fff'; }
	
	// DIV FOR EACH ROW
	dw+='<div id="list" class="list" style="display: block; float: left; clear: both; width: 100%; margin: 1px 0 1px 0; background-color: #'+deadAliveStyle+'; padding: 1px;">';
	
	// DISPLAYS NAME
	if (fam[i][1]=="") { var midName=""; } else { var midName=fam[i][1]+'&nbsp;'; }
	dw+='<div style="display: inline; float: left;">&nbsp;&raquo;&nbsp;<a href="bios/'+fam[i][4]+'.html" title="click here to read '+fam[i][0]+'\'s biography">'+fam[i][0]+' '+midName+fam[i][2]+'&nbsp;('+fam[i][3]+')</a></div>';


	// PULLEN FAMILY TREE ICON
	if (fam[i][6]=='pullen' || fam[i][7]=='pullen') {
	dw+='<div style="display: inline; float: right;"><a href="family_trees/pullen.html" title="Open the Pullen family tree."><img src="../graphics/button_tree_small_pullen.gif" border="0"></a></div>';
	}

	// LUCAS FAMILY TREE ICON
	if (fam[i][6]=='lucas' || fam[i][7]=='lucas') {
	dw+='<div style="display: inline; float: right;"><a href="family_trees/lucas.html" title="Open the Lucas family tree."><img src="../graphics/button_tree_small_lucas.gif" border="0"></a></div>';
	}

	// CAMERA ICON
	if (fam[i][8]=='y') {
	dw+='<div style="display: inline; float: right;"><a href="../photoalbum/photoalbum.html?1$'+fam[i][4]+'" title="View '+fam[i][0]+'\'s photo gallery"><img src="../graphics/camera.gif" border="0"></a></div>';
	}

	// FACEBOOK ICON
	if (fam[i][15]!='') {
	dw+='<div style="display: inline; float: right;"><a href="http://www.facebook.com/profile.php?id='+fam[i][15]+'"  title="View '+fam[i][0]+'\'s facebook profile" target="_blank"><img src="../graphics/facebook.gif" border="0"></a></div>';
	}
	
	dw+='</div>';	

 // CREATES 2ND COLUMN DIV
if (i+1==Math.round(fam.length/2)) { dw+='</div><div style="display: block; float: right; width: 49%;">'; }

}
dw+='</div>';





document.write(dw);

//-->

