addmyslider

var slideCount = $(".klantenSlide");

console.log(slideCount.length);

//controls neerzetten
for(i = 0; i < slideCount.length; i++){
	$(".klantControls ul").append("<li></li>");
	console.log("append");
}


var x = 0;
$(".klantenSlide:gt(0)").fadeOut(0);
$(".klantControls ul li:eq(0), .klantenLogoContainer div img:eq(0)").addClass("current")


setInterval(function(){

	if(x == (slideCount.length-1)) {
		x=0;
	}else {
		x+=1;
	}


	slideKlant(x);

},6000);

$(".klantenLogoContainer div img, .klantControls ul li").click(function(){
	//alert($(this).index());
	if($(this).index() != x) {
	slideKlant($(this).index());
	}
	console.log(x);
});

function slideKlant(nextSlide) {


	$(".klantenSlide").fadeOut(500);
	$(".klantenSlide:eq("+nextSlide+") .klantBox").css("marginTop","80px");
	$(".klantenSlide:eq("+nextSlide+") .klantBox").css("opacity","0");

	setTimeout(function(){
		$(".klantenSlide:eq("+nextSlide+") .klantBox").animate({
		marginTop: "92px",
		opacity: 1
		},450);
	},200);

	$(".klantenSlide:eq("+nextSlide+")").fadeIn(500);
	$(".klantControls ul li").removeClass("current");
	$(".klantControls ul li:eq("+nextSlide+")").addClass("current");
	$(".klantenLogoContainer div img").removeClass("current");
	$(".klantenLogoContainer div img:eq("+nextSlide+")").addClass("current");
	x = nextSlide;

}


//$('.klantenSlider').cycle();