$(document).ready(function() {

	/* ширина блока itm */
	itmwidth = $('.b_banneritem').css('width');
	pos = itmwidth.indexOf('p');
	itmwidth = itmwidth.slice(0,pos)*1;
	
	/* вычисляем ширину контейнера */
	telowidth = Math.round(document.getElementsByClassName('b_banneritem').length/2)*itmwidth; 
	$('.b_client_maim').css('width',telowidth+'px');
	
	/* на сколько сдвиг */
	shift = itmwidth*2;
	
	/* смещение left */
	t=$('.b_client_maim').css('left');
	p=t.indexOf('p');
	t=t.slice(0,p)*1;
	
	/* при наведении на клиента его картинка без прозрачности */
	$('.b_banneritem').hover(function(){
		$(this).stop().animate({'opacity':'1'},200);
	},function(){
		$(this).stop().animate({'opacity':'0.5'},200);
	});
	
	/* при наведении на кнопку клиентов она немного темнеет, а точнее убирается прозрачность */
	$('.allclients').hover(function(){
			$(this).animate({'opacity':'1'},200);
	}, function(){
			$(this).animate({'opacity':'0.7'},200);
	});
	
	/* при нажатии происходит смещение блока */
	$('.allclients').click(function(){
		left();
	});

	$('.knopkar').click(function(){left();});

});
	
//сдвиг влево
function left() {
		
		if (telowidth+t-shift > 760){
			t = t-shift;
		} else if (t == 760-telowidth){
			t = 0;
			$('.elsebtn').css('display','block');
			$('.nonelsebtn').css('display','none');
		} else {
			$('.elsebtn').css('display','none');
			$('.nonelsebtn').css('display','block');
			t = 760-telowidth;
		};
		
		$('.b_client_maim').animate({'left':t+'px'},700);

};