var numPages = 2;
var currentPage = "page1";
var currentClientName = "";
var pageWidth = "890px";
var pageHeight = "400px";

/* Initiates the scroller nav events */
function initScroller() {
	setupScroller();
	setProjectName();
	
	var scroll = new Fx.Scroll('scroller', {
		wait: false,
		duration: 500,
		transition: Fx.Transitions.Quad.easeInOut
	});	

	// Set slider navigation NEXT link onclick events	
	$('nextClient').addEvent('click', function(event) {
		currentPage = getNextPage();
		event = new Event(event).stop();
		scroll.toElement(currentPage);
		currentClientName = $(currentPage).className.split('page ')[1];
		setClientName();
	});
}

/* Returns the next page */
function getNextPage() {
	var number = parseInt(currentPage.split('page')[1]);
	return (number < numPages)? "page" + ++number : "page1";
}


/* Adds IDs to the pages and page nav links */

function setupScroller() {
	var pages = $ES('div.page','scroller');
	
	numPages = pages.length;
	
	// Set page IDs and dimensions
	for(var j=0; j<pages.length; j++) {
		var left = j * parseInt(pageWidth.split(/px/)[0]);
		pages[j].id = "page" + (j+1);
		pages[j].setStyles({'width':pageWidth,'height':pageHeight,'left':left,'top':'0px'});
	}

	// Set Scroller and page-content Dimensions
	$('scroller').setStyles({'width':pageWidth, 'height':pageHeight});
	$('frame').setStyles({'width':pageWidth, 'height':pageHeight});
	
	currentClientName = $ES('div.page','scroller')[0].className.split('page ')[1];
}

function setProjectName() {
	$('clientName').innerHTML = currentClientName;	
}