function roll(content, left_button, right_button){
   var f=200;
   var k=0;
   var g=1;
   var a=$(content+" li");
   var d=a[0].parentNode;
   var j=a[a.length-1].parentNode;
   var c=a[0].clientWidth;
   for(var e=0;e<a.length;e++){d.appendChild(a[e].cloneNode(true))}
   for(var e=0;e<a.length;e++){j.appendChild(a[e].cloneNode(true))}
   var h=a.length;
   var b=parseInt(h/g);
   k=b;
   d.style.left=(-h*c)+"px";
   $(left_button).mouseover(
								function(){
										 $(left_button).removeClass("left_btn_off");
										 $(left_button).addClass("left_btn_on")
										 }
								);
   $(left_button).mouseout(
							   function(){
										$(left_button).removeClass("left_btn_on");
										$(left_button).addClass("left_btn_off")
										}
								);
   $(right_button).mouseover(
								 function(){
										  $(right_button).removeClass("right_btn_off");
										  $(right_button).addClass("right_btn_on")
										  }
								);
   $(right_button).mouseout(
								function(){
										 $(right_button).removeClass("right_btn_on");
										 $(right_button).addClass("right_btn_off")
										 }
								);
   $(left_button).click(
							function(){
									 k--;
									 if(k==-1){k=b;d.style.left=(-k*g*c)+"px";k--}
									 $(content+" ul").animate({left:-k*g*c},f)
								}
							);
   $(right_button).click(
							 function(){
									  k++;
									  if(k==b*2){k=b-1;d.style.left=(-k*g*c)+"px";k++}
									  $(content+" ul").animate({left:-k*g*c},f)
								}
							)

   $(left_button).mouseover(
							function(){
									 k--;
									 if(k==-1){k=b;d.style.left=(-k*g*c)+"px";k--}
									 $(content+" ul").animate({left:-k*g*c},f)
								}
							);
   $(right_button).mouseover(
							 function(){
									  k++;
									  if(k==b*2){k=b-1;d.style.left=(-k*g*c)+"px";k++}
									  $(content+" ul").animate({left:-k*g*c},f)
								}
							)


}
roll("#pic_content","#left_btn_off","#right_btn_off");
roll("#pic_content2","#left_btn_off2","#right_btn_off2");