$(document).ready( function(){
	
	if ( document.location.hash != "" ) {
		selectCategory(document.location.hash);
	};
	
	$('.header .logo').html('<img src="images/iwill-logo.png"/>');
	$('.header .logo-horiz').html('<a href="index.php"><img src="images/iwill-logo-horiz.png"/></a>');
	
	$('.projects .nav a').click( function(e){
		e.preventDefault();
		
		if ( !$(this).hasClass('selected') ) {
			$('.projects .nav a').removeClass('selected');
			selectCategory( $(this).attr('href') );
			document.location.hash = $(this).attr('href');
		} else {
			$('.projects .nav a').removeClass('selected');
			$('.projects .project').animate( {'width':'220px','margin-right':'10px','margin-left':'10px'}, 'fast' );
			document.location.hash = "";
		}
		
	});
	
} );

function selectCategory(cat) {
	category = cat.replace('#','');
	
	$('.projects .nav a').each( function(i){
		if ( $(this).attr('href') == cat ) $(this).addClass('selected');
	} );
	
	$('.projects .project').each( function(i){
		if ( $(this).attr('category').indexOf( category ) == -1 ) {
			$(this).animate( {'width':'0','margin-right':'0','margin-left':'0'}, 'fast' );
		} else {
			$(this).animate( {'width':'220px','margin-right':'10px','margin-left':'10px'}, 'fast' );
		}
	});
	

}