<!-- These lines go inbetween the HEAD tags of your page. -->

<!-- =================================================================================== -->

<style type="text/css">

.menuBar {
visibility:	visible;
z-index:	0;
}

.menu {
visibility:	hidden;
z-index:	1;
}

.trigger {
visibility:	visible;
z-index:	2;
}

.menuitem {
visibility:	hidden;
z-index:	3;
}

</style>

<SCRIPT LANGUAGE="Javascript1.2">
<!--

var d = new Date();
var dn =  (d.getDate());
var activemenu = "";
var oldmenu = "";

menu = new Array("","menu1","menu2","menu3","menu4");

// Preload Images

	menu1t1 = new Image();
	menu1t1.src  = "ltblue.sitelinks.anim-rl.open.gif";
	menu1t2 = new Image();
	menu1t2.src = "ltblue.sitelinks.anim-rl.close.gif";
	menu2t1 = new Image();
	menu2t1.src  = "ltblue.dloads.anim-rl.open.gif";
	menu2t2 = new Image();
	menu2t2.src = "ltblue.dloads.anim-rl.close.gif";
	menu3t1 = new Image();
	menu3t1.src  = "ltblue.design.anim-rl.open.gif";
	menu3t2 = new Image();
	menu3t2.src = "ltblue.design.anim-rl.close.gif";
	menu4t1 = new Image();
	menu4t1.src  = "ltblue.extrainfo.anim-rl.open.gif";
	menu4t2 = new Image();
	menu4t2.src = "ltblue.extrainfo.anim-rl.close.gif";
	menu1ia1 = new Image();
	menu1ia1.src  = "ltgrn.recess.exit.gif";
	menu1ia2 = new Image();
	menu1ia2.src = "ltyllw.recess.exit.gif";
	menu1ib1 = new Image();
	menu1ib1.src  = "ltgrn.recess.new.gif";
	menu1ib2 = new Image();
	menu1ib2.src = "ltyllw.recess.new.gif";
	menu1ic1 = new Image();
	menu1ic1.src  = "ltgrn.recess.comments.gif";
	menu1ic2 = new Image();
	menu1ic2.src = "ltyllw.recess.comments.gif";
	menu1id1 = new Image();
	menu1id1.src  = "ltgrn.recess.contact.gif";
	menu1id2 = new Image();
	menu1id2.src = "ltyllw.recess.contact.gif";
	menu2ia1 = new Image();
	menu2ia1.src  = "ltgrn.recess.buttons.gif";
	menu2ia2 = new Image();
	menu2ia2.src = "ltyllw.recess.buttons.gif";
	menu2ib1 = new Image();
	menu2ib1.src  = "ltgrn.recess.bckgrds.gif";
	menu2ib2 = new Image();
	menu2ib2.src = "ltyllw.recess.bckgrds.gif";
	menu2ic1 = new Image();
	menu2ic1.src  = "ltgrn.recess.dload.gif";
	menu2ic2 = new Image();
	menu2ic2.src = "ltyllw.recess.dload.gif";
	menu2id1 = new Image();
	menu2id1.src  = "ltgrn.recess.stuff.gif";
	menu2id2 = new Image();
	menu2id2.src = "ltyllw.recess.stuff.gif";
	menu3ia1 = new Image();
	menu3ia1.src  = "ltgrn.recess.html.gif";
	menu3ia2 = new Image();
	menu3ia2.src = "ltyllw.recess.html.gif";
	menu3ib1 = new Image();
	menu3ib1.src  = "ltgrn.recess.coding.gif";
	menu3ib2 = new Image();
	menu3ib2.src = "ltyllw.recess.coding.gif";
	menu3ic1 = new Image();
	menu3ic1.src  = "ltgrn.recess.scripts.gif";
	menu3ic2 = new Image();
	menu3ic2.src = "ltyllw.recess.scripts.gif";
	menu3id1 = new Image();
	menu3id1.src  = "ltgrn.recess.toys.gif";
	menu3id2 = new Image();
	menu3id2.src = "ltyllw.recess.toys.gif";
	menu4ia1 = new Image();
	menu4ia1.src  = "ltgrn.recess.home.gif";
	menu4ia2 = new Image();
	menu4ia2.src = "ltyllw.recess.home.gif";
	menu4ib1 = new Image();
	menu4ib1.src  = "ltgrn.recess.about.gif";
	menu4ib2 = new Image();
	menu4ib2.src = "ltyllw.recess.about.gif";
	menu4ic1 = new Image();
	menu4ic1.src  = "ltgrn.recess.tips.gif";
	menu4ic2 = new Image();
	menu4ic2.src = "ltyllw.recess.tips.gif";
	menu4id1 = new Image();
	menu4id1.src  = "ltgrn.recess.help.gif";
	menu4id2 = new Image();
	menu4id2.src = "ltyllw.recess.help.gif";

