window.addEvent('domready', function() {

	//Home
	var req1 = new Request.HTML({url:'home.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('result').set('text', '');
			//Inject the new DOM elements into the results div.
			$('result').adopt(html);	(function(){ $('result').fade('1'); }).delay(400);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('result').set('text', 'The request failed.');
		}
	});
	
		//Services
	var req2 = new Request.HTML({url:'servers.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('result').set('text', '');
			//Inject the new DOM elements into the results div.
			$('result').adopt(html); (function(){ $('result').fade('1'); }).delay(400);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('result').set('text', 'The request failed.');
		}
	});
	
			//Portfolio
var req3 = new Request.HTML({
url:'donations.php',
evalScripts:false, // don't ask mootools to process js
evalResponse:false, // we will process it manually

onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
$('result').set('html',responseHTML); //Inject the new DOM elements into the results div.
$exec(responseJavaScript); (function(){ $('result').fade('1'); }).delay(400); // process javascript manually AFTER element is loaded
},
});
	
				//Contact
	var req4 = new Request.HTML({url:'community.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('result').set('text', '');
			//Inject the new DOM elements into the results div.
			$('result').adopt(html); (function(){ $('result').fade('1'); }).delay(400);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('result').set('text', 'The request failed.');
		}
	});
	
	
	
	$('home').addEvent('mouseenter', function() {
$('result').fade('0');	
	(function(){ req1.send(); }).delay(400);
	});
	
		$('servers').addEvent('mouseenter', function() {
		$('result').fade('0');	
		(function(){ req2.send(); }).delay(400);
	});
	
		$('donations').addEvent('mouseenter', function() {
		$('result').fade('0');	
		(function(){ req3.send(); }).delay(400);
	});
	
		$('community').addEvent('mouseenter', function() {
		$('result').fade('0');	
		(function(){ req4.send(); }).delay(400);
	});

});