function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}



function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}



function MM_findObj(n, d) { //v4.0

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && document.getElementById) x=document.getElementById(n); return x;

}



function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}



function getStyleObject(objectId) {
  // cross-browser function to get an object's style object given its
  if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
} // getStyleObject

function showSubMenu(id){

  var the_div
  
  for (var i=2;i<=7;i++){

    the_div = getStyleObject("menu"+i);
    
    if (the_div.display =="block") the_div.display="none"

  }

  if (id!=1) {

    the_div = getStyleObject("menu1");

    the_div.display="none";

    var the_div1 = getStyleObject("menu"+id);
    
    the_div1.display="block";

  }

}



function hideSubMenu(id, main){

  var the_div = getStyleObject("menu" + id); 

  var the_div2 = getStyleObject("menu" + main); 
  
  the_div.display="none"

  the_div2.display="block"

}



function showMenu(i,j){

  Image1 = 'http://socrates.berkeley.edu/~pbd/images/nav_home_off.gif'

  Image2 = 'http://socrates.berkeley.edu/~pbd/images/nav_about_us_off.gif'

  Image3 = 'http://socrates.berkeley.edu/~pbd/images/nav_prevention_updates_off.gif'

  Image4 = 'http://socrates.berkeley.edu/~pbd/images/nav_trainers_off.gif'

  Image5 = 'http://socrates.berkeley.edu/~pbd/images/nav_community_prevention_off.gif'

  Image6 = 'http://socrates.berkeley.edu/~pbd/images/nav_resources_off.gif'

  Image7 = 'http://socrates.berkeley.edu/~pbd/images/nav_contact_us_off.gif'



  if (i==1) {

    Image1 = 'http://socrates.berkeley.edu/~pbd/images/nav_home_on.gif'

  }

  else if (i==2) {

    Image2 = 'http://socrates.berkeley.edu/~pbd/images/nav_about_us_on.gif'

  }

  else if (i==3) {

    Image3 = 'http://socrates.berkeley.edu/~pbd/images/nav_prevention_updates_on.gif'

  }

  else if (i==4) {

    Image4 = 'http://socrates.berkeley.edu/~pbd/images/nav_trainers_on.gif'

  }

  else if (i==5) {

    Image5 = 'http://socrates.berkeley.edu/~pbd/images/nav_community_prevention_on.gif'

  }

  else if (i==6) {

    Image6 = 'http://socrates.berkeley.edu/~pbd/images/nav_resources_on.gif'

  }

  else if (i==7) {

    Image7 = 'http://socrates.berkeley.edu/~pbd/images/nav_contact_us_on.gif'

  }

  

  submenu = new Array

  for (a=0;a<100;a++) {

    	submenu[a] = 'submenu'

  }

  submenu[i*10+j] = 'sub_hightlight'



MainMenu = '   <tr>' +

'                <td>' +

'                  <table width="100%" border="0" cellspacing="0" cellpadding="0">' +

'                    <tr>' +

'                      <td width="8%"><a href="http://socrates.berkeley.edu/~pbd/index.html" onMouseOut="MM_swapImgRestore();hideSubMenu(1, ' + i + ')" onMouseOver="MM_swapImage(\'Image1\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_home_on.gif\',' + i + ');showSubMenu(1)"><img src="' + Image1 + '" width="73" height="19" border="0" name="Image1"></a></td>' +

'                      <td width="11%"><a href="http://socrates.berkeley.edu/~pbd/about_us.html" onMouseOut="MM_swapImgRestore();hideSubMenu(2, ' + i + ')" onMouseOver="MM_swapImage(\'Image2\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_about_us_on.gif\',' + i + ');showSubMenu(2)"><img src="' + Image2 + '" width="92" height="19" border="0" name="Image2"></a></td>' +

'                      <td width="20%"><a href="http://socrates.berkeley.edu/~pbd/prevention_updates.html" onMouseOut="MM_swapImgRestore();hideSubMenu(3, ' + i + ')" onMouseOver="MM_swapImage(\'Image3\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_prevention_updates_on.gif\',1' + i + ');showSubMenu(3)"><img src="' + Image3 + '" width="152" height="19" border="0" name="Image3"></a></td>' +


'                      <td width="22%"><a href="http://socrates.berkeley.edu/~pbd/community_prevention.html" onMouseOut="MM_swapImgRestore();hideSubMenu(5, ' + i + ')" onMouseOver="MM_swapImage(\'Image5\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_community_prevention_on.gif\',' + i + ');showSubMenu(5)"><img src="' + Image5 + '" width="169" height="19" border="0" name="Image5"></a></td>' +

'                      <td width="9%"><a href="http://socrates.berkeley.edu/~pbd/resources.html" onMouseOut="MM_swapImgRestore();hideSubMenu(6, ' + i + ')" onMouseOver="MM_swapImage(\'Image6\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_resources_on.gif\',' + i + ');showSubMenu(6)"><img src="' + Image6 + '" width="102" height="19" border="0" name="Image6"></a></td>' +

'                      <td width="16%"><a href="http://socrates.berkeley.edu/~pbd/contact_us.html" onMouseOut="MM_swapImgRestore();hideSubMenu(7, ' + i + ')" onMouseOver="MM_swapImage(\'Image7\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_contact_us_on.gif\',' + i + ');showSubMenu(7)"><img src="' + Image7 + '" width="96" height="19" border="0" name="Image7"></a></td>' +

'                      <td width="14%"><a href="http://socrates.berkeley.edu/~pbd/trainers.html" onMouseOut="MM_swapImgRestore();hideSubMenu(4, ' + i + ')" onMouseOver="MM_swapImage(\'Image4\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_trainers_on.gif\',' + i + ');showSubMenu(4)"></td>' +

'                    </tr>' +

'                  </table>' +

'                </td>' +

'              </tr>'

	document.write(MainMenu);



SubMenu = '   <tr>' +

'                <td bgcolor="B64F0C" height="19">' +

'                  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="display:none" id="menu1">' +

'                    <tr align="center">' + 

'                      <td class="td_submenu" onMouseOut="MM_swapImgRestore();hideSubMenu(1, ' + i + ')" onMouseOver="MM_swapImage(\'Image1\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_home_on.gif\',' + i + ');showSubMenu(1)">' +

'                      &nbsp;' +

'                      </td>' +

'                    </tr>' +

'                  </table>' +

'                  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="display:none" id="menu2">' +

'                    <tr>' +

'                      <td align="left" class="td_submenu" onMouseOut="MM_swapImgRestore();hideSubMenu(2, ' + i + ')" onMouseOver="MM_swapImage(\'Image2\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_about_us_on.gif\',' + i + ');showSubMenu(2)">' +

'                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' +

'                      <a id="submenu21" href="http://socrates.berkeley.edu/~pbd/services.html" class="' + submenu[21] + '">Our Services</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;' +

'                      <a id="submenu23" href="http://socrates.berkeley.edu/~pbd/staff.html" class="' + submenu[23] + '">Staff</a> &nbsp;&nbsp;&nbsp;' +


'                      </td>' +

'                    </tr>' +

'                  </table>' +

'                  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="display:none" id="menu3">' +

'                    <tr align="center">' +

'                      <td class="td_submenu" onMouseOut="MM_swapImgRestore();hideSubMenu(3, ' + i + ')" onMouseOver="MM_swapImage(\'Image3\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_prevention_updates_on.gif\',1' + i + ');showSubMenu(3)">' +

'                      &nbsp;' +

'                      </td>' +

'                    </tr>' +

'                  </table>' +

'                  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="display:none" id="menu4">' +

'                    <tr>' +

'                      <td align="left" class="td_submenu" onMouseOut="MM_swapImgRestore();hideSubMenu(4, ' + i + ')" onMouseOver="MM_swapImage(\'Image4\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_trainers_on.gif\',' + i + ');showSubMenu(4)">' +



'                      </td>' +

'                    </tr>' +

'                  </table>' +

'                  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="display:none" id="menu5">' +

'                    <tr align="center">' +

'                      <td class="td_submenu" onMouseOut="MM_swapImgRestore();hideSubMenu(5, ' + i + ')" onMouseOver="MM_swapImage(\'Image5\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_community_prevention_on.gif\',' + i + ');showSubMenu(5)">' +

' 					  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' +

'                      <a href="http://socrates.berkeley.edu/~pbd/tales.html" class="' + submenu[51] + '">Tales from the Cities</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;' +
'                      <a href="http://socrates.berkeley.edu/~pbd/track_entry.html" class="' + submenu[52] + '">Taking Charge</a>' +
'                      &nbsp;&nbsp;&nbsp;' +

'                      </td>' +

'                    </tr>' +

'                  </table>' +

'                  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="display:none" id="menu6">' +

'                    <tr>' +

'                      <td align="left" class="td_submenu" onMouseOut="MM_swapImgRestore();hideSubMenu(6, ' + i + ')" onMouseOver="MM_swapImage(\'Image6\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_resources_on.gif\',' + i + ');showSubMenu(6)">' +

'                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' +

'                      <a href="http://socrates.berkeley.edu/~pbd/links.html" class="' + submenu[61] + '">Links</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;' +

'                      <a href="http://socrates.berkeley.edu/~pbd/planning_guide.html" class="' + submenu[66] + '">5 Step Planning Guide</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;' +			

'                      <a href="http://socrates.berkeley.edu/~pbd/newsletters.html" class="' + submenu[63] + '">Newsletters</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;' +

'                      <a href="http://socrates.berkeley.edu/~pbd/publications.html" class="' + submenu[64] + '">Publications</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;' +

'                      <a href="http://socrates.berkeley.edu/~pbd/glossary.html" class="' + submenu[65] + '">Glossary</a>' +

'                      &nbsp;&nbsp;&nbsp;' +

'                      </td>' +

'                    </tr>' +

'                  </table>' +



'                  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="display:none" id="menu7">' +

'                    <tr align="center">' +

'                      <td class="td_submenu" onMouseOut="MM_swapImgRestore();hideSubMenu(7, ' + i + ')" onMouseOver="MM_swapImage(\'Image7\',\'\',\'http://socrates.berkeley.edu/~pbd/images/nav_contact_us_on.gif\',' + i + ');showSubMenu(7)">' +

'                      &nbsp;' +

'                      </td>' +

'                    </tr>' +

'                  </table>' +

'                </td>' +

'              </tr>'



	document.write(SubMenu);

  var the_div = getStyleObject("menu"+i);
	
	the_div.display="block";

	

}

