function showRegion(id) {
	loadingmorph.start({'opacity': '1'});
	var request = new Request.HTML({url:'index.php',
		onSuccess: function(html) {
			$('main').set('text', '');
			$('main').adopt(html);
			loadingmorph.start({'opacity': '0'});
		},
		onFailure: function() {
			$('main').set('text', 'The request failed. Try again...');
			loadingmorph.start({'opacity': '0'});
		}
	}).get({'id': id, 'type':10});
}

var loadingmorph;
window.addEvent('domready', function() {
	var div = new Element('div', {'id': 'loading'});
	var img = new Element('img', {'src': 'fileadmin/hydroflex/res/loading.gif', 'alt':'Loading...'});
	div.adopt(img);
	loadingmorph = new Fx.Morph(div, {duration: 250, link: 'cancel'});
	$('subtemplate').adopt(div);
	div.setStyle('visibility', 'visible');
	div.setStyle('display', 'block');
	loadingmorph.start({'opacity': '0'});
});