// JavaScript Document



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



* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)



* This notice MUST stay intact for legal use



* Visit http://www.dynamicdrive.com/ for full source code



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







//Contents for menu 1



var menu1=new Array()





menu1[1]='<a href="history.html" class="menutext">History</a>'



menu1[2]='<a href="episcopal_identity.html" class="menutext">Episcopal Identity</a>'



menu1[3]='<a href="long_range_plan.html" class="menutext">Long Range Plan</a>'



menu1[4]='<a href="new_school.html" class="menutext">Our New School</a>'



menu1[5]='<a href="extracurricular.html" class="menutext">Extracurricular Activities</a>'



menu1[6]='<a href="http://www.sjsroseville.org/blog" class="menutext">News</a>'



menu1[7]='<a href="employment.html" class="menutext">Employment</a>'







//Contents for menu 2, and so on



var menu2=new Array()



menu2[0]='<a href="admission_process.html" class="menutext">Admission Process</a>'



menu2[1]='<a href="application_form.html" class="menutext">Application Form</a>'



menu2[3]='<a href="financial_aid.html" class="menutext">Financial Aid</a>'



menu2[4]='<a href="trustee_scholars.html" class="menutext">Trustees Scholars Program</a>'



menu2[5]='<a href="fee_schedule.html" class="menutext">Fee Schedule</a>'







//Contents for menu 3, and so on



var menu3=new Array()



menu3[0]='<a href="educational_goals.html" class="menutext">Educational Goals</a>'



menu3[1]='<a href="course_desc.html" class="menutext">Course Descriptions</a>'



menu3[2]='<a href="framework_curriculum.html" class="menutext">Framework Of Curriculum</a>'



menu3[3]='<a href="preschool_info.html" class="menutext">Preschool Information</a>'







//Contents for menu 4, and so on



var menu4=new Array()



menu4[0]='<a href="annual_fund.html" class="menutext">Annual Fund</a>'



menu4[1]='<a href="capital_campaign.html" class="menutext">Capital Campaign</a>'



menu4[2]='<a href="other_fund.html" class="menutext">Other Fundraising</a>'



menu4[3]='<a href="give_online.html" class="menutext">Give Online</a>'







//Contents for menu 5, and so on



var menu5=new Array()



menu5[0]='<a href="contact.html" class="menutext">Contact St. John&#039;s School</a>'



/*menu5[1]='<a href="https://www.edline.net/pages/StJohns___School" target="_blank" class="menutext">Link To Portal Site</a>'*/

menu5[1]='<a href="https://233055.stiinformationnow.com/InformationNow/login.aspx" class="menutext">STI Portal</a>'

menu5[2]='<a href="login.php?type=parent" class="menutext">My St John\'s </a>'





//Contents for menu 6, and so on



var menu6=new Array()



menu6[0]='<a href="faculty_email.html" class="menutext">Faculty And Staff E-mail List</a>'



/*menu6[1]='<a href="https://www.edline.net/pages/StJohns___School" target="_blank" class="menutext">Link To Portal Site</a>'*/

menu6[1]='<a href="https://233055.stiinformationnow.com/InformationNow/login.aspx" class="menutext">STI Portal</a>'

menu6[2]='<a href="login.php?type=parent" class="menutext">My St John\'s </a>'





//Contents for menu 7, and so on



var menu7=new Array()



menu7[0]='<a href="reconnecting.html" class="menutext">Reconnecting with St. John&#039;s</a>'



/*menu7[1]='<a href="https://www.edline.net/pages/StJohns___School" target="_blank" class="menutext">Link To Portal Site</a>'*/

menu7[1]='<a href="https://233055.stiinformationnow.com/InformationNow/login.aspx" class="menutext">STI Portal</a>'

menu7[2]='<a href="login.php?type=parent" class="menutext">My St John\'s </a>'

 



		



var menuwidth='200px' //default menu width



var menubgcolor='#000000'  //menu bgcolor



//var opacity='4.0' //translucent



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 ie4=document.all



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







if (ie4||ns6)



document.write('<div id="dropmenudiv" style="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 topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset



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){ //move up?



edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight



if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?



edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge



}



}



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")+"px"



dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+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