//--- CUSTOM SLIDERS

//----------------------------------------
//--- BRING IT TO LIFE
//----------------------------------------
jQuery(document).ready(function(){

	//----------------------------------------
	//--- FUNCTIONS
	//----------------------------------------
	function prevThumb(){
		//klik je op vorige, dan wordt de beginpositie met 100px verlaagd
		n = n - slideWidth;
		//is de beginpositie -100 (lager dan 0), wordt de beginpositie het einde
		if(n == -slideWidth) n = slideEnd - slideWidth;
		//scroll naar de beginpositie n
		jQuery("#video_carousel").scrollTo( { top: 0, left: n }, slideSpeed );
		//bereken het thumbnail nummer
		var slideItem = n / slideWidth;
	}		
	function nextThumb(){
		//klik je op volgende, dan wordt de beginpositie met 100px verhoogd
		n = n + slideWidth;

		//als de beginpositie net zo breed is als de totale breedte, dan wordt de beginpositie 0
		if(n == slideEnd) n = 0;
		//scroll naar de beginpositie n
		jQuery("#video_carousel").scrollTo( { top: 0, left: n }, slideSpeed );
		//bereken het thumbnail nummer
		var slideItem = n / slideWidth;
	}
	
	
	
	//----------------------------------------
	//--- SOME VALUES
	//----------------------------------------
	// width slide
	var slideWidth = 392;
	// speed
	var slideSpeed = 1000;	
	// count slides
	var slideCount = jQuery("#video_slider").children().length;
	// total width
	var slidesWidth = slideCount * slideWidth;
	// end of slides
	var slideEnd = slidesWidth;
	//set start to zero
	var n = 0;

	//----------------------------------------
	//--- DO THE MAGIC
	//----------------------------------------
	jQuery('#prev_video').click(function() {
		prevThumb();	
		return false;
	});
	jQuery('#next_video').click(function() {
		nextThumb();
		return false;
	});
	/*
	var rotateVideo;
	
	setTimeout( function()
	{
	 initVideoTimer();
	}, 10000);
      
	
	function initVideoTimer(){
	
	
		var rotateVideoInterval = 5000;
		rotateVideo = setInterval(function(){
				nextThumb();
				i = i+1;
				if(i == slideCount) i = 0;
			},rotateVideoInterval);
			
			
	}	
	
	$('#video_carousel').hover(function () {
		clearInterval(rotateVideo);
	    }, function () {
		initVideoTimer();
	    });	
	    
	    */
	    
});