var iNum = 0;
var baseWidth = 500;
var animating = false;
var numItems = 1;

function hiderest(num) {
	panes = $('.pane').hide();
	pane(num).show();
}

function moveleft() {
	moveIt(-1);
}

function moveright() {
	moveIt(1);
}

function moveIt(dir) {
	if ( !animating ) {
		iNum += dir;

		if ( iNum > numItems ) {
			iNum = 0;
			dir = -1;
		} else if ( iNum < 0 ) {
			iNum = numItems;
			dir = 1;
		}

		pane(iNum).show();
		start = (dir == 1 ? 0 : -baseWidth) + 'px';
		stop = (dir == 1 ? -baseWidth : 0) + 'px';
		animating = true;
		$('#inner').css('margin-left', start).animate({ marginLeft: stop}, 1500, 'swing', animdone );
	} else {
		$('#inner').stop();
		animdone();
		setTimeout('moveIt('+dir+', 0)', 100);
	}
}

function animdone() {
	hiderest(iNum);
	$('#inner').css('margin-left', '0px');
	animating = false;

	if (change_title) {
		call_later(change_title, 'change_title', 1000);
	}	
}


function init() {
	setTimeout('initz()', 100);
}

function initz() {
	hiderest(0);
	numItems = $('.pane').length - 1;
	baseWidth = (pane(0).width());
	if (baseWidth < 650) {
		baseWidth = 650;
	}

	$('#outer').css('width', baseWidth + 'px');
	$('#inner').css('width', (baseWidth * 2) + 'px');
}

function pane(num) {
	panes = $('.pane');
	return $(panes[num]);
}

$(document).ready(init);