/*
 	to use enter the following between <head> and </head>
	
	<script type="text/javascript" src="/js/images.js"> </script>
	
	var fadeimagesarray = new Array("/people/portraits01.jpg","/people/portraits02.jpg","/people/portraits03.jpg","/people/portraits04.jpg","/people/portraits05.jpg","/people/portraits06.jpg","/people/portraits07.jpg","/people/portraits08.jpg");
	
	</head>
	
	<body onload="preload_images(fadeimagesarray)">
		<img src="whatever.jpg" id="main_image" />
	</body>


*/

var fadeimagesarray = new Array();
var current_image = 0;
function preload_images(array)
{
	fadeimagesarray = array;
	for(i=0;i<fadeimagesarray.length-1;i++)
	{
		heavyImage = new Image(); 
		//alert("preloading " + fadeimagesarray[i]);
		heavyImage.src = fadeimagesarray[i];
	}
}
function load_image(index)
{
	//alert("Image " + index +" total image: " + fadeimagesarray.length);
	document.getElementById("main_image").src = fadeimagesarray[index];
	current_image = index;
}
function next_image()
{
	//alert("next_image");
	if(current_image+1 > fadeimagesarray.length -1)
	{
		load_image(0);
	}
	else
	{
		load_image(current_image+1);
	}
}
function prev_image()
{
	//alert("prev_image");
	if(current_image-1 <= 0)
	{
		load_image(fadeimagesarray.length-1);
	}
	else
	{
		load_image(current_image-1);
	}
}