var currentView = 'work';
var defaultView = 'work';

String.prototype.ucFirst = function () {
	return this.substr(0, 1).toUpperCase() + this.substr(1, this.length);
};

function initPortfolio()
{
	var hide = (defaultView == 'work') ? 'fun' : 'work';
	var showId = defaultView.ucFirst();
	$('li.' + hide).hide();
	$('a#toggle' + showId).addClass('active');			
}

function toggleView(e)
{
	e.preventDefault();
	var show = $(e.currentTarget).attr('id').substr(6).toLowerCase();
	var showId = show.ucFirst();			
	var hide = (show == 'work') ? 'fun' : 'work';
	var hideId = hide.ucFirst();
	
	$('li.' + hide).fadeOut(500, function() {
		$('li.' + show).fadeIn(500);
	});
	
	$('a#toggle' + hideId).removeClass('active');
	$('a#toggle' + showId).addClass('active');
}

$(document).ready(function() {
	$('a[id^=toggle]').click(toggleView);
	initPortfolio();
});