/*

SERCAN SEVINDIK 

 */



$(document).ready( function() {		// Sayfam
1z haz
1r oldu
u zaman a
_a

1daki kodlar
1n uygulanaca

1n
1 söylüyoruz.

  var i = 0;	// Hangi sayfada/divde [0, 1, 2, 3, 4] oldu
umuzu at
1yaca

1m
1z de
i
_ken.

  var tumgenislik = 0;	// Bu de
i
_kende kaç
1nc
1 sayfada/divdeyse o ve ondan önceki divlerin geni
_liklerinin toplam
1 yer alacak. Ba
_lang
1ç de
eri olarak 0 at
1yoruz.

  var genislik = $('#slider div').width();	// Ola ki slider '
1n geni
_li
ini de
i
_tirmek istersek hem css hem .js dosyam
1zda de
i
_iklik yapmamak için '#slider div' etiketinin geni
_li
ini bu de
i
_kene at
1yoruz.

  

  function animasyon(px){	// Slider '
1m
1z
1n geçi
_ animasyonu için animasyon ad
1nda fonksiyon olu
_turuyoruz.

	  $('#slider').stop(false, false).animate({	// #slider 'a animasyon tan
1ml
1yoruz. Slider 'da gördü
ümüz sayfalar
1n hepsi #slider '
1n içinde bulunmakta.

	  left: -px	// Fonksiyona girilen px de
i
_keni kadar sola kaymas
1n
1 sa
l
1yoruz.

	}, 300);	// Buradaki de
er animasyonun gerçekle
_ece
i milisaniyeyi belirtiyor.

  }



  $('#sayfalama a').click(function(){	// #slider '
1n sol alt kö
_esinde belirledi
imiz 5 adet linke t
1klan
1nca yap
1lacak i
_lem için fonksiyon olu
_turuyoruz.

	var index = $(this).index();	// Linke t
1klan
1nca kaç
1nc
1 link oldu
unu index() ile al
1yoruz. 
0lk link 1 de
il 0 de
erini vermektedir.

	$('#sayfalama a').css("background-image", "url(images/link.png)");

	$(this).css("background-image", "url(images/link2.png)");

	

	pozisyon = index * genislik;	// #slider '
1m
1z
1 ne kadar sola kayd
1raca

1m
1z
1 belirten de
i
_ken. Örne
in ikinci linke t
1klay
1nca 1*500 de
erini alacakt
1r.

	animasyon(pozisyon);	// Bir önceki sat
1rda belirledi
imiz pozisyon de
i
_keni kadar #slider '
1m
1z
1n sola gitmesi için gerekli fonksiyonu çal
1
_t
1r
1yoruz.

	if(index == 7){	// #slider
1m
1z son sayfaya/dive geldi
inde sayfalar
1m
1z bitmi
_ olaca

1 için #slider '
1 en ba
_a götürmemize yar
1yan 
_art cümleci
i.

	  i = 0;	// 
^art cümledi
imiz true dönerse i de
i
_kenine 0 de
erini atay
1p #slider '
1m
1z
1 en ba
_a götürüyoruz.

	}else{		

	i = index + 1;	// 
^art cümleci
imiz false dönerse i de
i
_kenine bir sonraki sayfan
1n kaç
1nc
1 sayfa oldu
unu belirtiyoruz.

	}



  return false;	// Fonksiyonunun daha i
_lem yapmas
1na gerek kalmad
1

1n
1 belirtiyoruz.



  });

  

  var zamanlayici = setInterval(function() {	// zamanlayici ad
1nda bir zamanlay
1c
1/timer belirliyoruz. 

	tumgenislik = i * genislik;		// tumgenislik de
i
_kenini 3. sat
1rda aç
1klam
1
_t
1k. Hangi sayfada isek o ve ondan önceki sayfalar
1n/divlerin geni
_liklerinin toplam
1n
1 al
1yor.

	$('#sayfalama a').css("background-image", "url(images/link.png)");

	$("a#"+i).css("background-image", "url(images/link2.png)");

	//$("#sercan").html(i);


	if(i==7){	// #slider '
1m
1z
1 son sayfaya geldi
ini kontrol eden 
_art cümleci
i

	  i = -1;	// Normalde ilk sayfam
1z için 0 de
eri verilmesi gerek. Fakat alt sat
1rda animasyon fonksiyonu çal
1
_
1p #slider sola do
ru kayaca

1 için -1 de
erini veriyoruz.

	}

	animasyon(tumgenislik);		// #slider '
1m
1z
1n vakti gelince uygulayaca

1 animasyon fonksiyonu. #slider '
1 tumgenislik de
i
_keninin de
eri kadar sola kayd
1r
1yor.

	

	//$('#sayfalama a').css("background-image", "url(images/link2.png)"); 





	i++;	// Zamanlay
1c
1 her çal
1
_t
1

1nda bir sonraki sayfaya/dive geçmesi için i de
i
_kenini her seferinde 1 artt
1r
1yoruz.

	



	

  }, 8000);		// Buradaki de
er ise zamanlay
1c
1m
1z
1n kaç milisaniyede bir çal
1
_mas
1 gerekti
ini belirtiyor.



});