////////// Preloads Images Funtion
/*	$directory is the absolute path to the images.	$imagesA is an
	array literal: ['img1','img2',...]. The image names are extensionless.
*/
function preload($directory, $imagesA){	
	for(n=0; n<$imagesA.length; n++){
		(new Image()).src = $directory + $imagesA[n] + '.jpg';
		}
	}

$navs = [	'nav_about_hover',
			'nav_fineart_hover',
			'nav_licensing_hover',
			'nav_mandalas_hover',
			'nav_dimensional_hover',
			'nav_charity_hover',
			'nav_education_hover'     // this comma is necessary - why? these images will not load without it. $logos will. (?)
			];
			
$logos = [	'logo_about',
			'logo_charity',
			'logo_contact',
			'logo_dimensional',
			'logo_education',
			'logo_fineart',
			'logo_licensing',
			'logo_mandalas',
			'logo_painting',
			'logo_pen_ink',
			'logo_pencil',
			'logo_sitemap'
			];
			
$path_to_images = "/images/";

function $load_nav_images(){
	preload($path_to_images, $navs);
	preload($path_to_images, $logos);
}

window.onload = $load_nav_images;