// JavaScript Document


//function to preload the images for rollover affects.
function preloadImage(url){
	var i = new Image();
	i.src = url;
	return i;
}

//assign variables to the preloaded images
if (document.images){
	var abouton = preloadImage("../images/about_down.jpg");
	var aboutoff = preloadImage("../images/about_up.jpg");
	var contacton = preloadImage("../images/contact_down.jpg");
	var contactoff = preloadImage("../images/contact_up.jpg");
	var infoon = preloadImage("../images/info_down.jpg");
	var infooff = preloadImage("../images/info_up.jpg");
	var galleryon = preloadImage("../images/gallery_down.jpg");
	var galleryoff = preloadImage("../images/gallery_up.jpg");
	var snowon = preloadImage("../images/snow_down.jpg");
	var snowoff = preloadImage("../images/snow_up.jpg");
	var skateon = preloadImage("../images/skate_down.jpg");
	var skateoff = preloadImage("../images/skate_up.jpg");
	var h2oon = preloadImage("../images/h2o_down.jpg");
	var h2ooff = preloadImage("../images/h2o_up.jpg");
	var bikeon = preloadImage("../images/bike_down.jpg");
	var bikeoff = preloadImage("../images/bike_up.jpg");
	var eventson = preloadImage("../images/events_down.jpg");
	var eventsoff = preloadImage("../images/events_up.jpg");
	var productson = preloadImage("../images/products_down.jpg");
	var productsoff = preloadImage("../images/products_up.jpg");
	var serviceson = preloadImage("../images/services_down.jpg");
	var servicesoff = preloadImage("../images/services_up.jpg");
	var linkson = preloadImage("../images/links_down.jpg");
	var linksoff = preloadImage("../images/links_up.jpg");
	var specials1on = preloadImage("../images/specials1_down.jpg");
	var specials1off = preloadImage("../images/specials1_up.jpg");
	var bmxChoiceon = preloadImage("../images/bmxChoice_down.jpg");
	var bmxChoiceoff = preloadImage("../images/bmxChoice.jpg");
	var bikeChoiceon = preloadImage("../images/bikeChoice_down.jpg");
	var bikeChoiceoff = preloadImage("../images/bikeChoice.jpg");
}

//function to change the image when a mouse rolls over it
function mouseOn(imgName){
	if(document.images)
		document[imgName].src=eval(imgName + "on.src");
}

//function to return an image to its original state.
function mouseOff(imgName){
	if(document.images)
		document[imgName].src=eval(imgName + "off.src");
}