var randomnumber=Math.floor(Math.random()*3)

var Quotator = new Class({
	
	Implements: [Options, Events],
	
	options:{
		json : 'quotes.js',
		speed : 8000,
		start : 0
	},

	initialize: function(element, options){
		this.setOptions(options);
		this.element = $(element);
		
		
		var quoteLoader = new Request.JSON({
			url: this.options.json,
			onSuccess: function(response){
				this.quotes = response.quotes;
				this.element.set(
					'html' , 
					"<div class='left-quote'>&nbsp;</div><div class='quote'><p>" + this.quotes[this.options.start].quote + "<span class='right-quote'>&nbsp;</span></p><p class='quote-by'>" + this.quotes[this.options.start].author + "</p></div>"
				);
				setInterval(this.changeQuote.bind(this), this.options.speed);
			}.bind(this)
		});
		quoteLoader.send();
	},
	
	changeQuote : function(){
		if(this.options.start == this.quotes.length - 1){
        	this.options.start = 0;
		} else{
        	this.options.start++;
      	}
      	
      	this.fadeIn(this.options.start);
      	
	},
	
	fadeIn : function(index){
		var fader = new Fx.Tween(this.element,{property : 'opacity'});
		
	
		fader.start(0).chain(
			function() {
				this.element.set(
					'html', 
					"<div class='left-quote'>&nbsp;</div><div class='quote'><p>" + this.quotes[index].quote + "<span class='right-quote'>&nbsp;</span></p><p class='quote-by'>" + this.quotes[index].author + "</p></div>"
				); 
				fader.start(1); 
			}.bind(this)
		);
	}
});