/**
 * CMSFLOW - class cmsflow
 *
 * @package			home
 * @subpackage		module home
 * @author 			Wouter Verstuyf <wouter@webflow.be>
 */


$(document).ready(function(){ 
	
	// constants
	var currentPosition = 0;
	var slideWidth = 665;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	var slideShowInterval;
	var speed = 8000;

	// start een timer
	if(numberOfSlides > 1) slideShowInterval = setInterval(changePosition, speed);	
	slides.wrapAll('<div id="slidesHolder"></div>')	  
	slides.css({ 'float' : 'left' });
	
	// stel de holder in met de breedte gelijk aan de breedte van alle slides
	$('#slidesHolder').css('width', slideWidth * numberOfSlides);
	
	// functie die de timer afhandelt, dus niet na kliken op next/prev
	function changePosition() {
		if(currentPosition == numberOfSlides - 1) {
			currentPosition = 0;			
		} else {
			currentPosition++;
		}
		moveSlide();
	}
	
	// toon de slide na klik op een bepaalde thumb
	$('.slideNavItem').bind('click', function () {
		
		currentPosition = parseInt($(this).attr('rel'));		
		clearInterval(slideShowInterval);
		slideShowInterval = setInterval(changePosition, speed);		
		moveSlide();		
		
	});	
		
	// verplaats de slide 
	function moveSlide() {
		$('#slidesHolder').fadeOut('slow', function() {
			$('a.slideNavItem').removeClass("current");
			$('li.nav-'+currentPosition+' a').addClass("current");
			$('#slidesHolder').css({'marginLeft' : slideWidth*(-currentPosition)});			
			$('#slidesHolder').show();
		});
	}
    		
});