// Javascript Document

$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
    $(pager).find('a').removeClass('active') 
        .filter('a:eq('+currSlideIndex+')').addClass('active'); 
};

$(document).ready(function(){
	$("#slider").cycle({
        fx: 'fade', 
        pause: 0,
        timeout: 5000,
        speed: 2000,
        delay: -1000,
        pager:  '#thumbs',
        prev: "#prev",
        next: "#next",
        activePagerClass: 'active',
        animIn: {opacity: 1},
        animOut: {opacity: 0},
        pagerAnchorBuilder: function(idx, slide) { 
			return '<a class="thumb" href="#"><img height="34px" width="50px" src="' + slide.src + '" border="0"/></a>'; 
		}
	});
});