function loadContent(page,title) {
	var load = new Request.HTML({url:'/services/' + page, 
		onRequest: function() {
			if (page == 'web_design' || page == 'web_hosting' || page == 'design' || page == 'software') {
				$('arrow_web_design').fade('out');
				$('arrow_web_hosting').fade('out');
				$('arrow_design').fade('out');
				$('arrow_software').fade('out');
				$('arrow_' + page).fade('in');
				title = ' ~ ' + title;
			}
			
			$$('title').set('text','Anti-Radiant Creative - Services' + title);
			$('result').set('text', '');
			$('result').adopt(new Element('div',{'text':'Content Loading...','class':'loading','id':'loading'}));
			$('loading').adopt(new Element('br'));
			$('loading').adopt(new Element('img',{'src':'/media/images/loader.gif'}));
		},
		onSuccess: function(html) {
			$('result').set('text', '');
			$('result').adopt(html);
		},
		onFailure: function() {
			$('result').set('text', 'The request failed.');
		}
	});
	
	load.send();
}

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

	$('arrow_web_design').fade('out');
	$('arrow_web_hosting').fade('out');
	$('arrow_design').fade('out');
	$('arrow_software').fade('out');
	
	myURI = new URI();
	var anchor = myURI.get('fragment');
	
	if (anchor && anchor != '') {
		if (anchor == 'web_design' || anchor == 'web_hosting' || anchor == 'design' || anchor == 'software') {
			var title;
			switch(anchor) {
				case 'web_design':
					title = 'Web Design'; 
					break;
				case 'web_design':
					title = 'Web Hosting'; 
					break;
				case 'web_design':
					title = 'Logo / Interface Design'; 
					break;
				case 'web_design':
					title = 'Software for Mac OS X'; 
					break;
				default:
					title = ''; 
					break;
			}
			loadContent(anchor,title);
		} else {
			loadContent('main');
		}
	} else {
		loadContent('main','');
	}

});