jQuery().ready(function(){
			// simple accordion
	jQuery('#scrool_wrap').myScroll(); 
	});


var myScroll = jQuery('#scrool_wrap');

var scrollWrapW,myScroll;
var rollDirection = 0; //0为左 1为右
var speed = 500;
function __scrollBox(){
 if (rollDirection == 0){
	 scrollWrapW = -($('ul li').eq(0).outerWidth(true) + $('ul li').eq(1).outerWidth(true)) + 'px';
	 $('ul').animate({left:scrollWrapW}, {
	   duration:2000,
	   complete:function(){
		 $('ul').append($('ul li:first')).append($('ul li:first'));
		 $('ul').css("left","0");
		}
	  });
 }else{
	var last = $('ul li').length - 1;
	var last2 = $('ul li').length - 2;
	scrollWrapW = -($('ul li').eq(last).outerWidth(true) + $('ul li').eq(last2).outerWidth(true)) + 'px';
	$('ul').animate({left:0}, {
	   duration:200,
	   complete:function(){
		   $('ul').prepend($('ul li:last')).prepend($('ul li:last'));
		   $('ul').css("left",scrollWrapW);
		}
	  });
 }
}
 
$(document).ready(function(){
/* roll control */
myScroll = setInterval(__scrollBox,speed);
$('#scrool_wrap').hover(function(){
  clearInterval(myScroll);							 
},function(){
  myScroll = setInterval(__scrollBox,speed);	
});
/* left control */
$('.left').click(function(){
  rollDirection = 0;				  
});
$('.right').click(function(){
  rollDirection = 1;				  
});
})



/*
var scrollWrapW,myScroll;var rollDirection = 0; var speed = 500;function __scrollBox(){ if (rollDirection == 0){	 scrollWrapW = -($('ul li').eq(0).outerWidth(true) + $('ul li').eq(1).outerWidth(true)) + 'px';	 $('ul').animate({left:scrollWrapW}, {	   duration:2000,complete:function(){$('ul').append($('ul li:first')).append($('ul li:first'));$('ul').css("left","0");}}); }else{	var last = $('ul li').length - 1;	var last2 = $('ul li').length - 2;	scrollWrapW = -($('ul li').eq(last).outerWidth(true) + $('ul li').eq(last2).outerWidth(true)) + 'px';	$('ul').animate({left:0}, {	   duration:200,complete:function(){$('ul').prepend($('ul li:last')).prepend($('ul li:last'));$('ul').css("left",scrollWrapW);}	  }); }} $(document).ready(function(){myScroll = setInterval(__scrollBox,speed);$('#scrool_wrap').hover(function(){  clearInterval(myScroll);},function(){  myScroll = setInterval(__scrollBox,speed);});$('.left').click(function(){  rollDirection = 0;});$('.right').click(function(){  rollDirection = 1;});})
*/