<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">
<html>
<head>
<title>Union County Education Association</title>
<META NAME="Author" CONTENT="Ken Betros">
<link rel="icon" href="http://www.unioncountyea.com/favicon.ico" type="image/x-icon"> 
<link rel="shortcut icon" href="http://www.unioncountyea.com/favicon.ico" type="image/x-icon"> 
<script language="javascript">
<!--
//PRELOAD ROLLOVER IMAGES LEFT NAVIGATION
ucea=new Array()
imageup=""
function loadimages(){
	if (document.images) {
				for (i=0;i<loadimages.arguments.length;i++){
					ucea[i]=new Image()
					ucea[i].src=loadimages.arguments[i]
				}
				}
			}

	loadimages("home_off.jpg",
	"home_on.jpg",
	"about_us_off.jpg",
	"about_us_on.jpg",
	"constitution_off.jpg",
	"constitution_on.jpg",
	"ucea_officers_off.jpg",
	"ucea_officers_on.jpg",
	"ucea_events_off.jpg",
	"ucea_events_on.jpg",
	"workshops_off.jpg",
	"workshops_on.jpg",
	"interloc_off.jpg",
	"interloc_on.jpg",
	"locals_off.gif",
	"locals_on.gif",
	"links_off.gif",
	"links_on.gif",
	"contact_us_off.jpg",
	"contact_us_on.jpg")
//MOUSE "ON" FUNCTION
function on(imageName, targetName) {
	if (document.images) {
//		onImage=document[targetName].src
		document[targetName].src = imageName.src
	}
}

//-->
</script>
<script language="javascript">
click=0

// A dense array containing target name and _off state of the images.

targetImages=new Array(new Array("ucea_home",ucea[0]),new Array("about",ucea[2]),
			new Array("by_laws",ucea[4]),new Array("officers",ucea[6]),
			new Array("events",ucea[8]),new Array("ucea_ws",ucea[10]),
			new Array("newsletter",ucea[12]),new Array("orgs",ucea[14]),
			new Array("hyperlinks",ucea[16]),new Array("contact",ucea[18]))
//Trap which target was clicked.
function clicked(tgtname) {

				for(cnt=0;cnt<targetImages.length;cnt++) {
					if (targetImages[cnt][0] !=tgtname)
					{
					//point to the off state image, pick up image from the targetImages array.
					document[targetImages[cnt][0]].src=targetImages[cnt][1].src
					}
			}
			click=1}
</script>
<script language="javascript">
//MOUSE OUT
gtname=""
function out(imgname,tgtname) {
str=new String(imgname.src)
hold=str.substring(0,str.lastIndexOf("_")) + "_on.jpg"
	if (click > 0) {
	// if clicked then replace "_off" with "_on" and .jpg
	document[tgtname].src=hold
	gtname=tgtname
	click=0
	}
	else if ((click==0) && (tgtname==gtname)) { }
	//keep in it's usual mode.
	else if ((click==0) && (imageup==hold)) { }
	else
	{
		document[tgtname].src=imgname.src
	}
}
</script>
</head>
<body alink="#336699" vlink="#336699" link="#336699" background="watermark.jpg">
<script language="JavaScript1.2">

/*
Watermark Backgound Image Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit dynamicdrive.com
*/

if (document.all||document.getElementById)
document.body.style.background="url('watermark.jpg') white center no-repeat fixed"

