var leftPos = -320;
var imgs;
var minLeftPicFrame = -360 * (9-1);
var drifting = false;

function init() {
	imgs = document.getElementById("PicFrame").getElementsByTagName("img");
	for(i=0; i<imgs.length ;i++){
		imgs[i].style.position = 'absolute';
		imgs[i].style.left = (leftPos+(i*365)) +"px";
	}
	document.getElementById("PicLabel").style.position = 'absolute';
	document.getElementById("PicLabel").style.top = '240px';
	startDrift(-1, 150);
}

function startDrift(pixels, interval) {
	drifting = true;
	driftPic(pixels, interval);
}

function stopDrift() {
	drifting = false;
	window.setTimeout("startDrift(-1, 150)", 1000);
}

function driftPic(pixels, interval) {
	if(drifting){
		shiftPic(pixels);
		window.setTimeout("driftPic("+pixels+","+interval+")", interval);
	}
}

function shiftPic(pixels) {
	leftPos += pixels;
	for(i=0; i<imgs.length ;i++){
		var _left = leftPos+(i*370);
		while(_left > (imgs.length-1)*370) _left -= imgs.length*370;
		while(_left < -(imgs.length-2)*370) _left += imgs.length*370;
		imgs[i].style.left = (_left) +"px";
		if(_left > -145 && _left < 225) { // 450/2-370 ~ 450/2
			document.getElementById("PicLabel").innerHTML = imgs[i].alt;
			document.getElementById("PicLabel").style.left = _left + "px";
		}
	}
}