// JavaScript Document

//Fall 2007 wrapper redesign
//This is the javascrip to make the subnav dropdown show up on mousovering the main nav
//The background colors and text color changes on both navs are all controlled through the CSS
//change () is the top nav rotating image

function subNavDisplay(navNumber) {
  var navNumber;
  
	if (navNumber == 1) {  
  document.getElementById('sub_nav_display').innerHTML =  '<div style="background-color: #BF0FBF; width: 1050px; height: 30px;"><div id="sub_nav"><ul class="sub_nav_list"><li><div class="sub_nav_div1"><a href="PageServer?pagename=about">about</a></div></li><li><div class="sub_nav_div1_long"><a href="PageServer?pagename=vs_gettinghere">getting here</a></div></li><li><div class="sub_nav_div1_long"><a href="PageServer?pagename=vs_hours">hours & admission</a></div></li><li><div class="sub_nav_div1_long"><a href="PageServer?pagename=vs_groups">group visits</a></div></li><li><div class="sub_nav_div1_long"><a href="PageServer?pagename=vs_food">food & shops</a></div></li><li><div class="sub_nav_div1_long"><a href="PageServer?pagename=vs_thingstoknow">things to know</a></div></li></ul></div></div>';
}
	if (navNumber == 2) {  
  document.getElementById('sub_nav_display').innerHTML =  '<div style="background-color: #59DE05; width: 1050px; height: 30px;"><div id="sub_nav"><ul class="sub_nav_list"><li><div class="sub_nav_div2_long"><a href="PageServer?pagename=jo_indv_membership">individual membership</a></div></li><li><div class="sub_nav_div2_long"><a href="PageServer?pagename=jo_corp_membership">corporate membership</a></div></li><li><div class="sub_nav_div2_long"><a href="PageServer?pagename=jo_volunteer">volunteer program</a></div></li><li><div class="sub_nav_div2_long"><a href="PageServer?pagename=jo_jobs">job opportunities</a></div></li><li><div class="sub_nav_div2_long"><a href="PageServer?pagename=jo_circleoffriends">circle of friends</a></div></li></ul></div></div>';
}
	if (navNumber == 3) {  
  document.getElementById('sub_nav_display').innerHTML =  '<div style="background-color: #FF0000; width: 1050px; height: 30px;"><div id="sub_nav"><ul class="sub_nav_list"><li><div class="sub_nav_div3_long"><a href="Donation2?df_id=1140&1140.donation=landing">making a donation</a></div></li><li><div class="sub_nav_div3_long"><a href="PageServer?pagename=jo_indv_membership">memberships</a></div></li></ul></div></div>';
}
	if (navNumber == 4) {  
  document.getElementById('sub_nav_display').innerHTML =  '<div style="background-color: #0066CC; width: 1050px; height: 30px;"><div id="sub_nav"><ul class="sub_nav_list"><li><div class="sub_nav_div4_long"><a href="PageServer?pagename=pe_overview">education overview</a></div></li><li><div class="sub_nav_div4_long"><a href="PageServer?pagename=pe_indoor">indoor spaces</a></div></li><li><div class="sub_nav_div4_long"><a href="PageServer?pagename=pe_outdoor">outdoor spaces</a></div></li><li><div class="sub_nav_div4_long"><a href="PageServer?pagename=programs">programs</a></div></li></ul></div></div>';
}
	if (navNumber == 5) {  
  document.getElementById('sub_nav_display').innerHTML =  '<div style="background-color: #FF6600; width: 1050px; height: 30px;"><div id="sub_nav"><ul class="sub_nav_list"><li><div class="sub_nav_div5_long"><a href="PageServer?pagename=ev_dailyactivities">daily activities</a></div></li><li><div class="sub_nav_div5_long"><a href="PageServer?pagename=ev_calendar">monthly overview</a></div></li><li><div class="sub_nav_div5_long"><a href="PageServer?pagename=ev_birthdays">birthday parties</a></div></li></ul></div></div>';
}
	if (navNumber == 6) {  
  document.getElementById('sub_nav_display').innerHTML =  '<div style="background-color: #6ec6d4; width: 1050px; height: 30px;"><div id="sub_nav"><ul class="sub_nav_list"><li><div class="sub_nav_div6"><a href="PageServer?pagename=press">press releases</a></div></li></ul></div></div>';
}
}

function change()
{
	number = Math.floor(Math.random()*6)
	if (number==0)
	document.write('<img class="main_image" src="../images/wrapper/top_nav_pic1.jpg" width="419" height="143" alt="" border="0" />')
	
	if (number==1)
	document.write('<img class="main_image" src="../images/wrapper/top_nav_pic2.jpg" width="419" height="143" alt="" border="0" />')	
	
	if (number==2)
	document.write('<img class="main_image" src="../images/wrapper/top_nav_pic3.jpg" width="419" height="143" alt="" border="0" />')
	
	if (number==3)
	document.write('<img class="main_image" src="../images/wrapper/top_nav_pic4.jpg" width="419" height="143" alt="" border="0" />')
	
	if (number==4)
	document.write('<img class="main_image" src="../images/wrapper/top_nav_pic5.jpg" width="419" height="143" alt="" border="0" />')
	
	if (number==5)
	document.write('<img class="main_image" src="../images/wrapper/top_nav_pic6.jpg" width="419" height="143" alt="" border="0" />')
}