// JavaScript Document

$(function() {

var filterINNERHTML = ('<a href="#" class="current">All</a><a href="#">METAVERSE</a><a href="#">Download</a><a href="#">Release</a><a href="#">Event</a><a href="#">Sequense Virus</a><a href="#">Regular</a><a href="#">Other</a><span id="filterNowCurrent">All</span>');
$('#filter').html(filterINNERHTML);
		
	$('#filter > a').click(function() {
	

		$(this).css('outline','none');
		$('#filter > a.current').removeClass('current');
		$(this).addClass('current');
		
		var filterValue = $(this).text().toLowerCase().replace(' ','-');
		$('#filterNowCurrent').text($(this).text());
		
		if(filterValue == 'all') {
			$('ul#portfolio > li.hiddenItem , ul#overportfolio > li.hiddenItem').fadeIn('slow').removeClass('hiddenItem');
		} else {
			$('ul#portfolio > li , ul#overportfolio > li').each(function() {   
				if(!$(this).hasClass(filterValue)) {   
				$(this).fadeOut('normal').addClass('hiddenItem');   
				} else {   
				$(this).fadeIn('slow').removeClass('hiddenItem');   
				}   
			});   
		}  
				
		return false;
	
	});

});