$(document).ready(function(){

	$('a[@rel~="portfolio"]').click(function(){
		var item = $(this).attr("class");
		showPortfolioItem(item);
	});
	
	$('a[@rel~="close"]').click(function(){
		var item = $(this).attr("class");	
		closePortfolioItem(item);
	});
	
	
	function showPortfolioItem(item){
		item = "port-"+item;
		$("#"+item).fadeIn("slow");
		$(this).toggleClass("active"); return false;
	}

	function closePortfolioItem(item){
		item = "port-"+item;
		$("#"+item).fadeOut("slow");
		return false;
	}	
	
	 
});