jQuery/スライダー

var itemWidth = $(".slideItem").outerWidth();	// .slideの幅を取得して代入
var itemNum = $(".slideItem").length;	// .slideの数を取得して代入
var slideContenerWidth = itemWidth * itemNum;	// .slideの幅×数で求めた値を代入
$("#slideContener").css("width", slideContenerWidth);	// .slideContenerのスタイルシートにwidth: slideContenerWidthを指定
var itemCurrent = -1;	// 現在地を示す変数
var flg = true;

function slider(){
  // itemCurrentが0以下だったら
  if( itemCurrent < 0 ){
	itemCurrent = itemNum - 1;
  // itemCurrentがitemNumを超えたら
  } else if (itemCurrent > itemNum - 1){	// itemCurrent >= itemNumでも可
	itemCurrent = 0;
  }
  $("#slideContener").stop().animate({
	left: itemCurrent * -itemWidth
  });
}

function autoPlay(){
  itemCurrent++
  slider();
  var auto = setTimeout(function(){
	autoPlay()
  }, 3000);
  if(flg == false){
  	clearTimeout(auto);
  }
}
autoPlay();

$("#prevBtn").click(function(){
	flg = false;
	itemCurrent--;
	slider();
	setTimeout(flg = true, 3000);
});
$("#nextBtn").click(function(){
	flg = false;
	itemCurrent++;
	slider();
	setTimeout(flg = true, 3000);
});