function consolelog() {
	if (window.console && window.console.log)
		window.console.log('[slider] ' + Array.prototype.join.call(arguments,' '));
};

/**
* Slider vars
**/
var sliding = false;
var jSlides = null;
var currentIndex = 0;
var countSlides = 0;
var current_url = "";
var sliderInterval = null;
var timeoutSlider = null;
function clickSlide() {
	if(current_url != "") {
		window.location=current_url;
	}	
}

function getSlider() {
	$.getJSON('/home-slider.json', function(data) {
		var jSlider = data;
		
		if(data.count > 0) {
			consolelog("Starting slider with " + data.count + " slides.");
			countSlides = data.count;
			jSlides = data.slides;
			
			$('#slide_kader').mouseout(function() {
				if(sliding==false) {
					clearTimeout(timeoutSlider);
					timeoutSlider = setTimeout("startSlider()",2000);
					consolelog("resuming slide");
				}		
			});
			
		
			$('#slide_kader').mouseover(function() {
				if(sliding=true) {
					clearInterval(sliderInterval);
					sliding = false;
					consolelog("pausing slide");
				}
			});
				
			startSlider(false);
			
		} else {
			consolelog("Terminating, too few slides");
		}
		
	});
}
function startSlider(resume) {
	sliding = true;
	
	if(resume=true) {
		slideNext();
	}	
	sliderInterval = setInterval("slideNext()",5000)
			
}

function slideNext() {
	$('#image1').html($('#image2').html());
	$('#kader1').html($('#kader2').html());
	$('#image1').show();
	$('#kader1').show();
	if(jSlides[currentIndex].Url != "") {
		$('#image2').html('<a href="' + jSlides[currentIndex].Url + '" title="' + jSlides[currentIndex].Alttag + '"><img src="' + jSlides[currentIndex].Afbeelding + '" alt="' + jSlides[currentIndex].Alttag+ '"/></a>');
		swapCursor(1);
	} else {
		swapCursor(0);
		$('#image2').html('<img src="' + jSlides[currentIndex].Afbeelding + '" alt="' + jSlides[currentIndex].Alttag+ '"/>');
	}
	$('#kader2').html('<img src="' + jSlides[currentIndex].Oneliner + '" alt="' + jSlides[currentIndex].Alttag+ '"/>');
	
	$('#image1').fadeOut(1000, function() {
		$('#image1').html();	    
 	});
 	$('#kader1').fadeOut(1000, function() {
		$('#kader1').html();	    
 	});
	current_url = jSlides[currentIndex].Url;

	if(currentIndex < (countSlides-1)) {
		currentIndex++;
	} else {
		currentIndex = 0;
	}
}

function swapCursor(io) {
	if(io==1) {
		$('#slide_kader').css('cursor','pointer');
		$('#slide_image').css('cursor','pointer');
	} else {
		$('#slide_kader').css('cursor','auto');
		$('#slide_image').css('cursor','auto');
	}
}
