<html>

<head>

<title>Welcome to the happy planet HR429</title>

<META NAME="Description" CONTENT="Personal Homepage">
<META NAME="Keyword" CONTENT="cheerleading, engineering, craft, recipes, korea">
<META NAME="Author" CONTENT="Harim Kim, Flyinshoe">

<SCRIPT LANGUAGE = "JavaScript">
<!--
if (document.images) { 

img1on = new Image(); 
img1on.src = "diary.jpg"; 
img2on = new Image();
img2on.src = "gallery.jpg";
img3on = new Image();
img3on.src = "lounge.jpg"; 
img4on = new Image();
img4on.src = "info_centre.jpg"; 
img5on = new Image();
img5on.src = "english.jpg"; 
}

function imgOn(imgName) { 
if (document.images) {
document["holder"].src = eval(imgName + "on.src"); 
}
}
            
function imgOff() { 
if (document.images) {
document["holder"].src = "hello.jpg"; 
}
}
//-->
</SCRIPT>

<style type="text/css">

a:link{color:3B1B63;text-decoration:none} 
a:visited{color:3B1B63;text-decoration:none}
a:active{color:3B1B63;text-decoration:none} 
a:hover{color:3B1B63;text-decoration:none}
 
</style>

<style type="text/css">
<!--
body { overflow:hidden }
-->
</style> 

<script language="javascript">
<!--

	var no = 10;
	

	var speed = 15;
	

	var objectImg = "star.gif";
	

	var ns4up = (document.layers) ? 1 : 0;


	var ie4up = (document.all) ? 1 : 0;

	var dx, xp, yp;


	var am, stx, sty;

	var i, doc_width = 800, doc_height = 300;

	if (ns4up)
	{
		doc_width = self.innerWidth;
		doc_height = self.innerHeight;
	}

	else if (ie4up)
	{
		doc_width = 350;
		doc_height = 300;
	}

	dx = new Array();
	xp = new Array();
	yp = new Array();
	am = new Array();
	stx = new Array();
	sty = new Array();

	for (i = 0; i < no; ++ i)
	{
		dx[i] = 0;
		xp[i] = Math.random()*(doc_width-50);
		yp[i] = Math.random()*doc_height;
		am[i] = Math.random()*20;
		stx[i] = 0.02 + Math.random()/10;
		sty[i] = 0.7 + Math.random();
		
		if (ns4up)
		{

			if (i == 0)
			{
				document.write("<layer name='dot"+ i +"' left='15' top='15' visibility='show'><img src='" + objectImg + "' border='0'></layer>");
			}

			else
			{
				document.write("<layer name='dot"+ i +"' left='15' top='15' visibility='show'><img src='" + objectImg + "' border='0'></layer>");
			}
		}

		else if (ie4up)
		{
			if (i == 0)
			{
				document.write("<div id='dot"+ i +"' style='position:absolute;top:15;left:15;z-index:"+ i +";visibility:visible'><img src='" + objectImg + "' border='0'></div>");
			}

			else
			{
				document.write("<div id='dot"+ i +"' style='position:absolute;top:15;left:15;z-index:"+ i +";visibility:visible;'><img src='" + objectImg + "' border='0'></div>");
			}
		}
	}



	function snowNS()
	{
		for (i = 0; i < no; ++ i)
		{
			yp[i] += sty[i];

			if (yp[i] > doc_height-50)
			{
				xp[i] = Math.random()*(doc_width-am[i]-30);
				yp[i] = 0;
				stx[i] = 0.02 + Math.random()/10;
				sty[i] = 0.7 + Math.random();

				doc_width = self.innerWidth;
				doc_height = self.innerHeight;
			}

			dx[i] += stx[i];

			document.layers["dot"+i].top = yp[i];
			document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
		}

		setTimeout("snowNS()", speed);
	}



	function snowIE()
	{
		for (i = 0; i < no; ++ i)
		{
			yp[i] += sty[i];

			if (yp[i] > doc_height-50)
			{
				xp[i] = Math.random()*(doc_width-am[i]-30);
				yp[i] = 0;
				stx[i] = 0.02 + Math.random()/10;
				sty[i] = 0.7 + Math.random();

				doc_width = document.body.clientWidth;
				doc_height = document.body.clientHeight;
			}

			dx[i] += stx[i];

			document.all["dot"+i].style.pixelTop = yp[i];
			document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
		}

		setTimeout("snowIE()", speed);
	}



	if (ns4up)
	{
		snowNS();
	}


	else if (ie4up)
	{
		snowIE();
	}

