$(document).ready(function(){	
	
	
	
	$('#about-carousel-button-back').bind('click', function(){		
		persons.unshift(  persons.pop() ); //добавить последний элемент в начала массива
		var person = persons.shift(); //извлеч первый элемент
		persons.unshift( person ); //добавить извлеченный элемент обратно в начало		
		
		//set parametr
		$('.about-carousel-content').animate({ 'opacity' : 0 }, function(){			
			$('#about-carousel-img').attr('src', person.img);
			$('#about-carousel-title').html(person.title);
			$('#about-carousel-position').html(person.position);			
			$('.about-carousel-content').animate({ 'opacity' : 1 });
		});
	});
	
		
	$('#about-carousel-button-next').bind('click', function(){						
		persons.push (persons.shift()); //добавить первый элемент в конец		
		var person = persons.shift(); //извлеч первый элемент
		persons.unshift( person ); //добавить извлеченный элемент обратно в начало
		
		//set parametr
		
		//$('.news-right-box').append('<div class="ajax_request_text" style="display:none;opacity:0; "><div id="carusel-p"><div class="str-forward" id="about-carousel-button-back"> <img src="/images/template82/i/str-back.gif"></div><div class="about-carousel-content"><div class="carusel-img"> <img alt="" id="about-carousel-img" src="'+person.img+'"></div><div class="carusel-title" id="about-carousel-title">'+person.title+'</div><div class="carusel-d" id="about-carousel-position">'+person.position+'</div></div><div class="str-back"  id="about-carousel-button-next"> <img alt="" src="/images/template82/i/str-forward.gif"></div></div></div>' );
		//var blockHeight = $('.ajax_request_text').height();	
		//$('.ajax_request_text').remove();
		
		$('.about-carousel-content').animate({ 'opacity' : 0 }, 'fast', function(){
			//$('.about-carousel-content').animate({'height' : blockHeight }, 'fast', function(){
				$('#about-carousel-img').attr('src', person.img);
				$('#about-carousel-title').html(person.title);
				$('#about-carousel-position').html(person.position);			
				$('.about-carousel-content').animate({ 'opacity' : 1 }, 'slow');
			//});
		});			
	});
	
	$('#about-carousel-button-next').click(); //инициируем начальное значение блока
	
});


