$(document).ready(function() {
	
	enableButtons();	
	showpeeps(id = 'card0');

	
	function enableButtons(id)
	{
		$('ul.mensen a').click(function() 
		{
			$('ul.mensen div').removeClass('current');
			$(this).parent().addClass('current');
			showpeeps($(this).attr("title"));			
		});	
		
		$('ul.klantmenu li a').click(function() 
		{
			$('ul.klantmenu li a').removeClass('current');
			$(this).addClass('current');
			showpeeps($(this).attr("title"));			
		});
		
		$('a.overheid1').click(function() 
		{
			showpeeps($(this).attr("title"));			
		});	
		
		$('a.overheid2').click(function() 
		{
			showpeeps($(this).attr("title"));			
		});	
		
	
	}
	
	
	function removeDiv(id) {
		$('.active').each(function()
		{
			$('.active').hide("slide", { direction: "left"}, 1000);
			$("#"+id).show("slide", { direction: "right"}, 1000);

			if($('.active').hasClass('workcard')) $('.workcard').removeClass("active");
			if($('.active').hasClass('card')) $('.card').removeClass("active");
			$("#"+id).addClass("active");
		
		});
	}
	
	function removeBackDiv(id) {
		$('.active').each(function()
		{
			$('.active').hide("slide", { direction: "right"}, 1000);
			$("#"+id).show("slide", { direction: "left"}, 1000);
			if($('.active').hasClass('workcard')) $('.workcard').removeClass("active");
			if($('.active').hasClass('card')) $('.card').removeClass("active");
			$("#"+id).addClass("active");
		
		});
	}
		
	
	function showpeeps(id) {
		
		if($('.card').hasClass('workcard')) {
			$('.workcard').each(function()
			{
				$('.workcard').removeClass('active');
				$('.workcard').hide();
			});	
		}
	
		$('.card').each(function()
		{
			$('.card').removeClass('active');
			$('.card').hide();
		});

		
		$("#"+id).addClass("active");
		//$("#"+id).show("slide", { direction: "left"}, 1000);
		$("#"+id).show();
		
		if(!$('.content').hasClass('peopleHeight'))	$('div.content-nav').css('height',heightDiv());
	
		
	}
	
	
	function heightDiv() {
		
		indexH = $('.content').height();
		
		if($('#content-left').height() < $('div.content').height() && $('div.content-nav').height() < $('div.content').height()) {
			indexH = $('.content').height();
			//alert("help");
		
			return indexH
		} 
		if($('div.content').height() < $('div.content-left').height() && $('div.content-nav').height() < $('div.content-left').height()) {
			indexH = $('.content-left').height();
		
			return indexH;
		} 
		if($('div.content-left').height() < $('div.content-nav').height() && $('div.content').height() < $('div.content-nav').height()) {
			 indexH = $('div.content-nav').height();
	
			 return indexH;
		} 
		
			return indexH;
	}
	
	
	$('.content-nav').css('height',heightDiv());
	
	
	var workId = 0;	
	var myWork = new Array();

	myWork[0] = new Array('./images/work/ad/image1.jpg','./images/work/ad/image2.jpg','./images/work/ad/image3.jpg','./images/work/ad/image4.jpg');
	myWork[1] = new Array('./images/work/blauwhoed/image1.jpg','./images/work/blauwhoed/image2.jpg','./images/work/blauwhoed/image3.jpg','./images/work/blauwhoed/image4.jpg','./images/work/blauwhoed/image5.jpg','./images/work/blauwhoed/image6.jpg');
	myWork[2] = new Array('./images/work/duinrust/image1.jpg','./images/work/duinrust/image2.jpg','./images/work/duinrust/image3.jpg','./images/work/duinrust/image4.jpg','./images/work/duinrust/image5.jpg');
	myWork[3] = new Array('./images/work/ECN/image1.jpg');
	myWork[4] = new Array('./images/work/Erasmus/image1.jpg');
	myWork[5] = new Array('./images/work/HVR/image1.jpg','./images/work/HVR/image2.jpg');
	myWork[6] = new Array('./images/work/Innovam/image1.jpg','./images/work/Innovam/image2.jpg','./images/work/Innovam/image3.jpg');
	myWork[7] = new Array('./images/work/Naleving/image1.jpg','./images/work/Naleving/image2.jpg','./images/work/Naleving/image3.jpg','./images/work/Naleving/image4.jpg');
	myWork[8] = new Array('./images/work/NSCR/image1.jpg');
	myWork[9] = new Array('./images/work/Overheid/image1.jpg','./images/work/Overheid/image2.jpg','./images/work/Overheid/image3.jpg','./images/work/Overheid/image4.jpg');
	myWork[10] = new Array('./images/work/PolitieKennemerland/image1.jpg');
	myWork[11] = new Array('./images/work/Prorail/image1.jpg');
	myWork[12] = new Array('./images/work/RechtbankDenBosch/image1.jpg');
	myWork[13] = new Array('./images/work/RPA/image1.jpg','./images/work/RPA/image2.jpg','./images/work/RPA/image3.jpg','./images/work/RPA/image4.jpg');
	myWork[14] = new Array('./images/work/Schuijt/image1.jpg','./images/work/Schuijt/image2.jpg','./images/work/Schuijt/image3.jpg','./images/work/Schuijt/image4.jpg','./images/work/Schuijt/image5.jpg');
	myWork[15] = new Array('./images/work/Tweedekamer/image1.jpg');
	myWork[16] = new Array('./images/work/Tympaan/image1.jpg','./images/work/Tympaan/image2.jpg','./images/work/Tympaan/image3.jpg','./images/work/Tympaan/image4.jpg');
	myWork[17] = new Array('./images/work/UniUtrecht/image1.jpg');
	myWork[18] = new Array('./images/work/VanWilligen/image1.jpg','./images/work/VanWilligen/image2.jpg','./images/work/VanWilligen/image3.jpg','./images/work/VanWilligen/image4.jpg','./images/work/VanWilligen/image5.jpg');
	myWork[19] = new Array('./images/work/WGH/image1.jpg','./images/work/WGH/image2.jpg','./images/work/WGH/image3.jpg');


	var slideID = 0;
	var mySlide = new Array();
	mySlide[0] = new Array("./images/slide/logo.jpg","./images/slide/brug.jpg","./images/slide/building.jpg");
	
	function showWork(id) {
	
		var data ='';
		
		for(var i = 0; i < myWork[id].length; i++ ) {
			data += '<img src="'+myWork[id][i]+'" /> \n';
		}
	
		return data;
	
	}


	function showSlide(id) {
	
		var data ='';
		
		for(var i = 0; i < mySlide[id].length; i++ ) {
			data += '<img src="'+mySlide[id][i]+'" /> \n';
		}
	
		return data;
	
	}
	
	
	function nextWork(id, direction) {
		//$('.slideshow').hide("slide", { direction: "right"}, 1000);
		$('.slideshow').remove();
		var data ='<div class="slideshow" >';
		
		for(var i = 0; i < myWork[id].length; i++ ) {
			data += '<img src="'+myWork[id][i]+'" /> \n';
		}
	
		data +='</div>';
		$('#header_right').prepend(data);
		
		if(direction == 'right') $('.slideshow').show("slide", { direction: "right"}, 1000);
		else $('.slideshow').show("slide", { direction: "left"}, 1000);
		
		$('.slideshow').cycle({
			fx: 'fade' 
		});

	}

	
	if($('#card0').hasClass('workcard')) $('.slideshow').append(showWork(workId));
	else $('.slideshow').append(showSlide(slideID));
	
	
	$('.next').click(function() { 
			removeDiv("card"+$(this).attr("title")); 
			nextWork($(this).attr("title"), 'right'); 

	});
		
		
	$('.back').click(function() { 
			removeBackDiv("card"+$(this).attr("title")); 
			nextWork($(this).attr("title"), 'left'); 

	});
   
	
	$('.slideshow').cycle({
		fx: 'fade' 
	});
	
	$("div.menu_body").each(function(){
		$("div.menu_body").slideUp("slow");
	});
	
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
	/*$(".menu_head").click(function()
	{
    	$(this).css({background:"#ffffff url(./images/title_plus.jpg) 10px -26px no-repeat"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
    	$(this).siblings().css({background:"#ffffff url(./images/title_plus.jpg) 10px 5px no-repeat" });
		if($(this).siblings().hasClass('menu_nohead'))  $('.menu_nohead').css({background:"#fff"}); 
	});

*/
});