<![CDATA[
<style>
html{image-orientation:none;}
</style>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Hutzlers.com: 2002 -- Website by Now Interactive Solutions</title>
<link rel=STYLESHEET type="text/css" href="http://skins.nowis.com/classical/sitewide.css">
<link rel="SHORTCUT ICON" href="http://hutzlers.com/www_hutzlers_com/favicon.ico">
<style>
#floatcontrol {
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
text-align: center;
margin-left: auto;
margin-right: auto;
background: url(/images/transluce.gif);
width: 137px;
visibility: hidden;
}
#dottime {
position: absolute;
top: 55px;
left: 136px;
z-index: 1;
color: green;
visibility: hidden;
}
</style>
<script>
if(document.all && !document.getElementById) {
document.getElementById = function(id) {
return document.all[id];
}
}
function prefixed() {
floaty = document.getElementById("floatcontrol").style;
timey = document.getElementById("dottime").style;
timey.left = 136;
timerInterval = 5;
setInterval('countdown();',100);
}
function countdown() {
timey.left = parseFloat(timey.left) - 14/timerInterval;
if (parseInt(timey.left) < 25) { timey.color = "purple"; }
if (parseInt(timey.left) < 5) { timey.color = "red"; }
floaty.top=getScrollY();
}
function getScrollY() {
//var scrOfX = 0, scrOfY = 0;
var scrOfY = 0;
if( typeof( window.pageYOffset ) == 'number' ) {
//Netscape compliant
scrOfY = window.pageYOffset;
//scrOfX = window.pageXOffset;
} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
//DOM compliant
scrOfY = document.body.scrollTop;
//scrOfX = document.body.scrollLeft;
} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
//IE6 standards compliant mode
scrOfY = document.documentElement.scrollTop;
//scrOfX = document.documentElement.scrollLeft;
}
//return [ scrOfX, scrOfY ];
return [ scrOfY ];
}
runshow=0;
var slide1 = "1000";
var slide2 = "7000";
var slide3 = "2000";
var slide4 = "3000";
var slide5 = "5000";
var slide6 = "6000";
var slide7 = "8000";
var slide8 = "9000";
var slide9 = "10000";
var slide10 = "11000";
var slide11 = "12000";
resizeflag ="";
visibilityflag = "&showcontrol=hidden";
function slideshow() {
frameflag = "";
if (window.popmaine && !window.popmaine.closed) {
displaywin = "window.popmaine";
if (parent.frames.length != 0) {frameflag = "&frame=no";}
window.popmaine.focus();
} else if (parent.maine && 1==1) {
displaywin = "parent.maine";
frameflag = "";
} else {
displaywin = "window.popmaine";
if (parent.frames.length != 0) {frameflag = "&frame=no";}
if (!window.popmaine || window.popmaine.closed) {
popmaine=window.open('', 'popmaine', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,WIDTH=650,height=500,top=30,right=30,screenX=30,screenY=30');
} else {
window.popmaine.focus();
}
}
clearTimeout(runshow);
if (document.SlideShow.StartFrom.value <= 1) {
eval(displaywin+".location='maine.cfm?picture="+slide1+frameflag+resizeflag+visibilityflag+"';")
document.SlideShow.StartFrom.value=2;
for (var y = 1; y <= 150*11; y=y+10) {
this.scrollBy(0,-10);
}
}
timey.left = 136;
timey.color = "green";
timey.visibility = "visible";
if (isNaN(parseInt(document.SlideShow.Interval.value))) {
timerInterval = 5;
} else {
timerInterval = parseInt(document.SlideShow.Interval.value);
}
runshow=setTimeout("slideshow2(0)",parseInt(timerInterval)*1000);
}
function slideshow2(moo) {
if (moo > 0) {document.SlideShow.StartFrom.value=moo}
if (window.popmaine && displaywin == "window.popmaine") {
if (window.popmaine.closed) {
popmaine=window.open('', 'popmaine', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,WIDTH=650,height=500,top=30,right=30,screenX=30,screenY=30');
if (!window.popmaine) {
alert("Popup blocker is preventing SlideShow from continuing.");
return false;
}
} else {
window.popmaine.focus();
}
}
if (displaywin == "window.popmaine" && !window.popmaine) {
popmaine=window.open('', 'popmaine', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,WIDTH=650,height=500,top=30,right=30,screenX=30,screenY=30');
if (!window.popmaine) {
alert("Popup blocker is preventing SlideShow from continuing.");
return false;
}
}
clearTimeout(runshow);
if (document.SlideShow.StartFrom.value > 11) {
document.SlideShow.StartFrom.value=1;
for (var y = 1; y <= 150*11; y=y+10) {
this.scrollBy(0,-10);
}
stopshow();
return true;
}
if (document.SlideShow.StartFrom.value < 1) {
document.SlideShow.StartFrom.value=1;
}
if (moo == 0) {
eval(displaywin+".location='maine.cfm?picture="+eval("slide"+document.SlideShow.StartFrom.value)+"&sliding="+eval(parseInt(document.SlideShow.Interval.value))+frameflag+resizeflag+visibilityflag+"';")
} else {
eval(displaywin+".location='maine.cfm?picture="+eval("slide"+document.SlideShow.StartFrom.value)+frameflag+resizeflag+visibilityflag+"';")
}
if (document.SlideShow.StartFrom.value==1) {
for (var y = 1; y <= 150*11; y=y+10) {
this.scrollBy(0,-10);
}
} else {
for (var y = 1; y <= 150; y++) {
this.scrollBy(0,+1);
}
}
location.hash = document.SlideShow.StartFrom.value;
document.SlideShow.StartFrom.value=parseInt(document.SlideShow.StartFrom.value)+1;
if (moo == 0) {
timey.left = 136;
timey.color = "green";
if (isNaN(parseInt(document.SlideShow.Interval.value)) || parseInt(document.SlideShow.Interval.value) < 1) {
timerInterval = 5;
} else {
timerInterval = parseInt(document.SlideShow.Interval.value);
}
runshow=setTimeout("slideshow2(0)",parseInt(timerInterval)*1000);
}
}
function stopshow() {
clearTimeout(runshow);
timey.visibility='hidden';
}
</script>
</head>
<body class="galleftcolumn"
onLoad="">
<a name="1"></a>
<div id="floatcontrol"><form name="SlideShow" class="galthumb">Slideshow:<br><input type="Button" name="Start" value="Start" onClick="timey=document.getElementById('dottime').style;slideshow()"><input type="Button" name="Stop" value="Stop" onClick="stopshow()"><br>Interval <input type="Text" name="Interval" value="5" size="1">seconds<input type="Hidden" name="StartFrom" value="0"><div id="dottime">•</div></form></div>
<span class="galthumb"><br>2002/12/31<br></span>
<script>parent.document.title='Hutzlers.com: 2002 -- Website by Now Interactive Solutions';</script>
<p class="galtitle"> "2002" </p>
<span class="galthumb">Click on picture to view</span>
<table class="galleftcolumn" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td class="galleftcolumn">
<b>•</b> <br>
<a href="maine.cfm?picture=1000" target="maine" onClick="document.SlideShow.StartFrom.value=2" name="2"><img src="/www_hutzlers_com/1_tb.jpg" alt="Jay" title="Jay" border="0" align="middle" height="100" width="145"></a><br>
<b>•</b> <br>
<a href="maine.cfm?picture=7000" target="maine" onClick="document.SlideShow.StartFrom.value=3" name="3"><img src="/www_hutzlers_com/7_tb.jpg" alt="No Pictures!" title="No Pictures!" border="0" align="middle" height="100" width="103"></a><br>
<b>•</b> <br>
<a href="maine.cfm?picture=2000" target="maine" onClick="document.SlideShow.StartFrom.value=4" name="4"><img src="/www_hutzlers_com/2_tb.jpg" alt="Choklit!" title="Choklit!" border="0" align="middle" height="100" width="133"></a><br>
<b>•</b> <br>
<a href="maine.cfm?picture=3000" target="maine" onClick="document.SlideShow.StartFrom.value=5" name="5"><img src="/www_hutzlers_com/3_tb.jpg" alt="Jay's 4th Birthday" title="Jay's 4th Birthday" border="0" align="middle" height="100" width="133"></a><br>
<b>•</b> <br>
<a href="maine.cfm?picture=5000" target="maine" onClick="document.SlideShow.StartFrom.value=6" name="6"><img src="/www_hutzlers_com/5_tb.jpg" alt="Hip to be Classical." title="Hip to be Classical." border="0" align="middle" height="100" width="133"></a><br>
<b>•</b> <br>
<a href="maine.cfm?picture=6000" target="maine" onClick="document.SlideShow.StartFrom.value=7" name="7"><img src="/www_hutzlers_com/6_tb.jpg" alt="Juan Reyes and Jay." title="Juan Reyes and Jay." border="0" align="middle" height="100" width="133"></a><br>
<b>•</b> <br>
<a href="maine.cfm?picture=8000" target="maine" onClick="document.SlideShow.StartFrom.value=8" name="8"><img src="/www_hutzlers_com/8_tb.jpg" alt="Stuart before his growth spurt." title="Stuart before his growth spurt." border="0" align="middle" height="100" width="133"></a><br>
<b>•</b> <br>
<a href="maine.cfm?picture=9000" target="maine" onClick="document.SlideShow.StartFrom.value=9" name="9"><img src="/www_hutzlers_com/9_tb.jpg" alt="Jay learns to drive." title="Jay learns to drive." border="0" align="middle" height="100" width="134"></a><br>
<b>•</b> <br>
<a href="maine.cfm?picture=10000" target="maine" onClick="document.SlideShow.StartFrom.value=10" name="10"><img src="/www_hutzlers_com/10_tb.jpg" alt="Stuart learns to drive." title="Stuart learns to drive." border="0" align="middle" height="150" width="89"></a><br>
<b>•</b> <br>
<a href="maine.cfm?picture=11000" target="maine" onClick="document.SlideShow.StartFrom.value=11" name="11"><img src="/www_hutzlers_com/11_tb.jpg" alt="Jay the conductor." title="Jay the conductor." border="0" align="middle" height="100" width="133"></a><br>
<b>•</b> <br>
<a href="maine.cfm?picture=12000" target="maine" onClick="document.SlideShow.StartFrom.value=12" name="12"><img src="/www_hutzlers_com/12_tb.jpg" alt="Halloween 2002" title="Halloween 2002" border="0" align="middle" height="100" width="115"></a><br>
<b>•</b> <br>
</td></tr></table>
</body>
</html>
]]>