$(document).ready(function(){

$("#slider_foto_image li").hide();
$("#slider_foto_image li:first").show();

$("#slider_foto_Sag li:first").addClass("aktif");
$("#foto_slid_title_list li:first").addClass("aktif");

$("#slider_foto_Sag li").hover(function(){

var a = $(this).index();

$("#slider_foto_image li").hide();
$("#foto_slid_title_list li").hide();

$("#slider_foto_Sag li").removeClass("aktif");

$(this).addClass("aktif");

$("#slider_foto_image li:eq("+a+")").show();
$("#foto_slid_title_list li:eq("+a+")").show();
$("#slider_foto_Sag li:eq("+a+")").addClass("aktif");

});

//manset
$("#manset_resim li").hide();
$("#manset_resim li:first").show();

$("#manset_sag li:first").addClass("aktif");
$("#manset_yazi li:first").addClass("aktif");

$("#manset_sag li").hover(function(){

var a = $(this).index();

$("#manset_resim li").hide();
$("#manset_yazi li").hide();

$("#manset_sag li").removeClass("aktif");

$(this).addClass("aktif");

$("#manset_resim li:eq("+a+")").show();
$("#manset_yazi li:eq("+a+")").show();
$("#manset_sag li:eq("+a+")").addClass("aktif");

});


//alt manset

$("#alt_manset_left_image_text li").hide();
$("#alt_manset_left_image_text li:first").show();

$("#alt_manset_left_small_text li:first").addClass("aktif");
$("#alt_manset_left_descript_text li:first").addClass("aktif");
$("#alt_manset_big_text li:first").addClass("aktif");

$("#alt_manset_left_small_text li").hover(function(){

var a = $(this).index();

$("#alt_manset_left_image_text li").hide();
$("#alt_manset_left_descript_text li").hide();
$("#alt_manset_big_text li").hide();

$("#alt_manset_left_small_text li").removeClass("aktif");

$(this).addClass("aktif");

$("#alt_manset_left_image_text li:eq("+a+")").show();
$("#alt_manset_left_descript_text li:eq("+a+")").show();
$("#alt_manset_big_text li:eq("+a+")").show();
$("#alt_manset_left_small_text li:eq("+a+")").addClass("aktif");

});

//yazarlar

$("#author_title_list_image li").hide();
$("#author_title_list_image li:first").show();

$("#author_title_list_text_tw li:first").addClass("aktif");
$("#author_title_list_text li:first").addClass("aktif");
$("#author_title_list li:first").addClass("aktif");

$("#author_title_list_text_tw li").hover(function(){

var a = $(this).index();

$("#author_title_list_image li").hide();
$("#author_title_list_text li").hide();
$("#author_title_list li").hide();

$("#author_title_list_text_tw li").removeClass("aktif");

$(this).addClass("aktif");

$("#author_title_list_image li:eq("+a+")").show();
$("#author_title_list_text li:eq("+a+")").show();
$("#author_title_list li:eq("+a+")").show();
$("#author_title_list_text_tw li:eq("+a+")").addClass("aktif");

});



var i = 0;	// Hangi sayfada/divde [0, 1, 2, 3, 4] olduğumuzu atıyacağımız değişken.
  var tumgenislik = 0;	// Bu değişkende kaçıncı sayfada/divdeyse o ve ondan önceki divlerin genişliklerinin toplamı yer alacak. Başlangıç değeri olarak 0 atıyoruz.
  var genislik = $('.slider div').width();	// Ola ki slider 'ın genişliğini değiştirmek istersek hem css hem .js dosyamızda değişiklik yapmamak için '#slider div' etiketinin genişliğini bu değişkene atıyoruz.
  
  function animasyon(px){	// Slider 'ımızın geçiş animasyonu için animasyon adında fonksiyon oluşturuyoruz.
	  $('.slider').stop(false, false).animate({	// #slider 'a animasyon tanımlıyoruz. Slider 'da gördüğümüz sayfaların hepsi #slider 'ın içinde bulunmakta.
	  left: -px	// Fonksiyona girilen px değişkeni kadar sola kaymasını sağlıyoruz.
	}, 300);	// Buradaki değer animasyonun gerçekleşeceği milisaniyeyi belirtiyor.
  }
  
    var zamanlayici = setInterval(function() {	// zamanlayici adında bir zamanlayıcı/timer belirliyoruz. 
	tumgenislik = i * genislik;		// tumgenislik değişkenini 3. satırda açıklamıştık. Hangi sayfada isek o ve ondan önceki sayfaların/divlerin genişliklerinin toplamını alıyor.
	if(i==7){	// #slider 'ımızı son sayfaya geldiğini kontrol eden şart cümleciği
	  i = -1;	// Normalde ilk sayfamız için 0 değeri verilmesi gerek. Fakat alt satırda animasyon fonksiyonu çalışıp #slider sola doğru kayacağı için -1 değerini veriyoruz.
	}
	animasyon(tumgenislik);		// #slider 'ımızın vakti gelince uygulayacağı animasyon fonksiyonu. #slider 'ı tumgenislik değişkeninin değeri kadar sola kaydırıyor.
	i++;	// Zamanlayıcı her çalıştığında bir sonraki sayfaya/dive geçmesi için i değişkenini her seferinde 1 arttırıyoruz.
  }, 9000);		// Buradaki değer ise zamanlayıcımızın kaç milisaniyede bir çalışması gerektiğini belirtiyor.

  
   $('#sayfalama_sl_list a').click(function(){	// #slider 'ın sol alt köşesinde belirlediğimiz 5 adet linke tıklanınca yapılacak işlem için fonksiyon oluşturuyoruz.
	var index = $(this).index();	// Linke tıklanınca kaçıncı link olduğunu index() ile alıyoruz. İlk link 1 değil 0 değerini vermektedir.
	pozisyon = index * genislik;	// #slider 'ımızı ne kadar sola kaydıracağımızı belirten değişken. Örneğin ikinci linke tıklayınca 1*500 değerini alacaktır.
	animasyon(pozisyon);	// Bir önceki satırda belirlediğimiz pozisyon değişkeni kadar #slider 'ımızın sola gitmesi için gerekli fonksiyonu çalıştırıyoruz.


  return false;	// Fonksiyonunun daha işlem yapmasına gerek kalmadığını belirtiyoruz.

  });



$(".tab_tv_dis_cont ").hide();
$(".tab_tv_dis_cont:first").show();

$("#tab_tv_dis_ul li:first").addClass("aktif");


$("#tab_tv_dis_ul li").click(function(){

var a = $(this).index();

$("#tab_tv_dis_ul li").removeClass("aktif");

$(this).addClass("aktif");


$(".tab_tv_dis_cont").hide();
$(".tab_tv_dis_cont:eq("+a+")").fadeIn();


});
  
  
 //tab manset


$(".tab_tv_dis_cont_image_lst li").hide();
$(".tab_tv_dis_cont_image_lst li:first").show();

$(".tab_tv_dis_cont_title_lst li:first").addClass("aktif");

$(".tab_tv_dis_cont_title_lst li").hover(function(){

var a = $(this).index();

$(".tab_tv_dis_cont_image_lst li").hide();

$(".tab_tv_dis_cont_title_lst li").removeClass("aktif");

$(this).addClass("aktif");

$(".tab_tv_dis_cont_image_lst li:eq("+a+")").show();

$(".tab_tv_dis_cont_title_lst li:eq("+a+")").addClass("aktif");

});


 
$(".tab_tv_dis_cont_image_lst_2 li").hide();
$(".tab_tv_dis_cont_image_lst_2 li:first").show();

$(".tab_tv_dis_cont_title_lst li:first").addClass("aktif");

$(".tab_tv_dis_cont_title_lst li").hover(function(){

var a = $(this).index();

$(".tab_tv_dis_cont_image_lst_2 li").hide();

$(".tab_tv_dis_cont_title_lst li").removeClass("aktif");

$(this).addClass("aktif");

$(".tab_tv_dis_cont_image_lst_2 li:eq("+a+")").show();

$(".tab_tv_dis_cont_title_lst li:eq("+a+")").addClass("aktif");

});


$(".tab_tv_dis_cont_image_lst_3 li").hide();
$(".tab_tv_dis_cont_image_lst_3 li:first").show();

$(".tab_tv_dis_cont_title_lst li:first").addClass("aktif");

$(".tab_tv_dis_cont_title_lst li").hover(function(){

var a = $(this).index();

$(".tab_tv_dis_cont_image_lst_3 li").hide();

$(".tab_tv_dis_cont_title_lst li").removeClass("aktif");

$(this).addClass("aktif");

$(".tab_tv_dis_cont_image_lst_3 li:eq("+a+")").show();

$(".tab_tv_dis_cont_title_lst li:eq("+a+")").addClass("aktif");

});
 
 $(".tab_tv_dis_cont_image_lst_4 li").hide();
$(".tab_tv_dis_cont_image_lst_4 li:first").show();

$(".tab_tv_dis_cont_title_lst li:first").addClass("aktif");

$(".tab_tv_dis_cont_title_lst li").hover(function(){

var a = $(this).index();

$(".tab_tv_dis_cont_image_lst_4 li").hide();

$(".tab_tv_dis_cont_title_lst li").removeClass("aktif");

$(this).addClass("aktif");

$(".tab_tv_dis_cont_image_lst_4 li:eq("+a+")").show();

$(".tab_tv_dis_cont_title_lst li:eq("+a+")").addClass("aktif");

});
 
  $(".tab_tv_dis_cont_image_lst_5 li").hide();
$(".tab_tv_dis_cont_image_lst_5 li:first").show();

$(".tab_tv_dis_cont_title_lst li:first").addClass("aktif");

$(".tab_tv_dis_cont_title_lst li").hover(function(){

var a = $(this).index();

$(".tab_tv_dis_cont_image_lst_5 li").hide();

$(".tab_tv_dis_cont_title_lst li").removeClass("aktif");

$(this).addClass("aktif");

$(".tab_tv_dis_cont_image_lst_5 li:eq("+a+")").show();

$(".tab_tv_dis_cont_title_lst li:eq("+a+")").addClass("aktif");

});


});