$(document).ready(function() {
  var pagerHandler = function(pager, currSlide, clsName) {
	 ///give current pager 
	 $(pager).removeClass(clsName).eq(currSlide).addClass(clsName);


	 //center the current pager
	 var leftPos = 0;
	 var w = 29 + 4 + 14;
	 var center = 2 * w;
	 if(currSlide >= ($(pager).size() - 2) && $(pager).size() > 5){ leftPos = - ($(pager).size() - 3) * w+ center}
	 else if(currSlide > 1 && $(pager).size() > 5){ leftPos = - currSlide * w + center } 

	 $("#inBeeldNav").animate({left: (leftPos + "px") });
  }; 

    $('#slideshow').cycle({
        fx:     'fade',
        speed:  '500',
        timeout: 6000,
        pager:  '#sfeernav',
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#sfeernav li:eq(' + (idx) + ') a';
        }
	
    });
	
   $('#inbeeld_slides').cycle({
        fx:     'fade',
        speed:  '500',
        timeout: 6000,
        pager:  '#inBeeldNav li',
	next:   '#slides_next', 
	prev:   '#slides_prev',
        pagerAnchorBuilder: function(idx, slide) {
            return '#inBeeldNav li:eq(' + (idx) + ')';
        },
	updateActivePagerLink: pagerHandler

    });
	
	$('a.inbeeldlink').lightBox();	
		
});
