function writeMyCode(chronNum,divLen) { 
	var chap;
	var pic;

   document.writeln(
	'<a name="top"></a><br />\n' +
	'<DIV style="Z-INDEX: 101;\n' +
	'LEFT: 160px;\n' +
	'WIDTH: 540px;\n' +
	'POSITION: absolute;\n' +
	'TOP: 25px;\n' +
	'HEIGHT: ' + divLen + 'px;">');

   if (chronNum != 'none' ) {
	if (chronNum == 0) {chap = ''; pic = 'fam2000' }
		else { if (chronNum == 24 ) {chap = 'Chapter ' + chronNum; pic = 'ang2';}
			else { 
		   if (chronNum == 25 ) {chap = 'Chapter ' + chronNum; pic = 'rory';}
			else { chap = 'Chapter ' + chronNum; pic = 'fam1990'}
			}
		     }
   document.writeln(
	'<h1>The Frans Family Chronicles<br />' +chap + '</h1>' + '<p align="center">\n' +
	'<IMG class="hpic" SRC="' + pic + '.jpg" alt="Picture of whole family ' + pic +'">\n' +

	'</p>\n');

		}
	}

function startMyHTML() { 
   document.writeln(
	'<head><link rel="stylesheet" href="/frans.css">\n' +
	'</head>\n' +
	'<body>');
		}

function colapsingMenusCode() {
	var argNames = colapsingMenusCode.arguments;
	var argNameslen = argNames.length;
	chapNum = argNames[0];
	isMenu4 = chapNum != 0 && chapNum != 'other';
   document.writeln(
	'<span id="mainMenu" class="menu">\n' +
		'<table width="150" border="0" frame="frame" cellspacing="0" cellpadding="0" bgcolor="#999999">\n' +
				'<tr>\n' +

					'<td align="right" bgcolor="#999999" width="100">\n' +
		'<a class="menuHead" href="javascript:toggleClamShellMenu(1 , isMenu4)"><b><i>Various Links&nbsp;</b></i><hr></a>');

   jsMenu1();

   document.writeln(

					'</td>\n' +

					'<td rowspan="6" width="15" >\n' +
		'<a href="javascript:setMenu(isMenu4)" onFocus="if(this.blur)this.blur();">\n' +
                       '<img src="/menuTab.gif" height="100" width="15" border="0" ></a>\n' +

 					'</td>\n' +
				'</tr>\n' +
				'<tr>\n' +

					'<td align="right" bgcolor="#cccccc" width="100">\n' +
		'<a class="menuHead" href="javascript:toggleClamShellMenu(2 , isMenu4)"><b><i>Picures&nbsp;</b></i><hr></a>');

   jsMenu2();

   document.writeln(
					'</td>\n' +

				'</tr>\n' +
				'<tr>\n' +
					'<td align="right" bgcolor="#999999" width="100">\n' +
	'<a class="menuHead" href="javaScript:toggleClamShellMenu(3 , isMenu4)"><b><i>The Chronicles&nbsp;</b></i><hr></a>');

   jsMenu3(chapNum);
   document.writeln(
					'</td>\n' +
				'</tr>'); //End of Doc. Writeln()

	if ( isMenu4 ) {
   document.writeln( 
				'<tr>\n' +
					'<td align="right" bgcolor="#cccccc" width="100">\n' +
	'<a class="menuHead" href="javascript:toggleClamShellMenu(4)"><b><i>Letters in&nbsp;<br />this Chapter&nbsp;</b></i><hr></a>');

   jsMenu4(argNames);

   document.writeln(
					'</td>\n' +
				'</tr>'); 
		} // End of if Statement

// Menu 5 --
	if ( isMenu4 ) {
   document.writeln(

				'</tr>\n' +
				'<tr>\n' +
					'<td align="right" bgcolor="#999999" width="100">\n' +
	'<a class="menuHead" href="javaScript:toggleClamShellMenu(5 , isMenu4)"><b><i>Mum&nbsp;</b></i><hr></a>');

   jsMenu5(chapNum);
   document.writeln(
					'</td>\n' +
				'</tr>'); }
	else {
   document.writeln(

				'</tr>\n' +
				'<tr>\n' +
					'<td align="right" bgcolor="#cccccc" width="100">\n' +
	'<a class="menuHead" href="javaScript:toggleClamShellMenu(5 , isMenu4)"><b><i>Mum&nbsp;</b></i><hr></a>');

   jsMenu5(chapNum);
   document.writeln(
					'</td>\n' +
				'</tr>'); } //End of Doc. Writeln()

   document.writeln(
		'</table>\n' +
	'</span>');
		}
// End of Menu4 -----------


