$(function() {
	$('#slideshow').cycle({
		fx: 'fade',
		speed: '700',
		timeout: 7000,
		pager: '#groups',
		pause: true,
		startingSlide: 0, // zero-based
		cleartype: 1,
		before: doAnimatie,
		cleartype: !$.support.opacity,
		pagerAnchorBuilder: function(idx, slide) {
		 // return sel string for existing anchor
		return '#groups li:eq(' + (idx) + ') a';
		}

	});								
});
		
function doAnimatie(){
	$('.bounce').effect("slide", { direction:'up'}, 800).show();
}

$(function(){
	$.slidenav({
		animspeed: 'medium',
		hideonout: 'true'
	}); 
});