var scroll_variable=220;//縦のスクロールの進み具合(全体widthを表示数で割ったものだとピッタリ！)
var scroll_speed=3;//毎1マイクロ秒に進む距離
var scroll_delay=12000;//スクロールするまでの待機時間（マイクロ秒）
var scroll_layer=14;//繰り返すレイヤーの数
var view_items = 8;//一度に表示するレイヤー数＋1
var direction = true;//スクロールの方法 true:縦　false:横

//グローバル変数　指定の必要はなし。
var wait = 0;
var tm1;
var loadedElmArray = new Array();
var positionCounter = 0;//カウンター

document.onfocusin = allblur;

/* -----------------------------------------------------------------------------------*/
function allblur() {//全部フォーカスを外す。
	for (i = 0; i < document.links.length; i++) {
		document.links[i].onfocus = document.links[i].blur;
	}
}
/* -----------------------------------------------------------------------------------*/
function scroll_ready() { //bodyで最初に読み込む！初期設定を行う;
	liNodes=document.getElementsByTagName("li");
	if(scroll_layer > liNodes.length){
		scroll_layer = liNodes.length;
	}
	if(view_items > liNodes.length){
		view_items = liNodes.length;
	}
	for(var i=0;i<liNodes.length;i++){
		liNodes[i].style.display="none";
	}
	for(var i=1;i<=view_items;i++){//　（後）全体をオーバーしていないかチェックする。
		obj('t'+ i).style.display='block';
		loadedElmArray[i-1] = obj('t'+ i);
	}
	resetPosition();
	setTimeout('mov()',scroll_delay);//scroll_delayマイクロ秒後にmov関数を実行する。
}
/* -----------------------------------------------------------------------------------*/
function resetPosition(){
	for(var i=0;i<loadedElmArray.length;i++){
		if(direction){
			loadedElmArray[i].style.top=scroll_variable * (i) + "px"; 
		}else{
			loadedElmArray[i].style.left=scroll_variable * (i) + "px"; 
		}
	}
}
/* -----------------------------------------------------------------------------------*/
function mov(){//再読み込みで全体を動かす。
	if(wait == 1) {//マウスオーバーなら1秒後に再チェック
		setTimeout('mov()',1000);
		return;
	}
	if(direction){
		checkValue = loadedElmArray[1].style.top;
	}else{
		checkValue = loadedElmArray[1].style.left;
	}
	
	if(parseInt(checkValue) <= 0){//　0以下の場合に処理を移す
		positionCounter=0;
		clearTimeout(timer);
		bambooShoots();//次の処理に移す
		return;
	}
	for(var i=0;i<loadedElmArray.length;i++){
		if(direction){
			loadedElmArray[i].style.top = scroll_speed*positionCounter*(-0.5)+(scroll_variable)*i +"px";
		}else{
			loadedElmArray[i].style.left = scroll_speed*positionCounter*(-0.5)+(scroll_variable)*i +"px";
		}
	}
	
	timer=setTimeout('mov()',1);
	positionCounter++;
}
/* -----------------------------------------------------------------------------------*/
function obj(ElementID) {//IDから要素を取得する
	return document.getElementById(ElementID);
} 
/* -----------------------------------------------------------------------------------*/
function bambooShoots(){//loadedElmArrayの順番を入れ替える。
	loadedElmArray[0].style.display = "none";
	loadedElmArray.shift();
	//次の要素を表示させる。
	nextNum=parseInt((loadedElmArray[loadedElmArray.length-1].id).substring(1))+1;//  IDの名前のルールが t+[数字]が前提
	if(nextNum > scroll_layer){
		nextNum = 1;
	}
	obj("t"+ nextNum).style.display='block';
	if(direction){
		obj("t"+ nextNum).style.top=loadedElmArray.length*scroll_variable + "px";
	}else{
		obj("t"+ nextNum).style.left=loadedElmArray.length*scroll_variable + "px";
	}
	loadedElmArray.push(obj("t"+ nextNum));
	resetPosition();
	setTimeout("mov()",5000);
}