var imgPath = "./assets/images/" ;
var imgArray = new Array() ;
var preloadArray = new Array() ;

imgArray[0] = "wood-hov.jpg" ;
imgArray[1] = "marble-hov.jpg" ;
imgArray[2] = "carbon_fiber-hov.jpg" ;
imgArray[3] = "our-process-hov.jpg" ;
// imgArray[4] = "wood.jpg" ;
// imgArray[5] = "marble.jpg" ;
// imgArray[6] = "carbon_fiber.jpg" ;
// imgArray[7] = "our-process.jpg" ;



// we're using 0 -> 3 instead of the array length because 
// the non-hover images are loaded with the index.html page
// was:: i <= imgArray.length - 1
for (i = 0; i <= 3 ; i++) {
	preloadArray[i] = new Image() ;
	preloadArray[i].src = imgPath + imgArray[i] ; 
}