$(function(){

    $("ul.navList li").hover(function(){    
		$('a:first',this).addClass('mouseover');
       	$('div:first',this).css('display', 'block');
    
    }, function(){
		$('a:first',this).removeClass('mouseover');
        $('div:first',this).css('display', 'none');		  
    
    });
   
});

function formatText(index, panel) {
  return index + "";
}

$(function () {        
	$('.anythingSlider').anythingSlider({
	    easing: "swing",        // Anything other than "linear" or "swing" requires the easing plugin
	    autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
	    delay: 6000,                    // How long between slide transitions in AutoPlay mode
	    startStopped: false,            // If autoPlay is on, this can force it to start stopped
	    animationTime: 800,            // How long the slide transition takes
	    hashTags: false,                // Should links change the hashtag in the URL?
	    buildNavigation: false,         // If true, builds and list of anchor links to link to each slide
		buildArrows: false,    
		buildCurrent: true,    
		pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
		startText: "Go",             	// Start text
		stopText: "Stop",               // Stop text
		navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
	});

	$("#overonsB").click(function(){
		$(".highlight").removeClass('highlight');
		$(this).addClass('highlight');
		$('.anythingSlider').anythingSlider(1);});
	
	$("#insightsB").click(function(){
		$(".highlight").removeClass('highlight');
		$(this).addClass('highlight');
		$('.anythingSlider').anythingSlider(2);});
	
	$("#strategischadviesB").click(function(){
		$(".highlight").removeClass('highlight');
		$(this).addClass('highlight');
		$('.anythingSlider').anythingSlider(3);});
	
	$("#conceptenontwerpB").click(function(){
		$(".highlight").removeClass('highlight');
		$(this).addClass('highlight');
		$('.anythingSlider').anythingSlider(4);});
	
	$("#interimB").click(function(){
		$(".highlight").removeClass('highlight');
		$(this).addClass('highlight');
		$('.anythingSlider').anythingSlider(5);}
	);

	$('.advertSlider').anythingSlider({
	    easing: "swing",        // Anything other than "linear" or "swing" requires the easing plugin
	    autoPlay: false,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
	    delay: 6000,                    // How long between slide transitions in AutoPlay mode
	    startStopped: false,            // If autoPlay is on, this can force it to start stopped
	    animationTime: 800,            // How long the slide transition takes
	    hashTags: false,                // Should links change the hashtag in the URL?
	    buildNavigation: false,         // If true, builds and list of anchor links to link to each slide
		buildArrows: true,         // If true, builds and list of anchor links to link to each slide
		buildCurrent: false,    
		pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
		startText: "Go",             	// Start text
		stopText: "Stop",               // Stop text
		navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
	});
	
	$('#customerWrapper div:not(:first, :last)').hide(); 
	$('#customerNav li:first').addClass('active');	
	
	$('#customerNav li').hover(
		function () {
			$(this).addClass("hover");
		},
		function () {
			$(this).removeClass("hover");
		}
	);	
	
	$('#customerNav li').click(function() {		
		$('#customerWrapper div:not(:last)').hide();
		$('#customerNav li').removeClass();
		if($(this).attr("id") == 'customer1') {
			$('#case1').show('fast');
			$(this).addClass('active');
		}else if($(this).attr("id") == 'customer2') {
			$('#case2').show('fast');
			$(this).addClass('active');
		}else if($(this).attr("id") == 'customer3') {
			$('#case3').show('fast');
			$(this).addClass('active');
		}else if($(this).attr("id") == 'customer4') {
			$('#case4').show('fast');
			$(this).addClass('active');
		}else if($(this).attr("id") == 'customer5') {
			$('#case5').show('fast');
			$(this).addClass('active');
		}	
	});	



});