function startLoading() {
	$('#loading').fadeIn(400);
}
function endLoading() {
	$('#loading').fadeOut(400);
}
function changeView(where, from, bodyid, showloading) {
	if (showloading == null) showloading = false;
	if (showloading == true) startLoading();
	$.get(from, {}, function(data) {
		$(where).slideUp(400, function() {
			$(where).html(data).slideDown(400, function () {
				if (showloading == true) endLoading();
				$('body').attr('id', 'page-'+bodyid);
			});
		});
	});
}
function setClickChangeView(item, where, from, bodyid, showloading) {
	$(item).click(function () {
		changeView(where, from, bodyid, showloading);
	});
}
$('.tab').click(function() {
	$('.tab').removeClass('current-tab');
	$(this).addClass('current-tab');
});
setClickChangeView('#about-me-tab', '#tab-contents',  'about-me.php', 'about-me',true);
setClickChangeView('#projects-tab', '#tab-contents', 'projects.php', 'projects', true);
setClickChangeView('#contact-tab', '#tab-contents', 'contact.php', 'contact', true);
$('body').ready(function() {
	var click = 'about-me';
	var url = document.location.href;
	var param = url.split("#");
	if (param[1] != null) click = param[1];
	$('#'+click+'-tab').click();
});