var Sponsors = new Class({
	initialize: function() {		  
		this.firstRun = true;
		this.interval = 3000;
		this.active = 0;
		this.getSponsors();
	},
    
	getSponsors: function(){		
		new Request.JSON({
			url: "includes/getSponsors.asp", 
			onComplete: function(json){
				this.items = json.results;				
				if(this.items.length>0)	this.build();				
			}.bind(this)
		}).get();	
	},
	
	build: function(){
		this.container = new Element("div")
		.setStyle('position','relative')
		.inject($("sponsor"));			
		this.shedule();
	},
	
	shedule: function(){
		this.preload();	
	},	
	
	preload: function(){
		var img = new Element("img", {
			src: "picture.asp?kenmerk=sponsor&volgnr="+this.items[this.active].sponsor_volgnr+"&anticache=" + $random(1,99999)+"",			
			events: {
				'load':function(){
					this.makeElement(img);
				}.bind(this)
			}
		});
	},
	
	makeElement: function(img){
		var item = this.items[this.active];
		if(item.sponsor_url!=""){
			var a = new Element("a",{
				href:"http://"+item.sponsor_url+"",
				target:"_blank"
			});
			img.inject(a);
			var el = a;
		} else {
			var el = img;
		}
		this.showImage(el,img);
	},
	
	showImage: function(el,img){
		el.setStyle('opacity',0);		
		var old = this.container.getElement("img");
		if(old){
			new Fx.Tween(old,{
				transition:Fx.Transitions.easeOut,
				onComplete:function(){
					old.dispose();
				}
			}).start("opacity",0);
		}
		el.inject(this.container);		
		el.setStyles({
			'position':'absolute',
			'top':($("sponsor").getCoordinates().height / 2 ) - (img.getCoordinates().height / 2),
			'left':($("sponsor").getCoordinates().width / 2) - (img.getCoordinates().width / 2)
		});	
		new Fx.Tween(el,{transition:Fx.Transitions.easeIn}).start("opacity",1);
		this.active = this.active + 1;
		if(this.active == this.items.length) this.active = 0;		
		this.preload.delay(this.interval,this);
	}	
});