window.addEvent('domready', function() {
	// You can skip the following two lines of code. We need them to make sure demos
	// are runnable on MooTools demos web page.
	// --
		
	//We can use one Request object many times.
	

	function getContent(whichContent) {
		var loadContent = new Request.HTML({url:whichContent,
			onSuccess: function(html) {
				$('loader').set('text', '');
				$('loader').adopt(html);
			},
			onFailure: function() {
				$('loader').set('text', 'the request failed.');
			}

		});
		loadContent.send();
	};


	
	$('welcomeRequest').addEvent('click', function() {
		getContent('content/welcome.html');
	});

	$('digitalRequest').addEvent('click', function() {
		getContent('content/digital.html');
	});
	
	$('watercolorRequest').addEvent('click', function() {
		getContent('content/watercolor.html');
	});
	
	$('acrylicRequest').addEvent('click', function() {
		getContent('content/acrylic.html');
	});
	
	$('inkRequest').addEvent('click', function() {
		getContent('content/ink.html');
	});
	
	$('photographyRequest').addEvent('click', function() {
		getContent('content/photography.html');
	});
	
	$('aboutRequest').addEvent('click', function() {
		getContent('content/about.html');
	});
	
	$('resumeRequest').addEvent('click', function() {
		getContent('content/resume.html');
	});
	
	$('contactRequest').addEvent('click', function() {
		getContent('content/contact.html');
	});
	

	
	
})