//$.fn.cycle.updateActivePagerLink ile sayfalarımız değiştikçe hangi sayfanın görüntülendiğini görebilmek için
//<a></a> tagına jquery ile class ekliyoruz.
$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
    $(pager).find('a').removeClass('aktif').filter('a:eq(' + currSlideIndex + ')').addClass('aktif');
};
$(document).ready(function() {
    //veritabanından gelen haberlerimizi efektif olarak göstermek için kullandığımız jquery nin cycle eklentisi
    // özelliklerini belirliyoruz.
    $('#haber').cycle({
        //efektimiz scrolldown belirliyoruz. yani haberimiz aşağı doğru kayacak
        fx: 'scrollDown',
        //timeout yani haberimizin bekleme süresini ms cinsinden 6000 ms (6sn) olarak belirliyoruz.
        timeout: 6000,
        //bir sonraki habere gecerken efektimizi easing easeOutQuart olarak ayarlıyoruz.
        easing: 'easeOutQuart',
        //Haber Sayısını gösterileceği listimizin   Id'sini pager özelliğine tanımlıyoruz #page
        pager: '#page',
        //mouse haberin üzerine geldiğinde geçişlerin durması için 1 yapıyoruz 0 yaparsanız mouse haberin üzerinde olsa
        //bile devam eder.
        pause: 1,
        //pagerAnchorbulder özelline sayfalarmızı belirtiriyoruz. bu özelli li tağından kac tane olduğunu belirleyerek bize
        // sayfa döndürmektedir. ve sayfayı link olarak beliryecektir. bizde css kısmında bu linkleri nasıl görünmesi gerektiğini belirledik.
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#">' + (idx + 1) + '</a></li>';
        }
    });
});