﻿



/***********************************************

* Scrollable Menu Links- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts

* This notice must stay intact for legal use

***********************************************/



//configure path for left and right arrows

var goleftimage='images/pointer2.gif'

var gorightimage='images/pointer.gif'

//configure menu width (in px):

var menuwidth=600

//configure menu height (in px):

var menuheight=25

//Specify scroll buttons directions ("normal" or "reverse"):

var scrolldir="reverse"

//configure scroll speed (1-10), where larger is faster

var scrollspeed=10

//specify menu content

var menucontents='<nobr><a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="main.htm" target="frame">Home</a> | <a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="cschool.htm" target="frame">Chinese School</a> | <a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="parent.htm" target="frame">Parenting</a> | <a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="summer2008/summerCamp2008.html" target="frame">Children\'s Camps & Day Camps</a> | <a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="infants.htm" target="frame">Infants to Preschoolers</a> | <a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="kindergarteners.htm" target="frame">Kindergartners to Sixth Graders</a> | <a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="parties.htm" target="frame">Meaningful Parties</a> | <a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="birthdays.htm" target="frame">Birthday Parties</a> | <a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="training.htm" target="frame">More Training</a> | <a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="service.htm" target="frame">Community Service</a> | <a style="text-decoration:none; font-family:Comic Sans MS; font-size:9pt; color:gray" href="library.htm" target="frame">Children\'s Library</a></nobr>'





////NO NEED TO EDIT BELOW THIS LINE////////////



var iedom=document.all||document.getElementById

var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'

var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'

if (scrolldir=="reverse"){

var tempswap=leftdircode

leftdircode=rightdircode

rightdircode=tempswap

}

if (iedom)

document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</span>')

var actualwidth=''

var cross_scroll, ns_scroll

var loadedyes=0

function fillup(){

if (iedom){

cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2

cross_scroll.innerHTML=menucontents

actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth

}

else if (document.layers){

ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2

ns_scroll.document.write(menucontents)

ns_scroll.document.close()

actualwidth=ns_scroll.document.width

}

loadedyes=1

}

window.onload=fillup



function moveleft(){

if (loadedyes){

if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){

cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"

}

else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))

ns_scroll.left-=scrollspeed

}

lefttime=setTimeout("moveleft()",50)

}



function moveright(){

if (loadedyes){

if (iedom&&parseInt(cross_scroll.style.left)<0)

cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"

else if (document.layers&&ns_scroll.left<0)

ns_scroll.left+=scrollspeed

}

righttime=setTimeout("moveright()",50)

}





if (iedom||document.layers){

with (document){

write('<table border="0" cellspacing="0" cellpadding="2">')

write('<td valign="middle"><a href="#" '+leftdircode+'><img src="'+goleftimage+'"border=0></a> </td>')

write('<td width="'+menuwidth+'px" valign="top">')

if (iedom){

write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')

write('<div id="test2" style="position:absolute;left:0;top:0">')

write('</div></div>')

}

else if (document.layers){

write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')

write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')

}

write('</td>')

write('<td valign="middle"> <a href="#" '+rightdircode+'>')

write('<img src="'+gorightimage+'"border=0></a>')

write('</td></table>')

}

}


