// jQuery - Filter Portfolio Work
// Loaded only if JavaScript is active.
$(document).ready(function(){
	
	var lang;
	lang = '<li class="current"><a href="#all">All</a></li>';
	lang += '<li><a href="#" title="xhtml">xhtml</a></li>';
	lang += '<li><a href="#" title="css">css</a></li>';
	lang += '<li><a href="#" title="flash">flash</a></li>';
	lang += '<li><a href="#" title="as2">as2</a></li>';
	lang += '<li><a href="#" title="as3">as3</a></li>';
	lang += '<li><a href="#" title="php">php</a></li>';
	lang += '<li><a href="#" title="mysql">mysql</a></li>';
	lang += '<li><a href="#" title="jquery">jquery</a></li>';

	$('ul#portfolio').before('<ul id="filter"><li>Filter:</li><li>' + lang + '</ul>');
});

$(document).ready(function(){
	$('ul#filter a').click(function(){
		
		$(this).css('outline','none');
		$('ul#filter .current').removeClass('current');
		$(this).parent().addClass('current ');
		
		var filterVal = $(this).text().toLowerCase().replace(' ','-');
		
		if(filterVal == 'all'){
			$('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
		} else {
			$('ul#portfolio li').each(function(){
				if(!$(this).hasClass(filterVal)){
					$(this).fadeOut('normal').addClass('hidden');
				} else {
					$(this).fadeIn('slow').removeClass('hidden');
				}
			});
		}
		return false;
	});
});