// FUNCTIONS

/* Show an object */
function showObject(object) {
        object.visibility = VISIBLE;
 }

/* Hide an object */
function hideObject(object) {
        object.visibility = HIDDEN;
 }

function change(layer,Name,Image,No) {
	if (document.layers && layer!=null) {eval('document.'+layer+'.document ["'+Name+'"].src = '+ Image+No +'.src');}
	else if (document.all) {document [Name].src = eval(Image + No + ".src");}
 }

function popmsg(j) {
	if (document.layers) {document.title.document.textbox1.body1.value = msg[j];}
	else if (document.all) {document.textbox1.body1.value = msg[j];}
 }

function toggleMenu(menupick,j) {
	if (menupick == activemenu) {return;}
	oldmenu = activemenu;
	closeMenu(oldmenu,1);
	activemenu = menupick;
	if (menupick == menu1) {showObject(menu1);openMenu1(-160,30);}
	if (menupick == menu2) {showObject(menu2);openMenu2(-160,30);}
	if (menupick == menu3) {showObject(menu3);openMenu3(-160,30);}
	if (menupick == menu4) {showObject(menu4);openMenu4(-160,30);}
 }

function closeMenu(which,j) {
	if (which == menu1) {closeMenu1(30,-160);setTimeout('hideObject(menu1)', 3000);}
	if (which == menu2) {closeMenu2(30,-160);setTimeout('hideObject(menu2)', 3000);}
	if (which == menu3) {closeMenu3(30,-160);setTimeout('hideObject(menu3)', 3000);}
	if (which == menu4) {closeMenu4(30,-160);setTimeout('hideObject(menu4)', 3000);}
	if (j == 0) {activemenu = "";}
 }

function openMenu1(from, to) {
            if (from < to) {
                menu1.top = (from += 10);
                setTimeout('openMenu1(' + from + ',' + to + ')', 50);
            }
 }

function openMenu2(from, to) {
            if (from < to) {
                menu2.top = (from += 10);
                setTimeout('openMenu2(' + from + ',' + to + ')', 50);
            }
 }

function openMenu3(from, to) {
            if (from < to) {
                menu3.top = (from += 10);
                setTimeout('openMenu3(' + from + ',' + to + ')', 50);
            }
 }

function openMenu4(from, to) {
            if (from < to) {
                menu4.top = (from += 10);
                setTimeout('openMenu4(' + from + ',' + to + ')', 50);
            }
 }

function closeMenu1(from, to) {
            if (from > to) {
                menu1.top = (from -= 10);
                setTimeout('closeMenu1(' + from + ',' + to + ')', 50);
            }
 }

function closeMenu2(from, to) {
            if (from > to) {
                menu2.top = (from -= 10);
                setTimeout('closeMenu2(' + from + ',' + to + ')', 50);
            }
 }

function closeMenu3(from, to) {
            if (from > to) {
                menu3.top = (from -= 10);
                setTimeout('closeMenu3(' + from + ',' + to + ')', 50);
            }
 }

