var World = {

	initialize: function() {
		$$('html').setStyles({
			'overflow': 'hidden',
			'height': $('container').getStyle('height')
		});
		$$('.jsEnabled').setStyle('display', 'block');
 		$$('.jsDisabled').setStyle('display', 'none');

		Navigation.initialize();
	}
};

var Pages = {

	welcome: {
		name: "Welcome",
		position: 0
	},

	services: {
		name: "Services",
		position: 4
	},

	references: {
		name: "References",
		position: 9
	},

	links: {
		name: "Links",
		position: 25
	},

	contact: {
		name: "Contact",
		position: 31
	}

};

var Navigation = {

	curPos: 0,

	initialize: function() {
		this.navigateFx = new Fx.Scroll(window, {
			duration: 1200,
			wait: false,
			transition: Fx.Transitions.sineInOut
		});
		this.scrollFx = new Fx.Style($('container'), 'top', {
			duration: 1200,
			wait: false,
			transition: Fx.Transitions.sineInOut
		});

		$$('.goDown').each(function(e) { e.addEvent('click', Navigation.down); });
		$$('.goUp').each(function(e) { e.addEvent('click', Navigation.up); });
		for (page in Pages) {
			$$('.linkTo' + Pages[page].name).each(function(e) { e.addEvent('click', Navigation.navigateTo.pass(page)); });
		}
	},

	navigateTo: function(page) {
		Navigation.curPos = -Pages[page].position*228;
		Navigation.scrollFx.start(Navigation.curPos);
	},

	down: function() {
		Navigation.curPos -= 228;
		Navigation.scrollFx.start(Navigation.curPos);
	},

	up: function() {
		if (Navigation.curPos <= 228) {
			Navigation.curPos += 228;
			Navigation.scrollFx.start(Navigation.curPos);
		}
	}

};

window.addEvent('domready', World.initialize);