// 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 SpecialsPigon = preloadImage("images/specials_pig_over.gif");
	var SpecialsPigoff = preloadImage("images/specials_pig.gif");
	var PigSpaceon = preloadImage("images/pig_space_over.gif");
	var PigSpaceoff = preloadImage("images/pig_space.gif");
	var PhotoPigon = preloadImage("images/photo_pig_over.gif");
	var PhotoPigoff = preloadImage("images/photo_pig.gif");
	var EventsPigon = preloadImage("images/events_pig_over.gif");
	var EventsPigoff = preloadImage("images/events_pig.gif");
	var LinksPigon = preloadImage("images/links_pig_over.gif");
	var LinksPigoff = preloadImage("images/links_pig.gif");
	var ContactPigon = preloadImage("images/contact_pig_over.gif");
	var ContactPigoff = preloadImage("images/contact_pig.gif");
	var LilPiggieson = preloadImage("images/lil_piggies_over.gif");
	var LilPiggiesoff = preloadImage("images/lil_piggies.gif");

}

//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");
}