function closeMenu4(from, to) {
            if (from > to) {
                menu4.top = (from -= 10);
                setTimeout('closeMenu4(' + from + ',' + to + ')', 50);
            }
 }

// -->
</SCRIPT>

<!-- =================================================================================== -->

<!-- These lines go right after the BODY tag of your page. -->

<!-- =================================================================================== -->

<!-- Menubar -->

<div id="menuBar" style="position:absolute;top:-2;left:0;z-index:0;">
<img src="gray.rndend.right.gif" height="35" align="center">
</div>

<!-- Nameplate -->

<div id="title" style="position:absolute;top:2;left:605;">
<form name="textbox1">
<input type="text" NAME="body1" size="36" value="Welcome To Tech-Eclectic's Webspace">
</form>
</div>

<!-- Menubuttons -->

<div id="bttn1" class="trigger" style="position:absolute;top:-4;left:5;z-index:2;"><A HREF="#" onMouseover="change('bttn1','homem1','menu1t',1);popmsg(1);" onMouseout="change('bttn1','homem1','menu1t',2);popmsg(0);" onClick="toggleMenu(menu1,1)"><img src="tube2.solid.gif" name="homem1" border="0"></A>
</div>

<div id="bttn2" class="trigger" style="position:absolute;top:-4;left:150;z-index:2;"><A HREF="#" onMouseover="change('bttn2','homem2','menu2t',1);popmsg(2);" onMouseout="change('bttn2','homem2','menu2t',2);popmsg(0);" onClick="toggleMenu(menu2,1)"><img src="tube2.solid.gif" name="homem2" border="0"></A>    
</div>

<div id="bttn3" class="trigger" style="position:absolute;top:-4;left:295;z-index:2;"><A HREF="#" onMouseover="change('bttn3','homem3','menu3t',1);popmsg(3);" onMouseout="change('bttn3','homem3','menu3t',2);popmsg(0);" onClick="toggleMenu(menu3,1)"><img src="tube2.solid.gif" name="homem3" border="0"></A>
</div>

<div id="bttn4" class="trigger" style="position:absolute;top:-4;left:440;z-index:2;"><A HREF="#" onMouseover="change('bttn4','homem4','menu4t',1);popmsg(4);" onMouseout="change('bttn4','homem4','menu4t',2);popmsg(0);" onClick="toggleMenu(menu4,1)"><img src="tube2.solid.gif" name="homem4" border="0"></A>
</div>

<!-- Menu 1: Main Site Pages -->

<div id="menu1" class="menu" style="position:absolute;top:30;left:8;z-index:1;">
<table border="0" width="135" bordercolor="black" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="silver" background="tube2-35.gif">

<A HREF="index.html" onMouseover="change('menu1','menu1A','menu1ia',2);popmsg(11);" onMouseout="change('menu1','menu1A','menu1ia',1);popmsg(0);" onClick="hideObject(menu1);">
<IMG NAME="menu1A" height="35" width="135" BORDER="0" alt="Site Entrance Page" SRC="ltgrn.recess.exit.gif" align=bottom></A>

<A HREF="whatsnew1.html" onMouseover="change('menu1','menu1B','menu1ib',2);popmsg(12);" onMouseout="change('menu1','menu1B','menu1ib',1);popmsg(0);" onClick="hideObject(menu1);">
<IMG NAME="menu1B" height="35" width="135" BORDER="0" alt="What`s New" SRC="ltgrn.recess.new.gif" align=bottom></A>

<A HREF="guestbk1.html#comments" onMouseover="change('menu1','menu1C','menu1ic',2);popmsg(13);" onMouseout="change('menu1','menu1C','menu1ic',1);popmsg(0);" onClick="hideObject(menu1);">
<IMG NAME="menu1C" height="35" width="135" BORDER="0" alt="Comments" SRC="ltgrn.recess.comments.gif" align=bottom></A>

