window.addEvent('domready', function() {
									 
	////////////////////////////////nav

	var links = $('nav-buttons').getElements('a');
	var row = $$('.row');
	var nextPage = $('next-page');
	var selectors = $$('.selector');
	var currentPosition = 0;
	var end = selectors.length;

//	var scrollFx = new Fx.Scroll(window, {offset: {'x': -150,'y':-40}, duration: 1});
	var scrollFx = new Fx.Scroll(window, {offset: {'x': -150,'y':-40}, duration: 400, transition: Fx.Transitions.linear, fps: 10}); 

	//Prevous
	var gotoPreviousSeperator = function(){
		currentPosition--;
		if(currentPosition <=0) {currentPosition = 0}
		// animation
		scrollFx.toElement(selectors[currentPosition]);	
	}

	//Next
	var gotoNextSeperator = function(){
			currentPosition++;
			if (currentPosition >= end) {
				currentPosition = end; 
//				document.location = nextPage.innerHTML;
			} else {
				scrollFx.toElement(selectors[currentPosition]);
			}
	}

	// evaluate key
	var getKey = function(e){
//		e.preventDefault(); // this prevented any key entry into forms
		var key = e.event.keyCode;
		if(key == 39) {gotoNextSeperator()}
		if(key == 37) {gotoPreviousSeperator()}
	}

	/********************************************
	* KRIS-6:
	 * Added the lines below
	 * Size the foot div to be the exact same dimensions 
	 * as the row div, this should define the window 
	 * scrolling size to be the size of the row.
	 ********************************************/
	var rowDim = row[0].getSize();
	$("foot").set('styles', {
		height: rowDim.y + 'px',
		width: rowDim.x + 'px'
	});

	// scrollFx.toElement(selectors[0]);

	// links
//	if (links[0]) links[0].addEvent('click',gotoPreviousSeperator);
//	if (links[1]) links[1].addEvent('click',gotoNextSeperator);

	// Key pressed
	if (selectors[1]) {     
		document.addEvent('keydown', getKey);
	}

	var enableArrowScrolling = function(){
		document.addEvent('keydown', getKey);
	}

	var disableArrowScrolling = function(){
		document.removeEvent('keydown', getKey, false);
	}

	var inputfield = $$('input');
	for(i=0;i<inputfield.length;i++) {
		var type = inputfield[i].getAttribute('type');
		var name = inputfield[i].getAttribute('name');
		if (type == 'text' && name != null) {
			inputfield[i].addEvent('focus',disableArrowScrolling);
			inputfield[i].addEvent('blur',enableArrowScrolling);
		}
	}
	var textarea = $$('textarea');
	for(i=0;i<textarea.length;i++) {
		textarea[i].addEvent('focus',disableArrowScrolling);
		textarea[i].addEvent('blur',enableArrowScrolling);
	}

////////////////////////////////horizontal scroll with mousewheel

	document.addEvent('mousewheel', function(event) {	
		event.preventDefault();
		event = new Event(event);
//		tweenMenu('30px')
		/* Mousewheel UP */
		if (event.wheel > 0) {
			window.scrollBy(-100,0);
		} 
		/* Mousewheel DOWN*/
		else if (event.wheel < 0) {
			window.scrollBy(100,0);			
		}
	});

});