//初期設定
var posX=0; //現在の座標
var endX=0; //スライド終了座標
var displayW=500; //1画面分の幅
var speed=10; //スライドの早さ(少ないほど早い)
var timer;

//スライド開始用
function startmove(turn){
	slideItem=document.getElementById("slideItems");
	if(!timer){
		if(turn=="right"){
			if(posX<=(slideItem.offsetWidth-displayW)* -1){
				endX=(slideItem.offsetWidth-displayW)* -1;
			}else{
				endX=posX-displayW;
			}
		}else{
			if(posX>=0){
				endX=0;
			}else{
				endX=posX+displayW;
			}
		}
		timer=setInterval("move()",1);
	}
}

//スライド動作用
function move(){
	posX+=(endX-posX)/speed;
	if(Math.abs(endX-posX)<=1){
		document.getElementById("slideItems").style.left=endX+"px";
		posX=endX;
		clearInterval(timer);
		timer=undefined;
	}else{
		document.getElementById("slideItems").style.left=posX+"px";
	}
}

document.onkeydown = function(e) {
	var shift, ctrl;

	// Mozilla(Firefox, NN) and Opera
	if (e != null) {
		keycode = e.which;
		ctrl    = typeof e.modifiers == 'undefined' ? e.ctrlKey : e.modifiers & Event.CONTROL_MASK;
		shift   = typeof e.modifiers == 'undefined' ? e.shiftKey : e.modifiers & Event.SHIFT_MASK;
		// イベントの上位伝播を防止
//		e.preventDefault();
//		e.stopPropagation();
	// Internet Explorer
	} else {
		keycode = event.keyCode;
		ctrl    = event.ctrlKey;
		shift   = event.shiftKey;
		// イベントの上位伝播を防止
		event.returnValue = false;
		event.cancelBubble = true;
	}

	// キーコードの文字を取得
	keychar = String.fromCharCode(keycode).toUpperCase();

	 if (keycode == 37) {
	 	startmove('left');
	 }
	 if (keycode == 39) {
	 	startmove('right');
	 }

	// 特殊キーコードの対応については次を参照
		// 27	Esc
		// 8 	BackSpace
		// 9 	Tab
		// 32	Space
		// 45	Insert
		// 46	Delete
		// 35	End
		// 36	Home
		// 33	PageUp
		// 34	PageDown
		// 38	↑
		// 40	↓
		// 37	←
		// 39	→
	// 処理の例
	// if (keycode == 27) {
	// 	alert('Escapeキーが押されました');
	// }
}