var sections = ["about","news","why","markets","services","standards","customers"];

//precache images
for(var i=0;i<sections.length;i++) {
	ACT.preload("/images/menu/" + sections[i] + "-normal.gif");
	ACT.preload("/images/menu/" + sections[i] + "-over.gif");
}

var numbers = new Array();
for(var i=1;i<20;i++) {
	numbers[i] = new Image();
	numbers[i].src = "/images/numbers/" + i + ".gif";
}


function mOver(im) {
	ACT.imgSwap("im" + im,"/images/menu/" + im + "-over.gif");
}

function mOut(im) {
	ACT.imgSwap("im" + im,"/images/menu/" + im + "-normal.gif");
}


var scrollStartX = 205;
var scrollStartY = 408;

var scrollWidth = 100;

onload = function() {

	if(!document.getElementById || !document.getElementsByTagName) return false;

	for(var i=0;i<=numColumns;i++) {
		var x = (i)*585;
		ACT.moveTo("column" + i,x,0);
	}

	scrollWidth = 548 / (numColumns+1);
	ACT.resizeTo("scrollBar",Math.round(scrollWidth),16);
	ACT.clipTo("scrollBar",0,0,Math.round(scrollWidth),16);
	ACT.moveTo("scrollBar",scrollStartX,scrollStartY);


	if(numColumns>0) {

		//set up the scrollbar's drag and drop (dom-drag.js from YoungPup.net)
		Drag.init(ACT.getElement("scrollBar"),null,scrollStartX,scrollStartX+548-scrollWidth,scrollStartY,scrollStartY);

		ACT.getElement("scrollBar").onDrag = function(x,y) {
			var percent = (x-scrollStartX) / (548 - scrollWidth);
			if(percent<0) percent=0;

			//size of all the columns
			var colSize = 585*numColumns

			//find the position of the first column
			var absStart = 0 - colSize*percent;

			curColumn = 0;

			//loop through all the columns positioning them accordingly
			for(var thisColumn=0;thisColumn<=numColumns;thisColumn++) {
				var x = absStart + thisColumn*585;
				if(curColumn<thisColumn && x >= 0 && x < 585) curColumn=thisColumn
				ACT.moveTo("column" + thisColumn,x,0);
			}


			ACT.imgSwap("imScrollRight","/images/layout/scroll-right-over.gif");
			ACT.imgSwap("imScrollLeft","/images/layout/scroll-left-over.gif");
			ACT.getStyles("scrollBar").backgroundColor = "#9c3";
		}

		ACT.getElement("scrollBar").onDragEnd = function() {
			ACT.imgSwap("imScrollRight","/images/layout/scroll-right-normal.gif");
			ACT.imgSwap("imScrollLeft","/images/layout/scroll-left-normal.gif");
			ACT.getStyles("scrollBar").backgroundColor = "#f60";
		}

	}

	//RESIZE FUNCTION CENTRES THE PAGE
	onresize = function() {
		var left = (getViewportWidth()/2)-(772/2);
		var top = (getViewportHeight()/2)-(444/2);
		ACT.moveTo("canvas",left,top);
	}

	onresize();

	ACT.show("canvas",0.25);

}



//FUNCTIONS TO MANIPULATE THE COLUMNS
var speed = 1500;
var curColumn = 0;


function nextPage() { if(curColumn!=numColumns) { curColumn++; scroll(); } if(curColumn==numColumns) scroll(); self.focus(); return false; }
function lastPage() { if(curColumn!=0) { curColumn--; scroll(); } self.focus(); return false; }

function scroll() {
	for(var thisColumn=0;thisColumn<=numColumns;thisColumn++) {
		var x = (thisColumn - curColumn) * 585;
		ACT.timeSlide("column" + thisColumn,x,0,speed,-0.999,null,true);
	}

	ACT.timeSlide("scrollBar",Math.round(scrollStartX + scrollWidth*curColumn),scrollStartY,speed,-0.999,null,true);

	//ACT.imgSwap("imPage1",numbers[curColumn+1].src);
}

function setColumn(n) {
	curColumn = n;
	scroll();
}









getViewportWidth = function() {
	var width = 0;
	if( document.documentElement && document.documentElement.clientWidth ) {
		width = document.documentElement.clientWidth;
	}
	else if( document.body && document.body.clientWidth ) {
		width = document.body.clientWidth;
	}
	else if( window.innerWidth ) {
		width = window.innerWidth - 18;
	}
	return width;
}

getViewportHeight = function() {
	var height = 0;
	if( document.documentElement && document.documentElement.clientHeight ) {
		height = document.documentElement.clientHeight;
	}
	else if( document.body && document.body.clientHeight ) {
		height = document.body.clientHeight;
	}
	else if( window.innerHeight ) {
		height = window.innerHeight - 18;
	}
	return height;
}