var BannerTeksten = new Class({
	
	
	initialize: function() {		  
		this.banner_id = 1;
		this.firstRun = true;
		this.interval = 5000;
		this.active = 0;
		this.getBannerTeksten();
	},
    
	getBannerTeksten: function(){		
		new Request.JSON({
			url: "includes/getBannerTeksten.asp", 
			onComplete: function(json){
				this.items = json.results;				
				if(this.items.length>0)	this.build();	
			}.bind(this)
		}).get();	
	},		
	
	build: function(){
		this.container = $("bannerteksten");			
		this.shedule();
	},
	
	shedule: function(){
		this.preload();	
	},	
	
	preload: function(){
		if (this.banner_id == 1) tekst2 = this.items[this.active].algemeen_tekstnew;
		if (this.banner_id == 2) tekst2 = this.items[this.active].algemeen_aanvullend + "<span style='font-size: 11px;'><br>klik hier</span>";
		var div = new Element("div");
		this.makeElement(tekst2);
	},
	
	makeElement: function(tekst3){
		var el = new Element('div').set('html', tekst3);
		//}
		this.showText(el);
	},
	
	showText: function(el){
		el.setStyle('opacity',0);		
		var old = this.container.getElement("div");
		if(old){
			new Fx.Tween(old,{
				transition:Fx.Transitions.easeOut,
				duration: 'long',
				onComplete:function(){
					old.dispose();
				}
			}).start("opacity",0);
		}
		el.inject(this.container);
		new Fx.Tween(el,{transition:Fx.Transitions.easeIn, duration: 'long'}).start("opacity",1);
		this.banner_id = this.banner_id + 1;
		if (this.banner_id > 2) this.banner_id = 1;
		this.preload.delay(this.interval,this);
	}	
});