var timer = '';
$(document).ready(function(){	
	
		// блок с индикаторами
		var li_count = $("#sliderblocks li").length;
		var html = '';
		html += '<ul id="sliderindicators">';
		for(var i = 0; i<li_count; i++) { html+='<li></li>';}
		html+='</ul>';
		$('#sliderblocks').after(html)
		$('#sliderindicators').css({'width':li_count*14});

		
		var change_speed = 600;
		var arrow_speed = 300;
		var stay_time = 5000;
		var interval = stay_time+(change_speed*2);
		var current_li = 0; 
		var li_count = $("#sliderblocks li").length;	

		// стрелочки вправо - влево
		$('.clickslider .next').hover(
			function(){ $('.clickslider .next').animate({'opacity':'1'},arrow_speed); },
			function(){ $('.clickslider .next').animate({'opacity':'0'},arrow_speed); }
		);
		$('.clickslider .prev').hover(
			function(){ $('.clickslider .prev').animate({'opacity':'1'},arrow_speed); },
			function(){ $('.clickslider .prev').animate({'opacity':'0'},arrow_speed); }
		);
		
		$('#sliderblocks li').eq(0).find('div').fadeIn(change_speed);
		$('#sliderindicators li').eq(0).addClass('active');
	
		timer = setInterval(function() {
			current_li = current_li + 1; 
			if (current_li == li_count) { current_li = 0; }
			$('#sliderblocks li div').fadeOut(change_speed);
			setTimeout(function(){ 
				$('#sliderblocks li').eq(current_li).find('div').fadeIn(change_speed);
				$('#sliderindicators li').removeClass('active');
				$('#sliderindicators li').eq(current_li).addClass('active');					
			}, change_speed);					
		}, interval); 		
			
		$('.prev').click(function() {
			clearInterval(timer);
			current_li = current_li-1;	
			if (current_li == -1) { current_li = li_count-1; }	
			
			$('#sliderblocks li div').fadeOut(change_speed);
			setTimeout(function(){ 
				$('#sliderblocks li').eq(current_li).find('div').fadeIn(change_speed);
				$('#sliderindicators li').removeClass('active');
				$('#sliderindicators li').eq(current_li).addClass('active');					
			}, change_speed);			

			timer = setInterval(function() {
				current_li = current_li + 1; 
				if (current_li == li_count) { current_li = 0; }
				$('#sliderblocks li div').fadeOut(change_speed);
				setTimeout(function(){ 
					$('#sliderblocks li').eq(current_li).find('div').fadeIn(change_speed);
					$('#sliderindicators li').removeClass('active');
					$('#sliderindicators li').eq(current_li).addClass('active');					
				}, change_speed);					
			}, interval); 	
	
		})
		$('.next').click(function() {
			clearInterval(timer);

			current_li = current_li+1;	
			if (current_li == li_count) { current_li = 0; }	
			
			$('#sliderblocks li div').fadeOut(change_speed);
			setTimeout(function(){ 
				$('#sliderblocks li').eq(current_li).find('div').fadeIn(change_speed);
				$('#sliderindicators li').removeClass('active');
				$('#sliderindicators li').eq(current_li).addClass('active');					
			}, change_speed);			

			timer = setInterval(function() {
				current_li = current_li + 1; 
				if (current_li == li_count) { current_li = 0; }
				$('#sliderblocks li div').fadeOut(change_speed);
				setTimeout(function(){ 
					$('#sliderblocks li').eq(current_li).find('div').fadeIn(change_speed);
					$('#sliderindicators li').removeClass('active');
					$('#sliderindicators li').eq(current_li).addClass('active');					
				}, change_speed);					
			}, interval); 
		
		}); 
		$('#sliderindicators li').click(function() {
			clearInterval(timer);
			current_li = $('#sliderindicators li').index(this);	

			$('#sliderblocks li div').fadeOut(change_speed);
			setTimeout(function(){ 
				$('#sliderblocks li').eq(current_li).find('div').fadeIn(change_speed);
				$('#sliderindicators li').removeClass('active');
				$('#sliderindicators li').eq(current_li).addClass('active');					
			}, change_speed);			

			timer = setInterval(function() {
				current_li = current_li + 1; 
				if (current_li == li_count) { current_li = 0; }
				$('#sliderblocks li div').fadeOut(change_speed);
				setTimeout(function(){ 
					$('#sliderblocks li').eq(current_li).find('div').fadeIn(change_speed);
					$('#sliderindicators li').removeClass('active');
					$('#sliderindicators li').eq(current_li).addClass('active');					
				}, change_speed);					
			}, interval); 			
			

		}); 
		
		
});