/**
 * --------------------------------------------------------------------
 * ab-hareketliResimler.js dosyasi
 * Aycan BULBUL, ab@aycan.net http://www.aycan.net/
 * Tarih 23 Agustos 2010
 *
 * jQuery hareketli resimler
 */



/**
 * sayfa yuklendiginde ilk altili li taglarini
 * aciyoruz.
 */
jQuery(document).ready(function(){
    var kacTane = 7;
    /**
     * toplam li taglarinin sayisini bul
     */
    var afisSayisi  =  jQuery('#proje_kucuk_resim_list li').size();
    var gosterilecekAfisSayisi = kacTane ;
    /**
     * toplam li sayisi kacTane'den kucuk ise butun li taglarini goster
     */
    if(afisSayisi <= kacTane)
    {
        jQuery('#proje_kucuk_resim_list li').css('display', 'block');
    }
    else
    {
        for(var i =0;i<kacTane;i++)
        {
            jQuery('#proje_kucuk_resim_list li').eq(i).css('display', 'block');
        }
    }
});

/**
 * Oncick İle gelen degerin yonunu belirleme
 * ve aktif olan li elementlerini bulma
 */
function kaydirmaKontrol(yon) {
    
    /**
     * degiskenleri olusturuyoruz
     */
    var displayNoneBul1,
        displayNoneBul2,
        sayi,
        toplam;
    var kacTane = 7 ;
    /**
     * toplam kac tane li tagi oldugunu belirliyoruz
     */
    var afisSayisi  =  jQuery('#proje_kucuk_resim_list li').size();
    /**
     * afislerin solami sagami kaydirilacagi degeri aliyoruz
     * Sol : 1
     * Sag : 2
     */
    if( yon == "1")
    {
        for(var q = 0 ; q < afisSayisi ;q++)
        {
            displayNoneBul2 = jQuery('#proje_kucuk_resim_list li').eq(q).css('display');
            /**
            * li taglari icersinde style="display: block;" olan li taginin sira numarasını aliyoruz
            */
            if (displayNoneBul2 == "block")
            {
                if( q < 1)
                {
                    /**
                    * Eger li tagi 0 ise yani en basta ise donguyu kiriyoruz.
                    */
                    break;
                }
                else if(1 < q)
                {
                    /**
                    * Sola kaydirilacak afis varsa kacinci li elementi oldugunu afisleriSolaKaydir(sayi) fonksiyonuna gonderiyoruz.
                    */
                    sayi = q;
                    afisleriSolaKaydir(sayi,kacTane);
                    break;
                }
            }
        }
    }
    /**
     * afislerin solami sagami kaydirilacagi degeri aliyoruz
     * Sol : 1
     * Sag : 2
     */
    else if(yon == "2")
    {
        for(var i = 0 ; i < afisSayisi ;i++)
        {
            displayNoneBul1 = jQuery('#proje_kucuk_resim_list li').eq(i).css('display');
            if (displayNoneBul1 == "block")
            {
                toplam = i + kacTane;
                if( afisSayisi <= toplam)
                {
                    break;
                }
                else
                {
                    sayi = i;
                    afisleriSagaKaydir(sayi,kacTane);
                    break;
                }
            }
        }
    }
}

/**
 * Afisleri saga kaydirma fonksiyonu
 */
    function afisleriSagaKaydir(sayi,kacTane)
    {
        /**
        * for dongumuzu kontrollu yapmak icin degerleri artiriyoruz yani
        * sayi = 6 ise
        * j = 0;
        * sayi = 24 ;
        * k = 18;
        * Onemli olan for dongusununn kacTane adli tanimladigimiz degisken kadar donmesi
        */
        sayi   =  sayi + kacTane ;
        var k  =  sayi ;

        /**
         * Gelen sayisal degerlerimiz ile bir for dongusu olusturuyoruz
         * ve gelen degerlerle ilk alti tane li tagimizin style ozelligine
         * display:none; kodunu gonderiyoruz.
         */
        for(var j =0;j<sayi;j++)
        {
            jQuery('#proje_kucuk_resim_list li').eq(j).css('display','none');
        }

        /**
         * Li taglarini kapattiktan sonra tekradan sayi degerisi
         * ve k degerini ayarlayip sonraki alti tane olan li taglarimizin
         * style ozelligine display:block; kodunu gonderiyoruz.
         */
        sayi=sayi + kacTane;
        
        for(k ;k<sayi;k++)
        {
            jQuery('#proje_kucuk_resim_list li').eq(k).fadeIn('fast').css('display','block');
        }
    }
/**
 * Afisleri sola kaydirma fonksiyonu
 */
    function afisleriSolaKaydir(sayi,kacTane)
    {
        var j  =  sayi ;
        sayi   =  sayi + kacTane ;

        for(j;j<sayi;j++)
        {
            jQuery('#proje_kucuk_resim_list li').eq(j).css('display', 'none');
        }

        sayi = sayi - kacTane;
        var k = sayi-kacTane;
        
        for(k ;k<sayi;k++)
        {
            jQuery('#proje_kucuk_resim_list li').eq(k).css('display', 'block');
        }
    }