// JavaScript Document

$(function(){
	$('#homeVisualSlider').cSlider({
		cSlideItemClass : 'cSliderItem',
		animationSpeed : 2000,
		showTime : 5000,
		cSliderNavId : 'homeVisualSliderNav',
		cSliderNavButton : 'cSliderNavButton',
		cSliderNextButton : 'cSliderNextBtn1',
		cSliderPrevButton : 'cSliderPrevBtn1',
		cSliderAutoSlide : true,
		cSliderPager: true,
		cSliderTimeLineId : 'sliderTimeLine1',
		cSlideDirection	: 4,			// 0 is naar rechts sliden 1 is naar links sliden 2 is boven naar onder 3 is onder naar boven
		ShowNumberOfSlidesAtOnce : 1,
		cSLiderCustomFunctionOnReady : moveTimeLine
	});
	
	
	$("#sliderTimeLine1").css({opacity:0.5});

	$(".headerLeft").mouseenter(function(){
		$(".cSliderImageBar").stop(true,true).animate({marginBottom:"0px"},300);
		$(".cSliderNextBtn").stop(true,true).animate({marginRight:"0px"},300);
		$(".cSliderPrevBtn").stop(true,true).animate({marginLeft:"0px"},300);		
	});
	
	$(".headerLeft").mouseleave(function(){
		$(".cSliderImageBar").stop(true,true).animate({marginBottom:"-50px"},300);
		$(".cSliderNextBtn").stop(true,true).animate({marginRight:"-35px"},300);
		$(".cSliderPrevBtn").stop(true,true).animate({marginLeft:"-35px"},300);
	});
	
	$('#portfolioVisualSlider').cSlider({
		cSlideItemClass : 'cSliderItem',
		animationSpeed : 2000,
		showTime : 5000,
		cSliderNextButton : 'cSliderNextBtn1',
		cSliderPrevButton : 'cSliderPrevBtn1',
		cSliderAutoSlide : true,
		cSliderPager: true,
		cSlideDirection	: 4,			// 0 is naar rechts sliden 1 is naar links sliden 2 is boven naar onder 3 is onder naar boven
		ShowNumberOfSlidesAtOnce : 1
	});
});

var moveTimeLine = function(obj){
	var timeLine = $("#sliderTimeLine1").clone();
	$("#sliderTimeLine1").remove();
	$(".navButton"+obj.attr("id")).append(timeLine);
};