// Function to control the mouseover and mouseout affect for the right side navigation on the homepage.
//Upon rolling over an option, the main image will change.

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


if(document.images){
	var jcobbleson = preloadImage("images/mainImage/jumboImg.jpg");
	var mjcobbleson = preloadImage("images/mainImage/miniJumboImg.jpg");
	var medcobbleson = preloadImage("images/mainImage/medJumboImg.jpg");
	var waferon = preloadImage("images/mainImage/waferImg.jpg");
	var cubeon = preloadImage("images/mainImage/cubeImg.jpg");
	var riveron = preloadImage("images/mainImage/riverImg.jpg");
	var brickon = preloadImage("images/mainImage/brickImg.jpg");
	var sculptureon = preloadImage("images/mainImage/sculptureImg.jpg");
	var curbingon = preloadImage("images/mainImage/curbImg.jpg");
	var blockon = preloadImage("images/mainImage/blockImg.jpg");
	var newson = preloadImage("images/mainImage/jumboImg.jpg");
}

function imgOn(id){
	if(document.images){
		document.getElementById('mainImage').src = eval(id + "on.src");
	
	}
}

function imgOff(){
	if(document.images){
		document.getElementById('mainImage').src = "images/homepage_IMG.jpg";
	}
}