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

	var req = new Request({

		url: '/includes/request.php',

		onSuccess: function(txt){
			$('mfeed').fade(1);
			$('demo-inner').set('html', txt);
			$('loader').setStyle('visibility', 'hidden');
		},

		onFailure: function(){
			$('demo-inner').set('text', 'The request failed.');
		}

	});

	$('news').addEvent('click', function() {
		appearance(this);
		$('loader').setStyle('visibility', 'visible');
		req.send('q=news');
	});
	
	$('portfolio').addEvent('click', function() {
		appearance(this);
		$('loader').setStyle('visibility', 'visible');
		req.send('q=portfolio');
	});
	
	$('current').addEvent('click', function() {
		appearance(this);
		$('loader').setStyle('visibility', 'visible');
		req.send('q=current');
	});
	
	$('features').addEvent('click', function() {
		appearance(this);
		$('loader').setStyle('visibility', 'visible');
		req.send('q=features');
	});
	
	function appearance(obj) {
		$('mfeed').fade(0);
		var links = $('flinks').getElementsByTagName('a')
		for (i = 0; i < links.length; i ++) {
			links[i].setProperty('class', '.tabs li a');	
		}
		obj.setProperty('class', 'selected');
	}
	
	req.send('q=features');

});