//--- 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("#gallery_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("#gallery_carousel").scrollTo( { top: 0, left: n }, slideSpeed );
		//bereken het thumbnail nummer
		var slideItem = n / slideWidth;
	}
	
	var rotateGallery;
	initGalleryTimer();
	
	function initGalleryTimer(){
	
		var i = 0;
		var rotateGalleryInterval = 5000;
		rotateGallery = setInterval(function(){
				nextThumb();
				i = i+1;
				if(i == slideCount) i = 0;
			},rotateGalleryInterval);
			
			
	}	
	
	//----------------------------------------
	//--- SOME VALUES
	//----------------------------------------
	// width slide
	var slideWidth = 500;
	// speed
	var slideSpeed = 1000;	
	// count slides
	var slideCount = jQuery("#gallery_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_gallery').click(function() {
		prevThumb();	
		return false;
	});
	jQuery('#next_gallery').click(function() {
		nextThumb();
		return false;
	});

	$('#gallery_carousel').hover(function () {
		clearInterval(rotateGallery);
	    }, function () {
		initGalleryTimer();
	    });	

		
		
});