window.addEvent('domready', function() {
	
	$('loader-container').fade('hide');
	var cnt = $('content');
	cnt.load('content/about.php').fade('hide').fade('in');
	var page = 'about';
	
	$$('div.nav-button').addEvent('click', function(){
		var btn = $(this);
		var link = btn.getElement('a');
		var newPage = link.get('href').substr(1);
		
		if(newPage != page) {
			
			page = newPage;
		
			var chn = new Chain();
			var c1 = function() {
				cnt.fade('out');
				$('page-text').setStyle('height', cnt.getSize().y + 12);
				$('loader-container').fade('in');
				chn.callChain.delay(500, chn);
			};
			var c2 = function() {
				var contentURL = 'content/' + newPage + '.php';
				
				new Request.HTML({
					url: contentURL,
					method: 'get',
					update: cnt,
					onSuccess: function(){ chn.callChain.delay(1000, chn); }
				}).send();		
				
			};
			var c3 = function() {
				var h = cnt.measure(function(){
					return this.getSize().y;
				});	
				$('page-text').tween('height', h+12);
				chn.callChain.delay(500, chn);
			};
			var c4 = function() {
				$$('.remooz').each(function(element) {
					new ReMooz(element, {
						centered: true,
						resizeFactor: 0.8,
						cutOut: false,
						opacityResize: 0.1,
						opacityTitle: 0.5,
						origin: element.getElement('img')
					});
				});
				cnt.fade('in');
				$('loader-container').fade('out');
				
				if(newPage == 'contact') {
					new FormCheck('contact-form', {
						submitByAjax: true,
						onAjaxRequest : function()
						{
							// $('contact-message').fade('hide');
							$('contact-form').fade('out');
							$('contact-form').setStyle('display', 'none');
							$('contact-message').set('text', 'Sending message...');
							$('contact-message').fade('in');
						},
						onAjaxSuccess : function()
						{
							$('contact-message').set('text', 'Message sent successfully.');
						},
						onAjaxFailure : function()
						{
							$('contact-message').set('text', 'Unsuccessful, try again.');
						}
					});	
				}
			
			};
			
			chn.chain(c1).chain(c2).chain(c3).chain(c4);
			chn.callChain();
			
			var newSwap = new swaper(newPage);
			newSwap.swap();
			

		}
	});


});