-->
</script>

</head>

<body bgcolor="white" topmargin="0" align=center>
<center>
<table border="0" cellspacing="0" cellpadding="0" width="800">
  <tr>
    <td height="100" width="350">
      <img border="0" src="banner1.jpg" height="100" width="350"><br>
    </td>
    <td height="100" width="280">
      <img border="0" src="banner2.jpg" height="100" width="280"><br>
    </td>
    <td height="100" width="170">
      <img border="0" src="http://individual.utoronto.ca/harim/star.gif" height="100" width="170"><br>
    </td>
  </tr>

  <tr>
    <td height="450" width="350">
      <table border=0 cellpadding=0 cellspacing=0 width=350 height=450>
        <tr><td colspan=3 height=300 width=350><img border="0" src="hello.jpg" width="350" height="300" name="holder"><br></td></tr>
        <tr><td rowspan=3 height=150 width=180><img border=0 src="http://individual.utoronto.ca/harim/moonflower.gif" width=180 height=150><br></td>
              <td height=20 width=155><img border=0 src="http://individual.utoronto.ca/harim/moontop.jpg" width=155 height=20><br></td>
              <td rowspan=3 height=150 width=15><img border=0 width=15 height=150 src="http://individual.utoronto.ca/harim/moonright.jpg"><br></td></tr>
        <tr><td height=120 width=155>
                 <iframe src="notice.html" frameborder=0 width=155 height=120></iframe></td></tr>
        <tr><td height=10 width=155><img src="http://individual.utoronto.ca/harim/moonbottom.jpg" width=155 height=10 border=0></td></tr>
      </table><br>
    </td>
    <td height=450 width=450 colspan=2>
       <table border=0 cellpadding=0 cellspacing=0 width=450 height=450>
          <tr><td height="240" width="180" rowspan="2"><a href="diary.html" onMouseOver="imgOn('img1')" onMouseOut="imgOff()">
                   <img border="0" src="http://individual.utoronto.ca/harim/planet1.jpg" width="180" height="240"><br></a></td>
                <td height="240" width="100" rowspan="2"><img border="0" src="http://individual.utoronto.ca/harim/planet2.jpg" width="100" height="240"><br></td>
                <td height="150" width="170"><a href="http://individual.utoronto.ca/harim/" onMouseOver="imgOn('img5')" onMouseOut="imgOff()">
                    <img border="0" src="http://individual.utoronto.ca/harim/tiny_crator.jpg" width="170" height="150" style="clear:none;"><br></a></td></tr>
          <tr><td height="90" width="170"><a href="gallery.html" onMouseOver="imgOn('img2')" onMouseOut="imgOff()">
                    <img border="0" src="http://individual.utoronto.ca/harim/planet3.jpg" width="170" height="90" style="clear:none;"><br></a></td></tr>
          <tr><td height="210" width="180"><a href="lounge.html" onMouseOver="imgOn('img3')" onMouseOut="imgOff()">
                    <img border="0" src="http://individual.utoronto.ca/harim/planet4.jpg" width="180" height="210"><br></a></td>
                <td height="210" width="100"><a href="info_centre.html" onMouseOver="imgOn('img4')" onMouseOut="imgOff()">
                    <img border="0" src="http://individual.utoronto.ca/harim/planet5.jpg" width="100" height="210"><br></a></td>
                <td height="210" width="170"><img border="0" src="http://individual.utoronto.ca/harim/planet6.jpg" width="170" height="210"><br></td></tr>
       </table>
    </td>
  </tr>
</table>

<font face="century gothic" color="3B1B63" size="2">
Copyright &copy; <a href="mailto:harim.kim@utoronto.ca">flyingshoe</a>. All rights reserved.</font>
</center>
<br><br>
<iframe scrolling=no frameborder=0 width=120 height=40 marginwidth=0 marginheight=0 src="http://count-3.blueweb.co.kr/bluecgi/counter/counter9.php?dbname=flyingshoe2"></iframe>
</body>

</html>