var panels = new Array();
var startPos = new Array();
var currentPos = new Array();
var targetPos = new Array();
var timerID;
var nowIs = 1;

function init()
{
	for(i=1;i<=panelNumber;i++)
	{
		var arr = getObj('panel'+i+'Div');
		panels[i] = arr[0];
		startPos[i] = arr[1];
		currentPos[i] = startPos[i];
	}
	startPos[1] = startPos[1] + panelWidth;

	for(i=1;i<=panelNumber;i++)
	{
		targetPos[i] = startPos[i] - panelWidth;
	}
}

function getObj(name)
{
	var arr = [];
	arr[0] =  (document.layers)? document.layers[name]:(document.all)? eval(name+'.style'):(document.getElementById)? document.getElementById(name).style:null;
	arr[1] =  (document.layers)? document.layers[name].left:(document.all)? eval(name+'.offsetLeft'):(document.getElementById)? document.getElementById(name).offsetLeft:null;
	return arr;
}

function startMove(panelID)
{
	clearTimeout(timerID);
	if(currentPos[panelID] == targetPos[panelID])
	{
		isChange("yajirushi",nowIs,"off");
		nowIs = panelID;
		isChange("yajirushi",nowIs,"on");
		var func = (document.layers)? 'document.layers["ntvranMainNS"].moveLeft('+panelID+')':'moveLeft('+panelID+')';

		panelBodys[panelID].visibility = "visible";
		timerID = setInterval(func,50);
	}
	else
	{
		isChange("yajirushi",nowIs,"off");
		nowIs = panelID;
		isChange("yajirushi",nowIs,"on");
		var func = (document.layers)? 'document.layers["ntvranMainNS"].moveRight('+panelID+')':'moveRight('+panelID+')';

		panelBodys[panelID].visibility = "visible";
		timerID = setInterval(func,50);
	}
	return false;
}

var counter = 0;
function moveLeft(id)
{
	if(currentPos[id+1] < startPos[id+1] )
	{
		for(i=id+1;i<=panelNumber;i++)
		{
			currentPos[i] = Math.ceil(currentPos[i] + ((startPos[i] - currentPos[i] )/3));
			panels[i].left = currentPos[i];
		}
	}
	else
	{
		for(var j=id+1; j<=panelNumber; j++)
		{
			panelBodys[j].visibility = "hidden";
		}
		clearInterval(timerID);
	}
}

function moveRight(id)
{
	if(currentPos[id] > targetPos[id])
	{
		for(i=id;i>=2;i--)
		{
			currentPos[i] = Math.floor(targetPos[i] + (currentPos[i] - targetPos[i])/1.50);
			panels[i].left = currentPos[i];
		}
	}
	else
	{
		for(var j=id-1; j>=1; j--)
		{
			panelBodys[j].visibility = "hidden";
		}
		panelBodys[id-1].visibility = "hidden";
		clearInterval(timerID);
	}
}


var imgs = new Array();
function initImg(id,dir) {
	if(document.images) {
		for(var i=1; i<=panelNumber; i++)
		{
			imgs[id+''+i+'off'] = new Image();
			imgs[id+''+i+'on'] = new Image();

			imgs[id+''+i+'off'].src = 'images/' + id +''+ i + '_off.gif';
			imgs[id+''+i+'on'].src = 'images/' + id +''+ i + '_on.gif';
		}
	}
}
initImg("yajirushi")

function isChange(imgID,num,onoff) {
	if(document.images && imgs[imgID+''+num+''+onoff]) {
		if(document.layers) document.layers["panel"+num+"Div"].document.images[imgID+num].src = imgs[imgID+''+num+''+onoff].src;
		else document.images[imgID+''+num].src = imgs[imgID+''+num+''+onoff].src;
	}
}