$( function() {

	// main gallery
	  (function() {

		var $selectLentaWrap = $('.promoBlock .selectLentaWrap');
		var $lents = $('> div', $selectLentaWrap);
		var $lentsFirst = $('> div:first', $selectLentaWrap);
		var $prev = $('.prev', $lents);
		var $next = $('.next', $lents);
		var $selectLentaLi = $('.promoBlock .selectLenta ul li');

		var $curB = $lentsFirst.find('.lenta .block:first');
		var $img =  $curB.find('img');
		var $info =  $curB.find('.inf');
		

		$lentsFirst.addClass('cur');
		$curB.show();
		$img.css({ opacity: 1 });
		$info.show();

		function slideInCur ($new)
		{
			var $img =  $new.find('img');
			var $info =  $new.find('.inf');
			
			$new.show();
			$img.css({ width: 623 });
			$img.stop().animate({ opacity: 1 }, 500, function(){
				$info.show();			
			});	
		}


		function slideOutCur ($last, $next)
		{
			var $img =  $last.find('img');
			var $info =  $last.find('.inf');
			
			$info.hide();			
			$img.stop().animate({ opacity: 0, width: 0 }, 500, function(){
				$last.hide();
			});			
			
			slideInCur($next);
		}


		function beginAnimation(){
			
			var $selectedLenta = $selectLentaWrap.find('> div.cur');
			var $blocks = $selectedLenta.find('.lenta .block');
			var $firstB = $selectedLenta.find('.lenta .block:first');
			var $lastB = $selectedLenta.find('.lenta .block:last');
			var $pastB;
			var blockIndex;

			$slideTimer = setInterval(function() {						
			
				if ( $blocks.index($curB) == $blocks.index($lastB) )
				{
					$pastB = $curB;
					$curB = $firstB;					
				} else {
					$pastB = $curB;
					$curB = $curB.next();
				}
				
				slideOutCur($pastB, $curB);
			
			}, 14000);
		}


		$selectLentaLi.click(function(){

			var $li = $(this);
			var liIndex = $selectLentaLi.index($li);
			var $lastLenta = $selectLentaWrap.find('> div.cur');
			var $curLenta = $( $lents.get(liIndex) );
			var $prev = $curLenta.find('.prev');
			var $next = $curLenta.find('.next');
			
			$curB = $curLenta.find('.lenta .block:first');

			$li.siblings().removeClass('cur');
			$li.addClass('cur');
			
			$lastLenta.removeClass('cur');
			$lastLenta.find('.lenta .block').hide();
			$lastLenta.find('img').css({ opacity: 0 });
			$lastLenta.find('.inf').hide();
			
			$curLenta.addClass('cur');			
			slideInCur($curB);

			clearInterval($slideTimer);
			beginAnimation();

		});



		$next.live('click', function(){
			
			var $this = $(this);
			var $prev = $this.parent().find('.prev');
			var $blocks = $this.parent().find('.lenta .block');
			var $firstB = $this.parent().find('.lenta .block:first');
			var lentaLength = $blocks.length;

			if ($blocks.index($curB) == (lentaLength-1) )
			{
				slideOutCur($curB, $firstB);
				$curB = $firstB;

			} else {
			
				slideOutCur($curB, $curB.next());
				$curB = $curB.next();						
			}

			clearInterval($slideTimer);
			beginAnimation();

		});


		$prev.live('click', function(){
			
			var $this = $(this);
			var $next = $this.parent().find('.next');
			var $blocks = $this.parent().find('.lenta .block');
			var $lastB = $this.parent().find('.lenta .block:last');		

			if ($blocks.index($curB) == 0 )
			{
				slideOutCur($curB, $lastB);
				$curB = $lastB;

			} else {
			
				slideOutCur($curB, $curB.prev());
				$curB = $curB.prev();						
			}

			clearInterval($slideTimer);
			beginAnimation();

		});

		
		var $slideTimer = null;				
		beginAnimation();	

	 })();

});