var docImagesName	= new Array();

	var docImagesOff	= new Array();

	var docImagesOn		= new Array();

	var mediaDirectory	= '../media/';

	function preloadImages()

	{

		if (document.images)

		{

			for (i = 0; i < arguments.length; ++i)

			{

				docImagesName[i] 		= arguments[i];

				docImagesOff[i] 		= new Image();

				docImagesOff[i].src		= mediaDirectory + arguments[i] + '_off.gif';

				docImagesOn[i]			= new Image();

				docImagesOn[i].src 		= mediaDirectory + arguments[i] + '_on.gif';

			}

		}

	}



	function roll(img,onoff,rpt)

	{

		if (document.images)

		{

			var idx,ref;

			for (idx = 0; idx < docImagesName.length; ++idx)

			{

				if (docImagesName[idx] == img)

				{

					break;

				}

			}



			if (arguments.length > 2)

			{

				ref = docImagesName[idx] + rpt;

			}

			else

			{

				ref = docImagesName[idx];

			}



			if (onoff == 'on')

			{

				document.images[ref].src = docImagesOn[idx].src;

			}

			else

			{

				document.images[ref].src = docImagesOff[idx].src;

			}

		}

	}





	/* Add the name of the image you want a rollover for to this list.

	 * Make sure you add the NAME='name' attribute to the image tag!!!

	 */

	//mediaDirectory = 'media/';

	//preloadImages('next','prev','etc'); // put this line in the page itself.