window.addEvent('domready',function() {
		
	var req = new Request.HTML({url:'index2.php?option=com_content&amp;view=frontpage&amp;Itemid=28', 
		onSuccess: function(html) {
			//Inject the new DOM elements into the results div.
			$('mainContent').set('text', '');
			$('mainContent').adopt(html);
		},
		//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() {
			$('mainContent').set('text', 'The request failed.');
		}
	});
		$$('.item28 a').addEvent('click', function(e) {
		e.preventDefault();
		req.send();
		$$('.item28 a').fade(0.5);
		$$('.item30 a').fade(1);
		$$('.item29 a').fade(1);
		$$('.item18 a').fade(1);
		
	});
	var req2 = new Request.HTML({url:'index2.php?option=com_content&view=article&id=25&Itemid=29', 
		onSuccess: function(html) {
			//Inject the new DOM elements into the results div.
			$('mainContent').set('text', '');
			$('mainContent').adopt(html);
		},
		//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() {
			$('mainContent').set('text', 'The request failed.');
		}
	});
		$$('.item29 a').addEvent('click', function(e) {
		e.preventDefault();
		req2.send();
		$$('.item30 a').fade(1);
		$$('.item18 a').fade(1);
		$$('.item28 a').fade(1);
		$$('.item29 a').fade(0.5);
	});		
	var req3 = new Request.HTML({url:'index2.php?option=com_content&view=article&id=27&Itemid=30', 
		onSuccess: function(html) {
			//Inject the new DOM elements into the results div.
			$('mainContent').set('text', '');
			$('mainContent').adopt(html);
		},
		//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() {
			$('mainContent').set('text', 'The request failed.');
		}
	});
		$$('.item30 a').addEvent('click', function(e) {
		e.preventDefault();
		req3.send();
		$$('.item29 a').fade(1);
		$$('.item18 a').fade(1);
		$$('.item30 a').fade(0.5);
		$$('.item28 a').fade(1);
	});	
	var req4 = new Request.HTML({url:'index2.php?option=com_contact&view=contact&id=1&Itemid=18', 
		onSuccess: function(html) {
			//Inject the new DOM elements into the results div.
			$('mainContent').set('text', '');
			$('mainContent').adopt(html);
		},
		//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() {
			$('mainContent').set('text', 'The request failed.');
		}
	});
		$$('.item18 a').addEvent('click', function(e) {
		e.preventDefault();
		req4.send();
		$$('.item30 a').fade(1);
		$$('.item18 a').fade(0.5);
		$$('.item29 a').fade(1);
		$$('.item28 a').fade(1);
	});		
		
		
		
});



