window.addEvent('domready', function() {

	if(!$("uiSergiKayan_idPencereEni")) return;// sergi kayan etiketleri yok.	
	//------------ uiSergiKayan_idKayanCerceve içindeki tüm spanlar pencere kabul edilir.
	var pencereler 		= $$("#uiSergiKayan_idKayanCerceve span");
	var pencereAdedi	= pencereler.length;
	
	//------------ pencerelerin hepsi aynı boy ve ende olmalı. bunuda kullanıcıdan alıp birçok yere ekliyoruz. Kullanıcının tek tek düzeltmesi uzun sürer.
	var pencereEni 		= $("uiSergiKayan_idPencereEni").get('value').toInt();
	var pencereBoyu 	= $("uiSergiKayan_idPencereBoyu").get('value').toInt();
	var cerceveEni		= pencereEni * pencereAdedi;
	var konum = 1;
	var dugmeEni = $("uiSergiKayan_idKonum1").getSize().x;
	var dugmeCercevesiEni = dugmeEni * pencereAdedi;
	
	$("uiSergiKayan_idKayanCerceve").setStyle('width', cerceveEni);
	$("uiSergiKayan_idMarginAuto").setStyle('width', dugmeCercevesiEni);
	$("uiSergiKayan_idCerceveResim").setStyle('height', pencereBoyu);
	$("uiSergiKayan_idCerceveResim").setStyle('width', pencereEni);
	$("uiSergiKayan_idCerceveKonum").setStyle('width', pencereEni);	//konum menüsünün boyu ile resim menüsünün boyu aynı olsun
	
	$("uiSergiKayan_idCerceve").setStyle('width', pencereEni + pencereEni*0.2); // ana çerçeve çerçeveden %10 daha büyük
	
	//var anaCerceveEni = $("uiSergiKayan_idCerceve").getStyle('padding').toInt() * 2 + pencereEni;
	//var anaCerceveBoyu = $("uiSergiKayan_idCerceve").getStyle('padding').toInt() * 2 + pencereBoyu;
	
	var anaCerceveEni 	= pencereEni;
	var anaCerceveBoyu	= pencereBoyu + $("uiSergiKayan_idCerceveKonum").getStyle('hegiht');
	
	$("uiSergiKayan_idCerceve").setStyle('width', anaCerceveEni);
	$("uiSergiKayan_idCerceve").setStyle('height', anaCerceveBoyu);
	
	for(var i=0; i<pencereAdedi; i++) {
		pencereler[i].setStyle('height', pencereBoyu);
		pencereler[i].setStyle('width', pencereEni);
	}
	
	
	function KonumKutulariniDegistir()
	{
		for(i=1; i<=pencereAdedi; i++) {
			var id = "uiSergiKayan_idKonum" + i;
			var stil = "uiSergiKayan_sKonumTusu";
			if(i == konum)	$(id).set('class', stil + ' uiSergiKayan_sSecili');
			else		 	$(id).set('class', stil  + ' uiSergiKayan_sSeciliDegil');	
		}
	}
	
	function KonumEfekti()
	{
		exampleFx = new Fx.Tween('uiSergiKayan_idKayanCerceve', {
			property: 'left',
			duration: 500, 
			transition: Fx.Transitions.Quart.easeInOut
		});
		
		return exampleFx;
	};
	
	function SaydamlikEfekti()
	{
		exampleFx = new Fx.Tween('uiSergiKayan_idKayanCerceve', {
			property: 'opacity',
			duration: 500, 
			transition: Fx.Transitions.Quart.easeInOut
		});
		
		return exampleFx;
	};

	$('uiSergiKayan_idOnceki').addEvent('click', function(e){
		e.stop();
		konum--;
		if(konum < 1) konum = 1;
		var eskiKonum = parseInt($('uiSergiKayan_idKayanCerceve').getStyle('left'));
		
		var yeniKonum = eskiKonum + pencereEni;
		if(yeniKonum >= 0) yeniKonum = 0;
		
		KonumEfekti().start(yeniKonum);
		
		KonumKutulariniDegistir();
	});


	$('uiSergiKayan_idSonraki').addEvent('click', function(e){
		e.stop();
		konum++;
		if(konum > pencereAdedi) konum = pencereAdedi;
		var eskiKonum = parseInt($('uiSergiKayan_idKayanCerceve').getStyle('left'));
		var yeniKonum = eskiKonum - pencereEni;
		if(yeniKonum <= -cerceveEni + pencereEni) yeniKonum = -cerceveEni + pencereEni;
		
		KonumEfekti().start(yeniKonum);
		KonumKutulariniDegistir();
	});
});