/////////////////////////////////////////////////////////////////////////////////////////////
// This is the image config variables, change the values to point to your image specifics.///
/////////////////////////////////////////////////////////////////////////////////////////////

var imgAddy = "/images/menu/";  // Location of image
var imgType = ".gif"; // image Type e.g. ".jpg, .gif, .png, ect"
var imgOverEx = "-over"; // this is the extention of the over image name you save it as ie. "image_over.gif, image-over.gif"

////////////////////////////////////////////////////////////////////////////////////////////
// This is the rollover funtions, this should not need to be changed                      //
////////////////////////////////////////////////////////////////////////////////////////////

function rollOver (imgName)
{
    eval("document.images." + imgName + ".src = '" + imgAddy + imgName + imgOverEx + imgType + "'")
}

function rollOut (imgName)
{
    document.images[imgName].src = eval("'" + imgAddy + imgName + imgType + "'")
}

////////////////////////////////////////////////////////////////////////////////////////////
//                        Preloader Function											  //
////////////////////////////////////////////////////////////////////////////////////////////

var mypreload = new Array();
function preloading()
{
	for (x=0; x<preloading.arguments.length; x++)
	{
		mypreload[x] = new Image();
		mypreload[x].src = preloading.arguments[x];
	}
}

// this is calling the function and passing the image names that are to be preloaded
preloading("/images/menu/diabeticResource.gif","/images/menu/diabeticResource-over.gif","/images/menu/products.gif","/images/menu/products-over.gif","/images/menu/nutrition.gif","/images/menu/nutrition-over.gif","/images/menu/contact.gif","/images/menu/contact-over.gif","/images/menu/aboutus.gif","/images/menu/aboutus-over.gif");