function jsMenu1() {
   document.writeln(
	'<span id="menu1">\n' +
		'<a class="menuOption" href="/index.html">Home&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/pswd/guestbook.cgi">Guestbook&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/pswd/emailaddys.html">Email Addys&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/links.html">Links Page&nbsp;</a>\n' +
		'<a class="menuOption" href="/pswd/latest.html">Latest News&nbsp;</a>\n' +
	'</span>');
		}

function jsMenu2() {
   document.writeln(
	'<span id="menu2">\n' +
		'<a class="menuOption" href="/pswd/ss/slideshow.html">Dad\'s Photos&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/90th.html">Dad\'s 90th&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/galston.htm">The Galstons&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/betty.html">Betty & Albert&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/fang.htm">Trip to Fang&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/flowers.htm">Flower Festval&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/phit.html">A Thai Village&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/temples.html">Thai Temples&nbsp;</a><br />\n' +

	'</span>');
		}


function jsMenu3(chapNum) {

   document.writeln(
	'<span id="menu3">\n')

var link ='/pswd/chron/chronicles.html'
var linkName = 'Intro'

	for (ctr = 0; ctr <= 25; ctr++) 

{ 
  if (ctr == 0 ) { link ='/pswd/chron/chronicles.html'; linkName = 'Intro';} //0 is passed by the intro screen to the Chronicles
	else { link = '/pswd/chron/chap_' + ctr + '.html'; linkName = 'Chapter ' + ctr;}

  if ( ctr == chapNum ) 
	{ document.writeln('<div class="nlink">' + linkName +'&nbsp;</div>\n');}
		else {
document.writeln(
		'<a class="menuOption" href="' + link + '">' + linkName + '&nbsp;</a><br />\n');

	     	     }
}

   document.writeln(			
	'</span>');
		}



function jsMenu4(names) {
	var namesLen = names.length;
	myNames = new Array 	("Jake","Hetty","Peter","Catherine","Ena","Nick","Dini","Ria","Casey","Betty",
				"Hans","MaryAnn","Richard","Carla","Nina","Ron","Linda","Father","Mother",
				"Bill","Tracey","Dwayne","Debbie","Joy","Tony","Sharon","Jacob","Virginia",
				"Ben","James","Kim","Lisa","Carolyn","Sonia","Bev","Marian","Rod","Sandra",
				"Laura","Norma Jean","Jenny")

   document.writeln(
	'<span id="menu4">');
		for( ctr = 1 ; ctr < namesLen ; ctr++ ){
			if(names[ctr] <= 9) { i = '0' + names[ctr] } else { i = names[ctr]}
		   document.writeln(
			'<a class="menuOption" href="#' + i + '">' + myNames[names[ctr] - 1] + '&nbsp;</a><br />\n');
		} // End of For
  document.writeln('</span>');
		}

function jsMenu5() {
   document.writeln(
	'<span id="menu5">\n' +
		'<a class="menuOption" href="/pswd/mum/funeral/eulogy640.html">Nick\'s Eulogy&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/pswd/mum/funeral/funeral_pix.html">Pix of the Funeral&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/pswd/mum/funeral/casket.html">Mum in the Casket&nbsp;</a><br />\n' +
		'<a class="menuOption" href="/pswd/mum/motherslet.html">Chronicle Letters&nbsp;</a><br />\n' +
	'</span>');
		}


// The next section is for the sliding Menu Part

			var open = 0;
			var slideSpeed = 5;
			var object = null;
			
			
			function setMenu (isMenu4) {
				object = document.getElementById('mainMenu');
				if (open) { fX = -120; cX = 0; open = 0; }
					else { fX = 0; cX = -120; open = 1; }
				if (cX > fX) { closeAll(isMenu4);
					       }
				slideMenu(cX,fX);
			}
		
			function slideMenu (cX,fX) {
			if (cX != fX) {
				if (cX > fX) { cX -= slideSpeed; }
				else { cX += slideSpeed; }
				object.style.left = cX + 'px';
				setTimeout('slideMenu(' + cX + ',' + fX + ')', 0);  
			}
				return;
		}

			function toggleClamShellMenu(objectID , isMenu4) {
				var object = document.getElementById('menu' + objectID);
				if (object.style.display =='block') { object.style.display='none'; }
				else { closeAll(isMenu4); object.style.display='block'; return;}
			}

			function closeAll(isMenu4){ 
				closeMenus('menu1');
				closeMenus('menu2');
				closeMenus('menu3');
				if (isMenu4) closeMenus('menu4'); 
				closeMenus('menu5');
			}

			function closeMenus(objectID){
				var object1 = document.getElementById(objectID);
				if (object1.style.display =='block')  object1.style.display='none';
				return;
			}

function resizeDiv(objectID,newHeight,newWidth){
	var object1 = document.getElementById(objectID);
	object1.style.height = newHeight + 'px';
	object1.style.width = newWidth + 'px';
	return;
}