document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.0,transition=21) }</STYLE>');

var onImages=new Array();
function Rollover(imgName, imgSrc)
{
	onImages[imgName] = new Image();
	onImages[imgName].src = imgSrc;
}

function turnOn(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].apply();
	document.images[imgName].offSrc = document.images[imgName].src;
	document.images[imgName].src    = onImages[imgName].src;
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].play();
}

function turnOff(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].stop();
	document.images[imgName].src = document.images[imgName].offSrc;
}

var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}



//Specify name of participating images, plus paths to their onMouseover replacements:


Rollover("home",  "navs/home_on.jpg");
Rollover("programs",  "navs/programs_on.jpg");
Rollover("events",  "navs/events_on.jpg");
Rollover("camps",  "navs/camps_on.jpg");
Rollover("facilities",  "navs/facilities_on.jpg");
Rollover("parks",  "navs/parks_on.jpg");
Rollover("calendar",  "navs/calendar_on.jpg");
Rollover("news",  "navs/news_on.jpg");
Rollover("video",  "navs/video_on.jpg");
Rollover("business",  "navs/business_on.jpg");
Rollover("sponsor",  "navs/sponsor_on.jpg");
Rollover("jobs",  "navs/jobs_on.jpg");
Rollover("contact",  "navs/contact_on.jpg");
Rollover("register",  "navs2/register_on.jpg");



//Automate Copyright Year

today=new Date();
y0=today.getFullYear();


//DROPDOWN MENUS


//Contents for FACILITIES

var menu1=new Array()
menu1[0]='<table class=" dropdownColor" width="380" cellspacing=2 cellpadding=2 ><tr><td><a class="links" href="spdcm/default.aspx?c=1018">Dammrich Rowing Center</a></td><td><a class="links" href="spdcm/default.aspx?c=1064">Skatium Ice Arena</a></td></tr><tr><td><a class="links" href="spdcm/default.aspx?c=1020">Devonshire Cultural Center </a></td><td><a class="links" href="spdcm/default.aspx?c=1065">Skokie Heritage Museum and Log Cabin</a></td></tr><tr><td><a class="links" href="spdcm/default.aspx?c=1070">Devonshire Playhouse</a></td><td><a class="links" href="spdcm/default.aspx?c=1072">Skokie Sports Park - Adventure Golf</a></td></tr><tr><td><a class="links" href="spdcm/default.aspx?c=1071">Devonshire Preschool</a></td><td><a class="links" href="spdcm/default.aspx?c=1073">Skokie Sports Park - Driving Range</a></td></tr><tr><td><a class="links" href="spdcm/default.aspx?c=1021">Emily Oaks Nature Center</a></td><td><a class="links" href="swimmingAll.asp">Swimming and Water Parks</a></td></tr><tr><td><a class="links" href="spdcm/default.aspx?c=1022">Exploritorium</a></td><td><a class="links" href="spdcm/default.aspx?c=1066">Tot Learning Center</a></td></tr><tr><td><a class="links" href="spdcm/default.aspx?c=1023">Fitness First!</a></td><td><a class="links" href="spdcm/default.aspx?c=1067">Weber Leisure Center</a></td></tr><tr><td><a class="links" href="spdcm/default.aspx?c=1015">Oakton Community Center</a></td><td><a class="links" href="spdcm/default.aspx?c=1068">Weber Park Golf Course</a></td></tr><tr><td><a class="links" href="spdcm/default.aspx?c=1063">Pooch Park</a></td><td><a class="links" href="spdcm/default.aspx?c=1069">Woodland Wander Inn</a></td></tr></table>'



//Content for NewsCenter

var menu2=new Array()
menu2[0]='<table class=" dropdownColor" width="90" cellspacing=2 cellpadding=2 ><tr><td><a class="links" href="district_info.asp">Board Business</a></td></tr><tr><td><a class="links" href="district_info_faq.asp">SPD Info/FAQ</a></td></tr><tr><td><a class="links" href="district_info_purchasing.asp">Purchasing</a></td></table>'



var menuwidth='190px' //default menu width
var menubgcolor='000000'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed


var correctwidth=800
var correctheight=600
if (screen.width==correctwidth||screen.height==correctheight)
document.write('<div id="dropmenudiv" style="margin-left:172px;margin-top:-20px; visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')




var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="margin-left:125px;margin-top:-20px; visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')


function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge+200")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge+2")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu