$(document).ready(function(){
	
	$("#all").bind("click", function (e) {
		$(this).addClass("active");
		$("#aut, #nat, #por, #sti").removeClass("active");
		$(".aut, .nat, .por, .sti").fadeIn(500);
		$(".aut>a, .nat>a, .por>a, .sti>a").attr("rel", "portfolio");
		return false; killEvent(e);
	});

	$("#aut").bind("click", function (e) {
		$(this).addClass("active");
		$("#all, #nat, #por, #sti").removeClass("active");
		$(".aut").fadeIn(500);
		$(".nat, .por, .sti").fadeOut(500);
		$(".aut>a").attr("rel", "portfolio");
		$(".nat>a, .por>a, .sti>a").removeAttr("rel", "portfolio");
		return false; killEvent(e);
	});

	$("#nat").bind("click", function (e) {
		$(this).addClass("active");
		$("#aut, #all, #por, #sti").removeClass("active");
		$(".nat").fadeIn(500);
		$(".aut, .por, .sti").fadeOut(500);
		$(".nat>a").attr("rel", "portfolio");
		$(".aut>a, .por>a, .sti>a").removeAttr("rel", "portfolio");
		return false; killEvent(e);
	});

	$("#por").bind("click", function (e) {
		$(this).addClass("active");
		$("#aut, #nat, #all, #sti").removeClass("active");
		$(".por").fadeIn(500);
		$(".aut, .nat, .sti").fadeOut(500);
		$(".por>a").attr("rel", "portfolio");
		$(".aut>a, .nat>a, .sti>a").removeAttr("rel", "portfolio");
		return false; killEvent(e);
	});

	$("#sti").bind("click", function (e) {
		$(this).addClass("active");
		$("#aut, #nat, #por, #all").removeClass("active");
		$(".sti").fadeIn(500);
		$(".aut, .nat, .por").fadeOut(500);
		$(".sti>a").attr("rel", "portfolio");
		$(".aut>a, .nat>a, .por>a").removeAttr("rel", "portfolio");
		return false; killEvent(e);
	});
	
	$("a.lightbox").hover(
		function(){
			$(this).children("div.hover").slideDown(50);
		},
		function(){
			$(this).children("div.hover").slideUp(200);
		}
	);
	
	$("div.design>ul>li").hover(
		function(){
			$(this).children("div.hover").slideDown(50);
		},
		function(){
			$(this).children("div.hover").slideUp(200);
		}
	);

});