//include("/js/plugins/serialScroll-min.js");

$(function(){	

	$("#news-ticker").serialScroll({
		items:'li',
		duration:500,
		force:true,
		axis:'y',
		cycle:true,
		easing:'swing',
		interval:3000
	});		
	fadeBackground();
});




var start=0;
var pauze = 4000;
var speed = 1000;

var bgImages = new Array();
bgImages[0] = '1.jpg';
bgImages[1] = '4.jpg';	
bgImages[2] = '3.jpg';
bgImages[3] = '2.jpg';
bgImages[4] = '5.jpg';

var bgText = new Array();
bgText[0]='Zet jezelf op de kaart en ontmoet andere vakantiegangers!';
bgText[1]='Wie gaan er nog meer wintersporten dit jaar?';
bgText[2]='Uitgaan op vakantie. Wie kom jij tegen tijdens het stappen?';
bgText[3]='Welke vakantiegangers liggen tegelijk met jou in de zon?';
bgText[4]='Vergelijk wintersportvakanties op vakantievrienden.nl!';

var bgLink = new Array();
bgLink[0]='paspoort/';
bgLink[1]='aanbiedingen/bizztravel';
bgLink[2]='';
bgLink[3]='aanbiedingen/bizztravel';
bgLink[4]='';


//var counter = Math.floor((Math.random() * 1));  
var counter=-1;


function fadeBackground(){
	
	var textDiv="";
	var addLink="";			
	counter++;	
	
	
	if(start==0){   
		start++;

		if(bgLink[counter]){ var startLink="onclick=\"gotoUrl('"+bgLink[counter]+"')\";";	}
		if(bgLink[counter+1]){ var addLink="onclick=\"gotoUrl('"+bgLink[counter+1]+"')\";"; }		
		
		$('#backgroundImageContainer').html('<div class="backgroundImage" '+startLink+'></div>');
		$('.backgroundImage:first').css('background','#fff url(gfx/bg/'+bgImages[counter]+') top left no-repeat').fadeIn('normal',function(){ //.append('<div class="backgroundText">'+bgText[counter]+'</div>')
																																															  
			if(bgText[counter+1]){
				textDiv = '<div class="backgroundText">'+bgText[counter+1]+'</div>';
			}																																															  
																																															  
			var $next = $('<div class="backgroundImage" style="background:#ffffff url(gfx/bg/'+bgImages[counter+1]+') top left no-repeat;z-index:2;" '+addLink+'>'+textDiv+'</div>');																																		
			$('.backgroundText:first').slideDown();				
			$next.insertAfter($('.backgroundImage:first'));
			counter++;
			setTimeout(function(){fadeBackground()},pauze);	
		});
	}else{  
		$('.backgroundImage:first').stop().fadeOut(speed, function(){
			$('.backgroundImage:first').remove();
			$('.backgroundImage:first').css("z-index","3");				
			$('.backgroundText:first').slideDown();		
			if(!bgImages[counter]){ counter=0; }
			
			if(bgLink[counter].length>2){
				addLink="onclick=\"gotoUrl('"+bgLink[counter]+"')\";";
			}
			
			if(bgText[counter].length>2){
				textDiv = '<div class="backgroundText">'+bgText[counter]+'</div>';
			}

			var $next = $('<div class="backgroundImage" style="background:#ffffff url(/gfx/bg/'+bgImages[counter]+') top left no-repeat;z-index:2;" '+addLink+'>'+textDiv+'</div>');																																		
			$next.insertAfter($('.backgroundImage:first'));	
			setTimeout(function(){fadeBackground()},pauze);				
		});			
	}	

}