var customers = ["Shell","ECN","Waterschap de Dommel","Tennet","SNV","Provincie Zuid-Holland","Gasterra","FME CWM","Rabobank","Enexis","Elsevier","Valmont","Philadelphia","Nederlands Octrooibureau","KLPD","Politie Hollands Midden","Elocoat","B&L Accountants","Gemeente Nieuwegein","Brandweer Nieuwegein","IBA Amsterdam (Gem.Ing.Bureau)","GGD Amsterdam (Bureau Jeugdzorg)"];
var logonames = ["0.gif","2.gif","3.gif","4.gif","5.gif","6.gif","7.gif","8.gif","9.gif","10.gif","11.gif","12.gif","13.gif","14.gif","15.gif","16.gif","17.gif","18.gif","19.gif","20.gif","21.gif","22.gif"];
var numbers = ["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21"];

shuffle = function(o){ //v1.0
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
};

numbers = shuffle(numbers);

var currentCustomer = 0;

$(function(){
	$('.customer-slidershow .customer-name').html(customers[numbers[0]]);
    $('.customer-slidershow .logo').css('background-image', 'url(/images/opdra_logo/'+logonames[numbers[0]]+')');	
	setInterval(showNextCustomer, 3000);
});



function showNextCustomer(){	
	currentCustomer++;	
	$('.customer-slidershow .logo').animate({backgroundPosition:'275px 0'}, 500,function(){
	    $('.customer-slidershow .logo').css('background-image', 'url(/images/opdra_logo/'+logonames[numbers[currentCustomer]]+')');	
		$('.customer-slidershow .logo').css('background-position', '-275px 0');
		$('.customer-slidershow .logo').animate({backgroundPosition:'0px 0'}, 500);	
		
		setTimeout(function(){
			$('.customer-slidershow .customer-name').html(customers[numbers[currentCustomer]]);				
		}, 100);

	});
	
	if(currentCustomer >= customers.length){
		currentCustomer = 0;
	}
}