<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <title>She's arrived</title>

<link href="webStyles.css" rel="stylesheet" type="text/css" />

<script type = "text/javascript">
<!--
	function getColor() {
		totalNum = "";
		totalNumber = 0;
		warning = 0;
		for(i = 0; i < 6; i++) {
			number = Math.floor(Math.random()*16);
			if ((i == 1) && (number > 5))
				warning += 1;
			if ((i == 3) && (number < 12))
				warning += 1;
			if ((i == 5) && (number > 8))
				warning += 1;
			if (warning == 3)
				number = 0;
			if (i % 2 == 0) {
				number2 = number;
			} else {
				number2 = (number*16);
			}
			num = number.toString();
			if (num == "10")
				num = "A";
			if (num == "11")
				num = "B";
			if (num == "12")
				num = "C";
			if (num == "13")
				num = "D";
			if (num == "14")
				num = "E";
			if (num == "15")
				num = "F";
			if (warning == 3)
				num = "0";
			totalNumber += number2;
			totalNum = num + totalNum;
		}
		document.getElementById("hideMe").style.backgroundColor = "#" + totalNum;
		if (totalNumber < 320)
			document.getElementById("colorMe").style.color = "#FFFFFF";

		document.getElementById("LilyTable").style.backgroundColor = "#" + totalNum;				
	}

	function showMore(num){
		if (num == 2)
			document.getElementById("hideMe").style.display = 'none';
		document.getElementById("hovershow" + num).style.display = '';
	}

	function showLess(num){
		if (num == 2)
			document.getElementById("hideMe").style.display = '';
		document.getElementById("hovershow" + num).style.display = 'none';

	}

	function ShowEm(){
		document.getElementById("hideMe").style.display = 'none';
		for (num = 1; num < 4; num++)
			showMore(num);
	}

	function HideEm(){
		document.getElementById("hideMe").style.display = '';
		for (num = 1; num < 4; num++)
			showLess(num);
	}
-->
</script>

<style type = "text/css">
	.repeatbkgd {	background: url(/images/rattlefeet.JPG) repeat-y top left;
			text-align: center; 
			font-weight: bold;}
</style>

   </head>

   <body onload = "javascript:getColor();"><div id = "colorMe"><div class = "CorrPos">
<table class = "bottomLine" cellpadding="0" cellspacing = "0">
  	<tr><td class = "bottomOut">
	    	<img src="http://hamandlisa.com/images/WebPics.JPG" alt="Ham and Lisa" /></td>
      		<td class = "textLogo">Ham and Lisa's Place</td>
	</tr>
</table>
<table class = "blueBar"><tr><td></td></tr></table>

	<center><table id = "LilyTable" cellspacing="0" cellpadding="0" class = "repeatbkgd" width = "983px">
		<tr><td width = "98px"></td><td><br/>


<!--**********************************************************************-->

			<h1><center>Lily May Williams</center></h1>
			<table width = "100%" cellpadding = "0">
				<tr><td onmouseover = "javascript:showMore(1);" onmouseout = "javascript:showLess(1);" width = "33%">Born:</td><td onmouseover = "javascript:showMore(2);" onmouseout = "javascript:showLess(2);" width = "33%">Height:</td><td onmouseover = "javascript:showMore(3);" onmouseout = "javascript:showLess(3);" width = "33%">Weight:</td></tr>
				<tr><td><div id = "hovershow1" style = "display:none;">
					Sept 1, 2008	<br/>
					7:53 pm		</div></td><td><div id = "hideMe">&nbsp;</div><div id = "hovershow2" style = "display:none;">
					20 1/2 inches	</div><div id = "showAll" onmouseover = "javascript:ShowEm();" onmouseout = "javascript:HideEm();">
					Show All	</div></td><td><div id = "hovershow3" style = "display:none;">
					8lbs		<br/>
					8oz		</div></td></tr>



				<tr><td>&nbsp;</td></tr>

<!--**********************************************************************-->

				<tr><td>
					<img src = "/images/BabyLily1.jpg" height = "236px" width = "315px" alt="Baby Lily" /> </td><td>
					<img src = "/images/BabyLily2.jpg" height = "236px" width = "315px" alt="Baby Lily" /> </td><td>
					<img src = "/images/BabyLily3.jpg" height = "236px" width = "315px" alt="Baby Lily" /> </td>
				</tr>

<!--**********************************************************************-->

			</table>
		</td><td width = "98px" class = "repeatbkgd" rowspan = "3"></td></tr>
	</table></center>

	<table class = "blueBar"><tr><td><a href="http://hamandlisa.com/default.aspx" style = "color:#0000FF;">Home</a></td></tr></table>

   <br/></div></div></body>

</html>