//This caches the images we need for the buttons
      var image0=new Image();
      image0.src="images/home-off.jpg";
      var image1=new Image();
      image1.src="images/home-on.jpg";
      var image2=new Image();
      image2.src="images/schedule-off.jpg";
      var image3=new Image();
      image3.src="images/schedule-on.jpg";
      var image4=new Image();
      image4.src="images/forms-off.jpg";
      var image5=new Image();
      image5.src="images/forms-on.jpg";
	  var image6=new Image();
      image6.src="images/events-off.jpg";
	  var image7=new Image();
      image7.src="images/events-on.jpg";
	  var image8=new Image();
      image8.src="images/photos-off.jpg";
	  var image9=new Image();
      image9.src="images/photos-on.jpg";
	  var image10=new Image();
      image10.src="images/coaches-off.jpg";
	  var image11=new Image();
      image11.src="images/coaches-on.jpg";
	  var image12=new Image();
      image12.src="images/register-off.jpg";
	  var image13=new Image();
      image13.src="images/register-on.jpg";
	  var image14=new Image();
      image14.src="images/volunteer-off.jpg";
	  var image15=new Image();
      image15.src="images/volunteer-on.jpg";
	  var image16=new Image();
      image16.src="images/contact-off.jpg";
	  var image17=new Image();
      image17.src="images/contact-on.jpg";



//Swaps out an image with another.  Intended to switch visual states for buttons.
function imgStateChange(imgID,imgOverState)
{
   document.getElementById(imgID).src=imgOverState;
}



//Code to handle the drop down menu effect.
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{	closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

$(document).ready(function()
{	$('#jsddm > li').bind('mouseover', jsddm_open);
	$('#jsddm > li').bind('mouseout',  jsddm_timer);});

document.onclick = jsddm_close;