window.addEvent('domready', function() {
	
	/* ----------Config Vars----------- */
		
	var slideTimer = 5000;  //time between slides (1 second = 1000), a.k.a. the interval duration
	var transitionTime = 500; //transition time (1 second = 1000)
	var items = $$('.slide_item');  //Get array of elements for sliding
	$('sl_1').setStyle('background-image', "url(resim/sl_button2.png)");
	/* --------end config vars-------- */
	
	//Setup positions
		items.each(function(element, index) {
		
		//since the viewer obviously has javascript on, we can remove the 'first_item' class
		if(index == 0){
			element.removeClass('first_item');
			element.setStyle('left', "0");
		}
		else{
			element.setStyle('left', "500");
			element.setStyle('opacity', "0");
		}
		});
	//end setup
	
	//Slider Stuff
	var slideFunction = new function() {
		
		var numItems = items.length;  //get number of slider items
		var itemNum = 0;  //initialize a variable to hold the current slide index
		var acikdiv = 0;
		
		var slideIt = function(){ 
			if((itemNum+1)!=acikdiv){

				//get item to slide out
				if (acikdiv == null) {
					var curItem = items[0]; 
				}else{ 
					var curItem = items[acikdiv];}
					
				
				//change index
				if(itemNum < (numItems - 1)){
					itemNum++; 
				}else{ 
					itemNum = 0;}
				acikdiv=itemNum;
				
						//Butonlari Degistir
						$$('.slide_bts').each(function(element, index) {
								element.setStyle('background-image', "url(resim/sl_button.png)");
						});
						var hover=acikdiv+1;
						$('sl_'+hover).setStyle('background-image', "url(resim/sl_button2.png)");
						//PngFix
						Browser.fixPNG($('sl_1'));
						Browser.fixPNG($('sl_2'));
						Browser.fixPNG($('sl_3'));
						Browser.fixPNG($('sl_4'));
						Browser.fixPNG($('sl_5'));
						
				//Yeni div
				var newItem = items[itemNum];
				
				//efekt
				var item_in = new Fx.Morph(newItem, {
						 duration: transitionTime, 
						 transition: Fx.Transitions.Quad.easeInOut, 
						 wait:true
				});
				
				var item_out = new Fx.Morph(curItem, {
						 duration: transitionTime, 
						 transition: Fx.Transitions.Quad.easeInOut, 
						 wait:true
				});
				
				item_in.start({
				'left': [0, 0],//'left': [500, 0],
				'opacity':[0,1]
				});
				
				item_out.start({
				'left': '00',//-500
				'opacity':[0]
				});
			}
		};
		
		//call the function, periodically  (note: the interval period is defined at the top of this file)
		var currentCounter = new Hash({counter: 0});

		var simpleTimer 	
		simpleTimer = slideIt.periodical(slideTimer, currentCounter); 
		
		//$('stop').addEvent("click", function(){	$clear(simpleTimer); });		
		$('sl_1').addEvent("click", function(){
			$clear(simpleTimer); 
			itemNum = -1;
			simpleTimer = slideIt(); 
		});	
		$('sl_2').addEvent("click", function(){
			$clear(simpleTimer); 
			itemNum = 0;
			simpleTimer = slideIt(); 
		});
		$('sl_3').addEvent("click", function(){
			$clear(simpleTimer); 
			itemNum = 1;
			simpleTimer = slideIt(); 
		});
		$('sl_4').addEvent("click", function(){
			$clear(simpleTimer); 
			itemNum = 2;
			simpleTimer = slideIt(); 
		});
		$('sl_5').addEvent("click", function(){
			$clear(simpleTimer); 
			itemNum = 3;
			simpleTimer = slideIt(); 
		});
	
	}


	
});