$(document).ready(function(){	
	
	// fix opacity problem in FIrefox (but not ie)
	if (!$.browser.msie) $('body').css('opacity', 0.9999);
	
	// **** ----- Set this to the number of images you have: 
	var numImages=11;
	//
	// **** ----- speed of screens in milliseconds
	var speed = 6000
	//
	var dimages=new Array();
	var curImage=0;
	
	for (i=0; i<numImages; i++){
	  dimages[i]="images/quote"+(i+1)+".gif";
	  jQuery("<img>").attr("src", dimages[i]);
	}
	
	var target = $('#quoteImage');	
	
	function rotateImage(){
		$(target).animate({ opacity: 0 }, 500,advanceImage);
	}
	
	function advanceImage(){
		curImage+=1;
		if (curImage>=numImages){
			curImage=0
		}
		$(target).attr("src",dimages[curImage]);
		$(target).animate({ opacity: 1 }, 500);
		setTimer();
	}
	
	function setTimer(){
		$(target).oneTime(speed, function() {
			rotateImage();	
		});
	}
	setTimer();
	
});