var getPage = function(page, container, id) {

	new Ajax.Request('class-' + id + '.htm', {
		method: 'post',
		parameters: {page: page,
		 			 submit: 'true'},
		onSuccess: function(transport) {

			if ( transport.responseText != 'error' )
				$(container).innerHTML = transport.responseText;

		}
	});
		
}

function getAndSetContent(team, type) {

	displayLoader($('team_box'));

	new Ajax.Request('class-' + team + '.htm', {
		method: 'post',
		parameters: {type: type,
		 			 box: 'true'},
		onSuccess: function(transport) {

			if ( transport.responseText != 'error' )
				$('team_box').innerHTML = transport.responseText;

		}
	});

}

function setClassIfExist(element, className) {

	if (element)
		element.className = className;

}

function showPhoto(team) {

	setClassIfExist($('tab_photo'), 'bluebox-tab-active');
	setClassIfExist($('tab_squad'), 'bluebox-tab');
	setClassIfExist($('tab_sponsors'), 'bluebox-tab');

	getAndSetContent(team, 'photo');
	
}

function showSquad(team) {

	setClassIfExist($('tab_photo'), 'bluebox-tab');
	setClassIfExist($('tab_squad'), 'bluebox-tab-active');
	setClassIfExist($('tab_sponsors'), 'bluebox-tab');
	
	getAndSetContent(team, 'squad');
	
}

function showSponsors(team) {

	setClassIfExist($('tab_photo'), 'bluebox-tab');
	setClassIfExist($('tab_squad'), 'bluebox-tab');
	setClassIfExist($('tab_sponsors'), 'bluebox-tab-active');
	
	getAndSetContent(team, 'sponsors');
	
}