window.onload = function () {
	canvas = document.getElementById('pages');
	canvas.style.width = '1000px';
	canvas.style.left = '0px';
}

function MoveTo (page) {
	var canvas = document.getElementById('pages');

	var curLeft = parseInt(canvas.style.left);
	var newLeft = (page - 1) * (-250);
	var timerID;

	if (curLeft != newLeft) {
		clearInterval(timerID);

		if (newLeft > curLeft) {
			curLeft = curLeft + 10;
			canvas.style.left = curLeft + 'px';
		}
		else if (curLeft > newLeft) {
			curLeft = curLeft - 10;
			canvas.style.left = curLeft + 'px';
		}
		curLeft = parseInt(canvas.style.left);

		timerID = setTimeout('MoveTo('+page+')', 1);
	}

	if (!timerID) {
		setActiveLink(page);
	}
}

function setActiveLink (page) {
	var archive = document.getElementById('archive');
	var links = archive.getElementsByTagName('a');
	var linkId = 1;

	for (i = 0; i < links.length; i++) {
		if (links[i].id == 'link'+page) {
			if (links[i].className == 'last') {
				links[i].className = 'active last';
			}
			else {
				links[i].className = 'active';
			}
		}
		else {
			if (links[i].className == 'active last' || links[i].className == 'last') {
				links[i].className = 'last';
			}
			else {
				links[i].className = '';
			}
		}
		linkId++;
	}
}