<A HREF="mailto:inn-cite@geocities.com" onMouseover="change('menu1','menu1D','menu1id',2);popmsg(14);" onMouseout="change('menu1','menu1D','menu1id',1);popmsg(0);" onClick="hideObject(menu1);">
<IMG NAME="menu1D" height="35" width="135" BORDER="0" alt="Send eMail" SRC="ltgrn.recess.contact.gif" align=bottom></A>

</td>
</tr>
<tr>
<td height="30" align="center" background="tube2.bottom.gif">

<a href="javascript:closeMenu(menu1,0)" onMouseover="popmsg(5);" onMouseout="popmsg(0);"> <img src="blackbal.gif" valign="middle" border="0" alt="Close"> !!!!!!!!!!!!!! <img src="blackbal.gif" valign="middle" border="0" alt="Close"></a>

</td>
</tr>
</table>
</div>

<!-- Menu 2: Utilities & Downloads -->

<div id="menu2" class="menu" style="position:absolute;top:30;left:153;z-index:1;">
<table border="0" width="135" bordercolor="black" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="silver" background="tube2-35.gif">

<A HREF="techbttn.html" onMouseover="change('menu2','menu2A','menu2ia',2);popmsg(33);" onMouseout="change('menu2','menu2A','menu2ia',1);popmsg(0);">
<IMG NAME="menu2A" height="35" width="135" BORDER="0" alt="Buttons for Menus" SRC="ltgrn.recess.buttons.gif" align=bottom></A>

<A HREF="techbgrd.html" onMouseover="change('menu2','menu2B','menu2ib',2);popmsg(34);" onMouseout="change('menu2','menu2B','menu2ib',1);popmsg(0);">
<IMG NAME="menu2B" height="35" width="135" BORDER="0" alt="Menu & Page Backgrounds" SRC="ltgrn.recess.bckgrds.gif" align=bottom></A>

<A HREF="techdl.html" onMouseover="change('menu2','menu2C','menu2ic',2);popmsg(22);" onMouseout="change('menu2','menu2C','menu2ic',1);popmsg(0);">
<IMG NAME="menu2C" height="35" width="135" BORDER="0" alt="Download Page" SRC="ltgrn.recess.dload.gif" align=bottom></A>

<A HREF="stuff.html" onMouseover="change('menu2','menu2D','menu2id',2);popmsg(24);" onMouseout="change('menu2','menu2D','menu2id',1);popmsg(0);">
<IMG NAME="menu2D" height="35" width="135" BORDER="0" alt="Junk Drawer" SRC="ltgrn.recess.stuff.gif" align=bottom></A>

</td>
</tr>
<tr>
<td height="30" align="center" background="tube2.bottom.gif">

<a href="javascript:closeMenu(menu2,0)" onMouseover="popmsg(5);" onMouseout="popmsg(0);"> <img src="blackbal.gif" valign="middle" border="0" alt="Close"> !!!!!!!!!!!!!! <img src="blackbal.gif" valign="middle" border="0" alt="Close"></a>

</td>
</tr>
</table>
</div>

<!-- Menu 3: Web Design & Graphics -->

<div id="menu3" class="menu" style="position:absolute;top:30;left:298;z-index:1;">
<table border="0" width="135" bordercolor="black" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="silver" background="tube2-35.gif">

<A HREF="techhtml.html" onMouseover="change('menu3','menu3A','menu3ia',2);popmsg(31);" onMouseout="change('menu3','menu3A','menu3ia',1);popmsg(0);">
<IMG NAME="menu3A" height="35" width="135" BORDER="0" alt="HTML+" SRC="ltgrn.recess.html.gif" align=bottom></A>

<A HREF="techcode.html" onMouseover="change('menu3','menu3B','menu3ib',2);popmsg(32);" onMouseout="change('menu3','menu3B','menu3ib',1);popmsg(0);">
<IMG NAME="menu3B" height="35" width="135" BORDER="0" alt="Coding Webpages" SRC="ltgrn.recess.coding.gif" align=bottom></A>

