var rotatingImage_count; // Number of alternative images 
	var  rotatingImage_timeout;
	var  rotatingImage_images; 
	var  rotatingImage_currentImage = -1;
	var  rotatingImage_alertTimerId = 0;
	var  rotatingImage_prefix;
	var  rotatingImage_suffix;
	var rotatingImage_id;
	var rotatingImage_visibleImage = 1;
	var rotatingImage_invisibleImage = 2;
		

function  rotatingImage_nextImage() {
	
	if (rotatingImage_currentImage < rotatingImage_count - 1) {
		rotatingImage_currentImage++;
	} else {
		rotatingImage_currentImage = 0;
	}
	rotatingImage_swapImage();

} 



function rotatingImage_selectImage(num) {
	rotatingImage_currentImage = num;
	rotatingImage_swapImage();
}
function rotatingImage_swapImage() {
	clearTimeout ( rotatingImage_alertTimerId );

        var options = {};
	var imagenew = "#rotatingImage_image" + rotatingImage_invisibleImage;
	var imageold = "#rotatingImage_image" + rotatingImage_visibleImage;
	$(imagenew + " > img")[0].src =  rotatingImage_images[rotatingImage_currentImage];
	//if (rotatingImage_currentImage < rotatingImage_count - 1)
	rotatingImage_alertTimerId = setTimeout ("rotatingImage_nextImage()",rotatingImage_timeout );
	$(imageold).hide( 'fade',options, 2500 );
	$(imagenew).show( 'fade',options,  4000 );


	if (rotatingImage_visibleImage == 1) {
		rotatingImage_visibleImage = 2;
		rotatingImage_invisibleImage = 1;
	} else {
		rotatingImage_visibleImage = 1;
		rotatingImage_invisibleImage = 2;
	}
	
} 




function rotatingImage_setup(holderName, id, prefix, suffix, count, timeout) {		
	rotatingImage_count = count;
	rotatingImage_id = id;
	rotatingImage_prefix = prefix;
	rotatingImage_suffix = suffix;
	rotatingImage_timeout = timeout * 1000;
	rotatingImage_images = new Array(rotatingImage_count); 
		// Array to hold filenames 
	for (var i = 0;i < rotatingImage_count; i++ ) {
		var j = (i + 1) + '';
    		while (j.length < 2) {
        		j = '0' + j;
    		}
		
		rotatingImage_images[i] = "/images/" + rotatingImage_prefix + j + "." + rotatingImage_suffix;
	}

	var holder = $("#" + holderName)[0];
	var width = holder.style.offsetWidth;
	holder.innerHTML =
	'	<div id="rotatingImage_image1" style="width:' + width + 'px; display:none" class="rotatingImage" > '+
	'			<IMG   id="image" class="rotatingImage" > ' +				
	'		</div>	' +
	'		<div id="rotatingImage_image2" style="width:' + width + 'px;display:none"  class="rotatingImage" > ' +
	'			<IMG   id="image" class="rotatingImage"   > ' +					
	'		</div> ' +
	'               <div id="fernpic"></div> ' + 
	'		<div id="readMoreButton"><a href="/our-company-2.html"></a></div>';
	$("#rotatingImage_image1 > img")[0].src = '';


	
	
	rotatingImage_alertTimerId = setTimeout ("rotatingImage_nextImage()", 2000 );
}