var rotateImages = Array();
	
	rotateImages[0] = Array();
	rotateImages[0]['src'] = 'library/banners/arrows.jpg';
	rotateImages[0]['alt'] = 'Arrows pointing upwards';
	rotateImages[0]['title'] = 'Arrows pointing upwards';
	
	rotateImages[1] = Array();
	rotateImages[1]['src'] = 'library/banners/busy.jpg';
	rotateImages[1]['alt'] = 'People Rushing Around';
	rotateImages[1]['title'] = 'People Rushing Around';
	
	var imageCount = 2;
	var currImage = 0;
	var nextImage = 1;
	var image = null;
	var timeOutInterval = 4000; // about 4 seconds
	var timeOut = null;
	
	function imageRotate() {
		
		if(image == null) { image = document.getElementById('banner_image'); }
	
		if(nextImage == (imageCount - 1)) { nextImage = 0; }
		else { nextImage ++; }
		
		image.src = rotateImages[nextImage]['src'];
		image.alt = rotateImages[nextImage]['alt'];
		if(rotateImages[nextImage]['title'] != '') {
			image.title = rotateImages[nextImage]['title'];
		}
		
		currImage = nextImage;
		
		timeOut = setTimeout('imageRotate()', timeOutInterval);
	
	}
	
	function imageRotateInit() {
		if(imageCount > 1) {
			timeOut = setTimeout('imageRotate()', timeOutInterval);
		}
	}
	
	// Set the onlond
//	window.onload = imageRotateInit;