<A HREF="scripts1.html" onMouseover="change('menu3','menu3C','menu3ic',2);popmsg(21);" onMouseout="change('menu3','menu3C','menu3ic',1);popmsg(0);">
<IMG NAME="menu3C" height="35" width="135" BORDER="0" alt="Scripts" SRC="ltgrn.recess.scripts.gif" align=bottom></A>

<A HREF="gizmos.html" onMouseover="change('menu3','menu3D','menu3id',2);popmsg(23);" onMouseout="change('menu3','menu3D','menu3id',1);popmsg(0);">
<IMG NAME="menu3D" height="35" width="135" BORDER="0" alt="Gizmos" SRC="ltgrn.recess.toys.gif" align=bottom></A>

</td>
</tr>
<tr>
<td height="30" align="center" background="tube2.bottom.gif">

<a href="javascript:closeMenu(menu3,0)" onMouseover="popmsg(5);" onMouseout="popmsg(0);"> <img src="blackbal.gif" valign="middle" border="0" alt="Close"> !!!!!!!!!!!!!! <img src="blackbal.gif" valign="middle" border="0" alt="Close"></a>

</td>
</tr>
</table>
</div>

<!-- Menu 4: Information & Help -->

<div id="menu4" class="menu" style="position:absolute;top:30;left:443;z-index:1;">
<table border="0" width="135" bordercolor="black" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="silver" background="tube2-35.gif">

<A HREF="tech1.html" onMouseover="change('menu4','menu4A','menu4ia',2);popmsg(41);" onMouseout="change('menu4','menu4A','menu4ia',1);popmsg(0);">
<IMG NAME="menu4A" height="35" width="135" BORDER="0" alt="Tech Eclectic Home" SRC="ltgrn.recess.home.gif" align=bottom></A>

<A HREF="about1.html" onMouseover="change('menu4','menu4B','menu4ib',2);popmsg(42);" onMouseout="change('menu4','menu4B','menu4ib',1);popmsg(0);">
<IMG NAME="menu4B" height="35" width="135" BORDER="0" alt="About" SRC="ltgrn.recess.about.gif" align=bottom></A>

<A HREF="taccess.html" onMouseover="change('menu4','menu4C','menu4ic',2);popmsg(43);" onMouseout="change('menu4','menu4C','menu4ic',1);popmsg(0);">
<IMG NAME="menu4C" height="35" width="135" BORDER="0" alt="Tips" SRC="ltgrn.recess.tips.gif" align=bottom></A>

<A HREF="fhelpform.html" onMouseover="change('menu4','menu4D','menu4id',2);popmsg(44);" onMouseout="change('menu4','menu4D','menu4id',1);popmsg(0);">
<IMG NAME="menu4D" height="35" width="135" BORDER="0" alt="Help" SRC="ltgrn.recess.help.gif" align=bottom></A>

</td>
</tr>
<tr>
<td height="30" align="center" background="tube2.bottom.gif">

<a href="javascript:closeMenu(menu4,0)" onMouseover="popmsg(5);" onMouseout="popmsg(0);"> <img src="blackbal.gif" valign="middle" border="0" alt="Close"> !!!!!!!!!!!!!! <img src="blackbal.gif" valign="middle" border="0" alt="Close"></a>

</td>
</tr>
</table>
</div>

<!-- Setup Routines -->

<script language="JavaScript1.2">
// <!-- Hide from old browsers

var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
 
/* They can be used in place of hidden and visible because on occasion Navigator has problems with the two */
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';

/* Create shortcut variables for different absolutely positioned elements */
var menu1 = (isNS) ? document.menu1 : document.all.menu1.style;
var menu2 = (isNS) ? document.menu2 : document.all.menu2.style;
var menu3 = (isNS) ? document.menu3 : document.all.menu3.style;
var menu4 = (isNS) ? document.menu4 : document.all.menu4.style;

// -->
</script>

<!-- =================================================================================== -->

<!-- Your page information would start here... -->
