(function(){


var l=$('.arfl'),r=$('.arfr'),v=$("#vh"),cot=$("#arcon"),vli=$("#vh li"),m=0,now,actli=$("#vh .act");

function comp(){
	if(now=="l")  cot.scrollLeft()<5  && 	 l.addClass("offr1");
	if(now=="r")  cot.scrollLeft()>max-5  && 	 r.addClass("offrr");
	
}
vli.slice(-1).css('marginRight','0');
vli.each(function(){
m+=$(this).outerWidth(1);
});
v.width(m);
var max=m-820;
l.click(
function(){
r.removeClass("offrr");
now="l";
!$(this).is(".offr1")&&cot.animate({scrollLeft:"-=250"},{complete: comp})
}
);
r.click(
function(){
l.removeClass("offr1");
now="r";
!$(this).is(".offrr")&&cot.animate({scrollLeft:"+=250"},{complete: comp})
}
);
if(actli.next()[0]) var di=actli.next()[0].offsetLeft,dis =Math.ceil(( di-820 )/250);

if(dis==1&&actli.next()[0]&&di>815) r.click();
if(dis==2&&actli.next()[0]&&di>815) r.click().click();
if(dis==3&&actli.next()[0]&&di>815) r.click().click().click();
if(dis==4&&actli.next()[0]&&di>815||!actli.next()[0]) r.click().click().click().click();
})()