$(document).ready(function() {

	$('#bildcontainer').cycle({
		fx:				'fade',					// name of transition effect (or comma separated names, ex: fade,scrollUp,shuffle)
		timeout:		0,						// milliseconds between slide transitions (0 to disable auto advance)
		speed:			60,						// speed of the transition (any valid fx speed value)
		easing:			'easeinout',
		next:			'.next, .panel img',	// selector for element to use as click trigger for next slide
		prev:			'.prev',				// selector for element to use as click trigger for previous slide
		prevNextEvent:	'click.cycle',			// event which drives the manual transition to the previous or next slide
		pause:			1,						// true to enable "pause on hover"
	    cleartype:		1,						// enable cleartype corrections
		pager:			'#slider-nav-pager',	// selector for element to use as pager container
		activePagerClass: 'activeSlide',		// class name used for the active pager link 
		slideExpr:		'div.panel',			// expression for selecting slides (if something other than all children is required)
		height:        	'auto',					// container height
        pagerAnchorBuilder: pagerFactory
    });

    function pagerFactory(idx, slide) {
        var s = idx > 2 ? ' style="display:none"' : '';
        return '<a class="pager" href="#">'+(idx+1)+'</a>';
    };

	$('#diashow').cycle({
		fx:				'fade',					// name of transition effect (or comma separated names, ex: fade,scrollUp,shuffle)
		//timeout:		750,						// milliseconds between slide transitions (0 to disable auto advance)
		//speed:			60,						// speed of the transition (any valid fx speed value)
		easing:			'easeinout',
		next:			'.next, .panel img',	// selector for element to use as click trigger for next slide
		prev:			'.prev',				// selector for element to use as click trigger for previous slide
		prevNextEvent:	'click.cycle',			// event which drives the manual transition to the previous or next slide
		pause:			0,						// true to enable "pause on hover"
	    cleartype:		1,						// enable cleartype corrections
		//pager:			'#slider-nav-pager',	// selector for element to use as pager container
		//activePagerClass: 'activeSlide',		// class name used for the active pager link 
		slideExpr:		'div.panel',			// expression for selecting slides (if something other than all children is required)
		height:        	'auto'					// container height
        //pagerAnchorBuilder: pagerFactory
    });

});