//configuratie opties documentatie: http://sorgalla.com/projects/jcarousel


//window.onload ivm Safari
window.onload = function(){
		
		//homepage
		jQuery('#homecarousel').jcarousel({
			start: 0,
			offset: 1,
			//size: 3,
			scroll: 1,
			animation: 'slow',
			wrap: 'circular',
			auto: 4,
			initCallback: mycarousel_initCallback,
			buttonNextHTML: null, 
			buttonPrevHTML: null,
			itemVisibleInCallback: {
			  onBeforeAnimation: mycarousel_BeforeAnimationCallback,
			  onAfterAnimation: mycarousel_AfterAnimationCallback
			}
		});
		
		//casepagina
		jQuery('#casecarousel').jcarousel({
			start: 0,
			offset: 1,
			//size: 3,
			scroll: 0,
			animation: 0,
			wrap: 'circular',
			auto: 0,
			initCallback: mycarousel_initCallback,
			buttonNextHTML: null, 
			buttonPrevHTML: null,
			itemVisibleInCallback: {
			  onBeforeAnimation: mycarousel_BeforeAnimationCallback,
			  onAfterAnimation: mycarousel_AfterAnimationCallback
			}
		});
		
		//landingpagina
		jQuery('#landingcarousel').jcarousel({
			start: 1,
			offset: 1,
			//size: 3,
			scroll: 1,
			animation: 0,
			wrap: 'circular',
			auto: 6,
			initCallback: mycarousel_initCallback,
			buttonNextHTML: null, 
			buttonPrevHTML: null,
			itemVisibleInCallback: {
			  onBeforeAnimation: mycarousel_BeforeAnimationCallback,
			  onAfterAnimation: mycarousel_AfterAnimationCallback
			}
		});
		
		//productpagina
		$('#productcarousel').jcarousel({
			start: 1,
			offset: 1,
			scroll: 4,
			animation: 500,
			easing: 'swing',
			wrap: 'circular'
	    });		
		
		function mycarousel_initCallback(carousel) {
		
			jQuery('#homecarousel-next').bind('click', function() {
				carousel.next();
				return false;
			});
		
			jQuery('#homecarousel-prev').bind('click', function() {
				carousel.prev();
				return false;
			});

/*
			//navigatie via de nummers
			jQuery(".jcarousel-control ul li").bind('click', function() {
				carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
				return false;
			});
*/
		}
		
		//active class op de li zetten
		var progressbarHidden = false; 
		function mycarousel_BeforeAnimationCallback(carousel, element, index, state) {
			if (!progressbarHidden) {
				progressbarHidden = true;
				$('#progressbar .bar').hide();
				$('#progressbar').hide();
			}
		}

		function mycarousel_AfterAnimationCallback(carousel, element, index, state) {
			if (progressbarHidden) {
				progressbarHidden = false;
				$('#progressbar').show();
				$('#progressbar .bar').show('slide', {easing: 'linear'}, carousel.options.auto * 1000);
			}
		}		
		function mycarousel_Position() {
			var marginLeft = Math.floor(($('.homepagecarousel .mask').width() - $(window).width()) / 2);
			
			$('.homepagecarousel .mask').css('margin-left', '-' + marginLeft + 'px');
		}
		$(window).resize(function() {
			mycarousel_Position();
		});
		mycarousel_Position();
		
		
		
};