var imageIndex = 1;
var timeOutInterval = 4000; // about 3 seconds
var timeOut = null;
var services = new Array();

services[3] = new Array();
services[3]['image1'] = new Image();
services[3]['image1'].src = 'http://www.treasuretransport.co.uk/images/services/storage.jpg';
services[3]['image2'] = new Image();
services[3]['image2'].src = 'http://www.treasuretransport.co.uk/images/services/maintenance.jpg';
services[3]['ele'] = document.getElementById('service_3');
		

function home_init() {
	
	// Match the heights of the four service boxes
	var par = document.getElementById('services');	
	matchHeight(par, 'content', 'div');	
	
	// Start the service image rotation
	if(services.length > 0) {
		timeOut = setTimeout('serviceImageRoatet()', timeOutInterval);
	}
}

function serviceImageRoatet()
{
	for(var id in services) { // effectivaly a ForEach known as a For...In (Javascript only)
		if(imageIndex==1) {
			imageIndex++;	
		} else {
			imageIndex = 1;	
		}
		services[id]['ele'].src = services[id]['image'+imageIndex].src;
	}
	
	timeOut = setTimeout('serviceImageRoatet()', timeOutInterval);
}