// JavaScript Document
$(document).ready(function() {
						  		   						   
	$('#container1').sliding({});
	$('#container2').sliding({});
	$('#container3').sliding({});
	$('#container4').sliding({});
	
	$('#bouwstijlen').crossSlide({sleep: 5, fade: 2},
	[
      { src: '../images/slider/bouwstijlen1.jpg' },
      { src: '../images/slider/bouwstijlen2.jpg' },
      { src: '../images/slider/bouwstijlen3.jpg' },
      { src: '../images/slider/bouwstijlen4.jpg' }
    ]);
	
	$('#grondeninfo').crossSlide({sleep: 5, fade: 2},
	[
      { src: '../images/slider/grondeninfo1.jpg' },
      { src: '../images/slider/grondeninfo2.jpg' },
      { src: '../images/slider/grondeninfo3.jpg' },
      { src: '../images/slider/grondeninfo4.jpg' }
    ]);
	
	$('#projecteninfo').crossSlide({sleep: 5, fade: 2},
	[
      { src: '../images/slider/projecteninfo1.jpg' },
      { src: '../images/slider/projecteninfo2.jpg' },
      { src: '../images/slider/projecteninfo3.jpg' },
      { src: '../images/slider/projecteninfo4.jpg' }
    ]);
	
	 $('#referenties').crossSlide({sleep: 5, fade: 2},
	[
      { src: '../images/slider/referenties1.jpg' },
      { src: '../images/slider/referenties2.jpg' },
      { src: '../images/slider/referenties3.jpg' },
      { src: '../images/slider/referenties4.jpg' }
    ]);
});

function klik(a){
	switch (a.id) {
		case 'container1':
			window.location.href = 'bouwstijlen.php';
			break;
		case 'container2':
			window.location.href = 'grondeninfo.php';			
			break;
		case 'container3':
			window.location.href = 'projecteninfo.php';			
			break;
		case 'container4':
			window.location.href = 'referenties.php';			
			break;
		}
}