<html>
<head>
<Bgsound src="How_Soon_Is_Now-_Love_Spit_Love.mp3" loop="infinite">
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=3),revealTrans(Duration=2.0,Transition=12),shadow(color=gray,direction=135)">

<meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=3),revealTrans(Duration=2.0,Transition=12),shadow(color=gray,direction=135)">

<style>
<!-- body { 
scrollbar-face-color: 99CCFF; 
scrollbar-shadow-color: 000000; 
scrollbar-highlight-color: 000000; 
scrollbar-3dlight-color: 000000; 
scrollbar-darkshadow-color: 000000; 
scrollbar-track-color: 33CCFF; 
scrollbar-arrow-color: white;
 } -->
</style>


<body background="stars.gif"
 text="#000000" link="#0000ff" alink="#800080" vlink="#ff0000">
<basefont size="4">

<div align="center">

<h1 align="center"><font size="4"><FONT color="blue"></font></h1>
<div align="center"> </div>
<p>

<FONT face="Comic Sans MS">

<script type="text/javascript" language="JavaScript">
dCol = '000000'; // date colour.
fCol = '000000'; // face colour.
sCol = '000000'; // seconds colour.
mCol = '000000'; // minutes colour.
hCol = '000000'; // hours colour. 
ClockHeight = 40;
ClockWidth = 40;
ClockFromMouseY = 0;
ClockFromMouseX = 100; 
// Alter nothing below! Alignments will be lost! (Don't listen to them, alter it if you like, play around as much as you like!!!) 
d = new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
m = new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date = new Date();
day = date.getDate();
year = date.getYear();
if(year < 2000)
year = year + 1900;
TodaysDate = " " + d[date.getDay()] + " " + day + " " + m[date.getMonth()] + " " + year;
D = TodaysDate.split('');
H = '...';
H = H.split('');
M = '....';
M = M.split('');
S = '.....';
S = S.split('');
Face = '1 2 3 4 5 6 7 8 9 10 11 12';
font = 'Arial';
size = 1;
speed = 0.6; // how quickly it 'tracks' the mouse...
ns = (document.layers);
ie = (document.all);
Face = Face.split(' ');
n = Face.length;
a = size * 10;
ymouse = 0;
xmouse = 0;
scrll = 0;
props = "<font face=" + font + " size=" + size + " color=" + fCol + "><B>";
props2 = "<font face=" + font + " size=" + size + " color=" + dCol + "><B>";
Split = 360 / n;
Dsplit = 360 / D.length;
HandHeight = ClockHeight / 4.5
HandWidth = ClockWidth / 4.5
HandY = -7;
HandX = -2.5;
scrll = 0;
step = 0.06; // how far the letters 'step' ahead each time they redraw...
currStep = 0; 
y = new Array();
x = new Array();
Y = new Array();
X = new Array();
for(i = 0; i < n; i++)
{
y[i] = 0;
x[i] = 0;
Y[i] = 0;
X[i] = 0
} 
Dy = new Array();
Dx = new Array();
DY = new Array();
DX = new Array();
for(i = 0; i < D.length; i++)
{
Dy[i] = 0;
Dx[i] = 0;
DY[i] = 0;
DX[i] = 0
} 
if(ns)
{
for(i = 0; i < D.length; i++)
document.write('<layer name="nsDate' + i + '" top=0 left=0 height='+a+' width=' + a + '><center>' + props2 + D[i] + '<\/font><\/center><\/layer>');
for(i = 0; i < n; i++)
document.write('<layer name="nsFace' + i + '" top=0 left=0 height='+a+' width=' + a + '><center>' + props + Face[i] + '<\/font><\/center><\/layer>');
for(i = 0; i < S.length; i++)
document.write('<layer name=nsSeconds' + i + ' top=0 left=0 width=15 height=15><font face=Arial size=3 color=' + sCol + '><center><b>' + S[i] + '<\/b><\/center><\/font><\/layer>');
for(i = 0; i < M.length; i++)
document.write('<layer name=nsMinutes' + i + ' top=0 left=0 width=15 height=15><font face=Arial size=3 color=' + mCol + '><center><b>' + M[i] + '<\/b><\/center><\/font><\/layer>');
for(i = 0; i < H.length; i++)
document.write('<layer name=nsHours' + i + ' top=0 left=0 width=15 height=15><font face=Arial size=3 color=' + hCol + '><center><b>' + H[i] + '<\/b><\/center><\/font><\/layer>');
} 
if(ie)
{
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i = 0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:' + a + ';width:' + a + ';text-align:center">' + props2 + D[i] + '<\/B><\/font><\/div>');
document.write('<\/div><\/div>'); 
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i = 0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:' + a + ';width:' + a + ';text-align:center">' + props + Face[i] + '<\/B><\/font><\/div>');
document.write('<\/div><\/div>'); 
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i = 0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:' + hCol + ';text-align:center;font-weight:bold">' + H[i] + '<\/div>');
document.write('<\/div><\/div>'); 
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i = 0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:' + mCol + ';text-align:center;font-weight:bold">' + M[i] + '<\/div>');
document.write('<\/div><\/div>') 
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i = 0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:' + sCol + ';text-align:center;font-weight:bold">' + S[i] + '<\/div>');
document.write('<\/div><\/div>')
} 
(ns)? window.captureEvents(Event.MOUSEMOVE) : 0; 
function Mouse(evnt)
{
ymouse = (ns)? evnt.pageY + ClockFromMouseY - (window.pageYOffset) : event.y + ClockFromMouseY;
xmouse = (ns)? evnt.pageX + ClockFromMouseX : event.x + ClockFromMouseX;
} 
(ns)? window.onMouseMove = Mouse : document.onmousemove = Mouse; 
function ClockAndAssign()
{
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs / 30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins / 30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes()) / 360;
if(ie)
{
Od.style.top = window.document.body.scrollTop;
Of.style.top = window.document.body.scrollTop;
Oh.style.top = window.document.body.scrollTop;
Om.style.top = window.document.body.scrollTop;
Os.style.top = window.document.body.scrollTop;
}
for(i = 0; i < n; i++)
{
var F = (ns)? document.layers['nsFace' + i] : ieFace[i].style;
F.top = y[i] + ClockHeight * Math.sin(-1.0471 + i * Split * Math.PI / 180) + scrll;
F.left = x[i] + ClockWidth * Math.cos(-1.0471 + i * Split * Math.PI / 180);
}
for(i = 0; i < H.length; i++)
{
var HL = (ns)? document.layers['nsHours' + i] : ieHours[i].style;
HL.top = y[i] + HandY + (i * HandHeight) * Math.sin(hrs) + scrll;
HL.left = x[i] + HandX + (i * HandWidth) * Math.cos(hrs);
}
for(i = 0; i < M.length; i++)
{
var ML = (ns)? document.layers['nsMinutes' + i] : ieMinutes[i].style;
ML.top = y[i] + HandY + (i * HandHeight) * Math.sin(min) + scrll;
ML.left = x[i] + HandX + (i * HandWidth) * Math.cos(min);
}
for(i = 0; i < S.length; i++)
{
var SL = (ns)? document.layers['nsSeconds' + i] : ieSeconds[i].style;
SL.top = y[i] + HandY + (i * HandHeight) * Math.sin(sec) + scrll;
SL.left = x[i] + HandX + (i * HandWidth) * Math.cos(sec);
}
for(i = 0; i < D.length; i++)
{
var DL = (ns)? document.layers['nsDate' + i] : ieDate[i].style;
DL.top = Dy[i] + ClockHeight * 1.5 * Math.sin(currStep + i * Dsplit * Math.PI / 180) + scrll;
DL.left = Dx[i] + ClockWidth * 1.5 * Math.cos(currStep + i * Dsplit * Math.PI / 180);
}
currStep += step; // -= to go counter clockwise...
} 
function Delay()
{
scrll = (ns)? window.pageYOffset : 0;
Dy[0] = Math.round(DY[0] += ((ymouse) - DY[0]) * speed);
Dx[0] = Math.round(DX[0] += ((xmouse) - DX[0]) * speed);
for(i = 1; i < D.length; i++)
{
Dy[i] = Math.round(DY[i] += (Dy[i-1] - DY[i]) * speed);
Dx[i] = Math.round(DX[i] += (Dx[i-1] - DX[i]) * speed);
}
y[0] = Math.round(Y[0] += ((ymouse) - Y[0]) * speed);
x[0] = Math.round(X[0] += ((xmouse) - X[0]) * speed);
for(i = 1; i < n; i++)
{
y[i] = Math.round(Y[i] += (y[i-1] - Y[i]) * speed);
x[i] = Math.round(X[i] += (x[i-1] - X[i]) * speed);
}
ClockAndAssign();
setTimeout('Delay()', 20); // how fast the date revolves around...
} 
if(ns || ie)
window.onload = Delay;
</script>


<title>Pix 6</title>
</head>
<img src="penny.jpg"><br>
<font size="6">^Miss Clairol!</font><br>
<img src="mekatieandciera.jpg"><br>
<font size="6">^Katie, me, and Ciera in  Ms. Evans' class!</font><br>
<left><img src="scandalous.jpg"></left><br>
<font size="6">^Ciera and Katie bein naughty!</font><br>
</body>
</html>