jQuery(document).ready(function() {

	carrplaying = true;
	var imgPauze = "/wps/wcm/connect/bldontwerp/bld/resources/b275d0e0-202d-4d5f-b594-59e3ed646f9a/carrousel_pause_status.jpg";
	var imgPlay = "/wps/wcm/connect/bldontwerp/bld/resources/2b7b0e0f-0bd7-4bc9-b6fb-2e69a454a465/carrousel_play_status.jpg"; 
	var imgVorige = "/wps/wcm/connect/bldontwerp/bld/resources/31b63388-ba4b-460f-a29d-eae418826fa5/carrousel_vorige.gif";
	var imgVolgende = "/wps/wcm/connect/bldontwerp/bld/resources/dd983ebe-853b-4977-8408-0faeea8ce043/carrousel_volgende.gif";

$('.carrousel').append("<div class='cycle-nav'>");
$('.carrousel .cycle-nav').append("<a href='javascript:void(0)' class='cycle-pauseplay'><img src='" + imgPauze + "' alt='pauze'/></a>");
$('.carrousel .cycle-nav').append("<a href='javascript:void(0)' class='cycle-prev'><img src='" + imgVorige + "' alt='<'/></a>");
$('.carrousel .cycle-nav').append("<span class='cycle-pager'></span>");
$('.carrousel .cycle-nav').append("<a href='javascript:void(0)' class='cycle-next'><img src='" + imgVolgende + "' alt='>'/></a>");

// top margin van images in alinea verwijderen.
	$("div.slide p").has("img").css({marginTop: "0"});

	$('.campagne.carrousel').cycle({
		fx: 'fade',
		slides: ".slide",
		swipe: 1,
		timeout: 7300,	
		//pauseOnHover: '.campagne.carrousel .slide, .campagne.carrousel .cycle-nav',
		pager: '.campagne.carrousel .cycle-pager',
		pagerTemplate: '<a href=#> {{slideNum}} </a>',
		prev: '.campagne.carrousel .cycle-prev',
		prevNextEvent: 'click.cycle',
		next: '.campagne.carrousel .cycle-next',
		autoHeight: 'calc'
	});
	
		$('.news.carrousel').cycle({
		fx: 'fade',
		slides: ".slide",
		swipe: 1,
		timeout: 7300,	
		pauseOnHover: '.news.carrousel .slide, .news.carrousel .cycle-nav',
		pager: '.news.carrousel .cycle-pager',
		pagerTemplate: '<a href=#> {{slideNum}} </a>',
		prev: '.news.carrousel .cycle-prev',
		prevNextEvent: 'click.cycle',
		next: '.news.carrousel .cycle-next'
	});
		
	$('.carrousel .cycle-pauseplay').click(function() {
		var carr = $(this).parents("div .carrousel");
		if (carrplaying) {
			carr.cycle('pause');
			$(this).children(".cycle-pauseplay img").attr('src',imgPlay);
			carrplaying = false;
		} else {
			carr.cycle('resume');
			$(this).children(".cycle-pauseplay img").attr('src',imgPauze);
			carrplaying = true;
		}
	});
});