window.addEvent('domready', function() {

	var transition_delay = 8000;
	var current_quote = 1;
	var total_quotes = 0;
	
	function nextQuote() {
		
		selectQuote(current_quote);
		
		current_quote++;	
		
		if(current_quote >= (total_quotes)) {
			current_quote = 0;
		}
	}
	
	var theperiodical = nextQuote.periodical(transition_delay);
	

	function selectQuote(current) {
	
		$$('.activeQuote').each(function(element){
			element.removeClass('activeQuote');
			element.addClass('inactiveQuote');
		});

		$('quote_loop_' + current).removeClass('inactiveQuote');
			
		$('quote_loop_' + current).addClass('activeQuote');
		
		
		$('quote_loop_' + current).setStyle('opacity','0');
		$('quote_loop_' + current).fade('in');
		
	}
	
	
	$$('.quotes_loop').each(function(element){
		element.addClass('inactiveQuote');
		total_quotes = $$('.quotes_loop').length;
		//count all the divs, set total_quotes = total
	})
	
	$$('.quotes_loop')[0].removeClass('inactiveQuote');
	$$('.quotes_loop')[0].addClass('activeQuote')

})