// define global variables, these can be overridden within the page

var imgBaseDir = '/images';

// function to preload the images into an array, pass imagenames in comma-separated list
// usage : preLoad( 'img1.gif,img2.gif,[...]' );

function preLoad( imgNms ) 
{
	var imgLst = imgNms.split(',');
	var imgArr = new Array( imgLst.length );
	for ( i = 0; i < imgArr.length; i++ )
	{
		imgArr[i] = new Image();
		imgArr[i].src = imgBaseDir + '/' + imgLst[i];
	}
	return imgArr;
}

function preLoadMenus()
{
	preLoad( 'menu/aboutBall.gif,menu/contactBall.gif,menu/contributionsBall.gif,menu/eventsBall.gif,menu/joinBall.gif,menu/resourcesBall.gif,menu/siteMapBall.gif,menu/statisticsBall.gif,menu/testimonialsBall.gif,menu/volunteerOppsBall.gif,' );
}

// function to swap 'on' state, use with imgOff to create rollover effect
// usage : <A HREF="href" onMouseOver="imgOn( img1 );"><IMG NAME="img1" SRC="img1.gif"></A>

function imgOn( imgObj ) 
{
	var imgNm = imgObj.name;
	imgOnURL = imgBaseDir + '/menu/' + imgNm + 'Ball.gif';
	imgObj.src = imgOnURL;
}

// function to swap 'off' state, use with imgOn to create rollover effect
// usage : <A HREF="href" onMouseOut="imgOff( img1 );"><IMG NAME="img1" SRC="img1.gif"></A>

function imgOff( imgObj ) 
{
	var imgNm = imgObj.name;
	imgOffURL = imgBaseDir + '/menu/' + imgNm + 'Blank.gif';
	imgObj.src = imgOffURL;
}