jQuery.noConflict();

jQuery(document).ready(function() {
	jQuery('.slideshow').cycle({
			next:   '#volgende', 
			timeout:  5000,
			pause:  1,
			fx: 'fade'
	});								
	
	jQuery("span.slide a.route").toggle(
			function(){
				jQuery('#route').stop().animate({ left: "0px"}, {duration:"slow"} );
				jQuery(this).text("Kaart verbergen");
			},

			function(){
				jQuery('#route').stop().animate({ left: "511px" }, {duration:"slow"} ); 
				jQuery(this).text("Hier ziet u hoe u ons kunt bereiken.");
		});

		jQuery("#logos ul").tabs({ event: 'mouseover', fx: { top: 50, opacity: 'toggle', duration: 'normal'}}).tabs('rotate', 5000, false);
		jQuery("#logosreferenties ul").tabs	({ event: 'mouseover', fx: { top: 50, opacity: 'toggle', duration: 'normal'}}).tabs('rotate', null, false);


	
//		jQuery('.slideshowstop').cycle({
//			next:   '#volgende', 
//			timeout:  5000,
//			speed: 500,
//			pause:  1,
//			fx: 'fade'
//		});
		
		jQuery('ul.menu li').hover(
			function() { jQuery('ul', this).css('display', 'block'); },
			function() { jQuery('ul', this).css('display', 'none'); }
		);
		
		jQuery("span.slide a.referenties").toggle( function(){
				jQuery('#referenties').stop().animate({ left: "-511px"}, {duration:"slow"} );
			},

			function(){
				jQuery('#route').stop().animate({ left: "511px" }, {duration:"slow"} ); 
		});
		
		
		jQuery("#twee a").click(
			function(){
				jQuery('#referenties').stop().animate({ left: "-511px"}, {duration:"slow"});
			});
		
		jQuery("a.sluiten").click(
			function(){
				jQuery('#referenties').stop().animate({ left: "0px"}, {duration:"slow"} );
			});

		


// eind referenties
		
	

//		Modal window
//		jQuery(".alertcontainer").overlay({ 
//			top: 156, 
//			expose: { 
//				color: '#fff', 
//				loadSpeed: 1000, 
//				opacity: 0.75 
//			}, 
//			closeOnClick: true, 
//			api: true 
//		}).load();
//		//Eind modal window
});