</script>
<img src="ucea_logo.gif" border="0"><br>
<img src="header.jpg" border="0">
<p> 
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" valign="top">
<p><a href="index.html" onmouseout='out(ucea[0],"ucea_home")' onmouseover='imageup=document["ucea_home"].src;on(ucea[1],"ucea_home")' onclick='clicked("ucea_home")'>
<img name="ucea_home" src="home_off.jpg" border="0"></a><br>
<img src="line.jpg" border="0"><br>
<a href="about.html" onmouseout='out(ucea[2],"about")' onmouseover='imageup=document["about"].src;on(ucea[3],"about")' onclick='clicked("about")'>
<img name="about" src="about_us_off.jpg"  border="0"></a><br>
<img src="line.jpg" border="0"><br>
<a href="constitution.html" onmouseout='out(ucea[4],"by_laws")' onmouseover='imageup=document["by_laws"].src;on(ucea[5],"by_laws")' onclick='clicked("by_laws")'>
<img name="by_laws" src="constitution_off.jpg"  border="0"></a><br>
<img src="line.jpg" border="0"><br>
<a href="officers.html" onmouseout='out(ucea[6],"officers")' onmouseover='imageup=document["officers"].src;on(ucea[7],"officers")' onclick='clicked("officers")'>
<img name="officers" src="ucea_officers_off.jpg" border="0"></a><br>
<img src="line.jpg" border="0"><br>
<a href="ucea_events.html" onmouseout='out(ucea[8],"events")' onmouseover='imageup=document["events"].src;on(ucea[9],"events")' onclick='clicked("events")'>
<img name="events" src="ucea_events_off.jpg" border="0"></a><br>
<img src="line.jpg" border="0"><br>
<a href="workshops.html" onmouseout='out(ucea[10],"ucea_ws")' onmouseover='imageup=document["ucea_ws"].src;on(ucea[11],"ucea_ws")' onclick='clicked("ucea_ws")'>
<img name="ucea_ws" src="workshops_off.jpg" border="0"></a><br>
<img src="line.jpg" border="0"><br>
<a href="interloc.html" onmouseout='out(ucea[12],"newsletter")' onmouseover='imageup=document["newsletter"].src;on(ucea[13],"newsletter")' onclick='clicked("newsletter")'>
<img name="newsletter" src="interloc_off.jpg"  border="0"></a><br>
<img src="line.jpg" border="0"><br>
<a href="locals.html" onmouseout='out(ucea[14],"orgs")' onmouseover='imageup=document["orgs"].src;on(ucea[15],"orgs")' onclick='clicked("orgs")'>
<img name="orgs" src="locals_off.gif"  border="0"></a><br>
<img src="line.jpg" border="0"><br>
<a href="links.html" onmouseout='out(ucea[16],"hyperlinks")' onmouseover='imageup=document["hyperlinks"].src;on(ucea[17],"hyperlinks")' onclick='clicked("hyperlinks")'>
<img name="hyperlinks" src="links_off.gif"  border="0"></a><br>
<img src="line.jpg" border="0"><br>
<a href="contact.html" onmouseout='out(ucea[18],"contact")' onmouseover='imageup=document["contact"].src;on(ucea[19],"contact")' onclick='clicked("contact")'>
<img name="contact" src="contact_us_off.jpg" border="0"></a><br>
<img src="line.jpg" border="0"></p>
<p><img src="pride_logo.jpg" border="0"></p>
</td>
<td width="50%" align="left" valign="top"><img src="links.gif" border="0">
<p><font face="arial" size="3"><b><a href="http://www.state.nj.us/education/" target="new">NJ Department of Education</a><br>
<a href="http://www.state.nj.us/treasury/pensions/" target="new">NJ Division of Pensions & Benefits </a><br> 
<a href="http://www.ed.gov/index.jhtml" target="new">U.S. Department of Ed  </a>

</b></font></p>
<tr>
<td width="20%">&nbsp;</td>
<td width="50%">&nbsp;</td>
<td width="30%">&nbsp;</td>
</tr>
<tr>
<td width="20%">&nbsp;</td>
<td width="50%"><p align="center"><img src="footer.jpg" border="0"><br>
<font face="arial" size="1">Union County Education Association<br>77 Central Avenue, Suite 201<br>
Clark, New Jersey 07066<br>Any questions or comments regarding this site contact the <a href="mailto:betrosk@yahoo.com">webmaster</a>.</p></td>
<td width="30%">&nbsp;</td>
</table>

</body>
</html>