window.addEvent('domready', function(){
	$('tabs').getElements('span').each(function(i) {
		i.addEvent('click', function(event){
			event.stop();
			Tab(i.get('id'));
		});
	});
});
function Tab(key, post){
	$('tabs').getElements('span').each(function(i) {
		i.removeClass('active');
	})
	$(key).addClass('active');
	//alert($(key).getElements('a').get('href'));
	
	var url = $(key).getElements('a').get('href');
	for (var obj in post){
		url = url + '&' + obj + '=' + post[obj];
	}
	//alert(url);
	
	var req = new Request.HTML({
		url: url,
		evalScripts:false,
		evalResponse:false,
		method: 'post',
		onRequest: function() {
			//$(key + '-loading').set('html', '<img src=\'images/ajax-loader.gif\' width=\'16\' height=\'16\' alt=\'Loading\' />');
		},
		onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
			//$(key + '-loading').setHTML("");
			//$('tab-content').setHTML(responseHTML);
			$('tab-content').set('html',responseHTML); //Inject the new DOM elements into the results div.
			$exec(responseJavaScript); // process javascript manually AFTER element is loaded
		}
	}).send();
}