$(document).ready(function(){
	t = setTimeout("autoSlide()", 10000);
	$('.baner_arr_right').hover(
		function(){
			$(this).children('.baner_img_r').addClass('right_arrow');
		},
		function(){
			$(this).children('.baner_img_r').removeClass('right_arrow');
	});
	$('.baner_arr_left').hover(
		function(){
			$(this).children('.baner_img_l').addClass('left_arrow');
		},
		function(){
			$(this).children('.baner_img_l').removeClass('left_arrow');
	});
	$('.baner_arr_right').click(function(){
		if ($('.banners-hold').is(':animated')){
			return false;
		}
		moveGalleryRight(1);
	});
	$('.baner_arr_left').click(function(){
		if ($('.banners-hold').is(':animated')){
			return false;
		}
		moveGalleryLeft(1);
	});
	$('.baner_menu ul li a').click(function(){
		if ($('.banners-hold').is(':animated')){
			return false;
		}
		indexCur = $('.baner_menu ul li a.active').parent().index();
		indexNext = $(this).parent().index();
		if(indexCur>indexNext){
			moveGalleryLeft(indexCur-indexNext);
		}
		if(indexCur<indexNext){
			moveGalleryRight(indexNext-indexCur);
		}
		return false;
	});
	$('.baner').mouseenter(function(){
		clearTimeout(t);
	});
	$('.baner').mouseleave(function(){
		t = setTimeout("autoSlide()", 10000);
	});
});
function autoSlide(){
	moveGalleryRight(1);
	t = setTimeout("autoSlide()", 10000);
}
function moveGalleryRight(galStep){
		$('.banners-hold').stop();
		var activeIndex = $('.baner_long .act').index();
		$('.baner_long .act').removeClass('act');
		if (activeIndex == ($('.baner_long .baner_img').size()-1)){
			if (galStep == 4){
				galStep =3;
			}
			$('.baner_long .baner_img').eq(activeIndex-galStep).css({'left':'-100%'}).show();
			$('.baner_long .baner_img').eq(0).css({'left':'100%'}).show().addClass('act');
		} else if(activeIndex == 0){
			if (galStep == 4){
				$('.baner_long .baner_img').eq(($('.baner_long .baner_img').size()-2)).css({'left':'-100%'}).show();
			} else{
				$('.baner_long .baner_img').eq(($('.baner_long .baner_img').size()-1)).css({'left':'-100%'}).show();
			}
			$('.baner_long .baner_img').eq(activeIndex+galStep).css({'left':'100%'}).show().addClass('act');
		} else {
			$('.baner_long .baner_img').eq(activeIndex-1).css({'left':'-100%'}).show();
			$('.baner_long .baner_img').eq(activeIndex+galStep).css({'left':'100%'}).show().addClass('act');
		}
		$('.banners-hold').animate({'left':'10%'}, 300, function(){
			$('.banners-hold').animate({'left':'-100%'}, 500, function(){
				$('.banners-hold').clone().prependTo(".baner_long");
				$('.banners-hold:first').css({'left':0});
				$('.banners-hold:first .baner_img').hide();
				$('.banners-hold:first .act').css({'left':0}).show();
				$('.banners-hold:last').remove();
				$('.baner_menu ul li a').removeClass('active');
				$('.baner_menu ul li').eq($('.banners-hold:first .act').index()).find('a').addClass('active');
			});
		});
	}
	function moveGalleryLeft(galStep){
		$('.banners-hold').stop();
		var activeIndex = $('.baner_long .act').index();
		$('.baner_long .act').removeClass('act');
		if (activeIndex == 0){
			if (galStep == 4){
				galStep =3;
			}
			$('.baner_long .baner_img').eq($('.baner_long .baner_img').size()-1).css({'left':'-100%'}).show().addClass('act');
			$('.baner_long .baner_img').eq(activeIndex+galStep).css({'left':'100%'}).show();
		} if(activeIndex == ($('.baner_long .baner_img').size()-1)){
			if (galStep == 4) {
				$('.baner_long .baner_img').eq(1).css({'left':'100%'}).show();
			} else{
				$('.baner_long .baner_img').eq(0).css({'left':'100%'}).show();
			}
			$('.baner_long .baner_img').eq(activeIndex-galStep).css({'left':'-100%'}).show().addClass('act');
		} else {
			$('.baner_long .baner_img').eq(activeIndex-galStep).css({'left':'-100%'}).show().addClass('act');
			$('.baner_long .baner_img').eq(activeIndex+1).css({'left':'100%'}).show();
		}
		$('.banners-hold').animate({'left':'-10%'}, 300, function(){
			$('.banners-hold').animate({'left':'100%'}, 500, function(){
				$('.banners-hold').clone().prependTo(".baner_long");
				$('.banners-hold:first').css({'left':0});
				$('.banners-hold:first .baner_img').hide();
				$('.banners-hold:first .act').css({'left':0}).show();
				$('.banners-hold:last').remove();
				$('.baner_menu ul li a').removeClass('active');
				$('.baner_menu ul li').eq($('.banners-hold:first .act').index()).find('a').addClass('active');
			});
		});
	}