$(document).ready(function(){
	$("#arrowLeft").css('visibility', 'hidden');
	defineSliderWidth();
	$("#arrowRight, #arrowLeft").click(function(event) {
		var arrow = $(this).attr('id');
		var left = $("#slider").css('left');
		var leftlength = left.length;
		
		var stripPX = parseInt(left.substr(0, leftlength-2));
		if(arrow == 'arrowRight'){
			var newLeft = stripPX-300;
		}else if(arrow == 'arrowLeft'){
			var newLeft = stripPX+300;
			//$("#slider").css('left', newLeft+'px');
		}
		$('#slider').animate({ left: newLeft }, 400);
		if(newLeft < 0){
			$("#arrowLeft").css('visibility', 'visible');
		}else{
			$("#arrowLeft").css('visibility', 'hidden');
		}
		
		var sliderWidth = $("#slider").css('width');
		sliderWidth = parseInt(sliderWidth)-616;
		sliderWidth = "-"+sliderWidth;

		if(parseInt(sliderWidth) < newLeft){
			$("#arrowRight").css('visibility', 'visible');
		}else{
			$("#arrowRight").css('visibility', 'hidden');
		}
		
		return false;
	});	
});

function defineSliderWidth(){
	var c=0;
	$("#slider").find("img").each(function() {
		//c+=118;
		//alert($(this).width());
		c+=($(this).width())+15;
	});
	$("#slider").css('width', c+'px');
}

function aftellen(secs,spanid,disp){
	span=document.getElementById(spanid);
	if(disp==true){
		hours=parseInt(secs/3600);
		mins=parseInt((secs-(hours*3600))/60);
		var ssecs =(secs%60);
	}else{
		mins=0;hours=0;
	}

	doortellen(hours,mins,secs,span,disp);
}
function doortellen(hours,mins,secs,span,disp){
	stop=false;
	if(disp==true){
		secs--;
		
		var dagen = Math.floor(secs/60/60/24);
		var overgeblevenuren = Math.floor((secs % (3600*24))/3600);
		var overminuten = Math.floor((secs%3600)/60);
	
		if(dagen == 1){ var dagofdagen = "DAG"}else{var dagofdagen = "DAGEN"}
		if(overminuten == 1){ var minofminuut = "MINUUT"}else{var minofminuut = "MINUTEN"}
		if(overgeblevenuren == 1){ var uurofuren = "UUR"}else{var uurofuren = "UREN"}
		span.innerHTML = '<span id="dag">'+dagen+'</span><span class="text">'+dagofdagen+'</span><span id="uur">'+overgeblevenuren+'</span><span class="text">'+uurofuren+'</span><span id="uur">'+overminuten+'</span><span class="text">'+minofminuut+'</span>';
		
		//span.innerHTML=(hours!=0?''+hours+' uur, ':'')+mins+(mins!=1?' minuten en ':' minuut en ')+secs+(secs!=1?' seconden':' seconde');
	}else{
		//span.innerHTML=secs+(secs!=1?' seconden':' seconde');
	}
	if(stop==false){
		setTimeout(
			function(){
				doortellen(hours, mins,secs,span,disp)},1000);
			}
			if(stop==true){
				window.location.reload(true);
			}
		}