$(document).ready(function(){
	$("#portfolio > ul#tabs > li").click(function(e){
		switch(e.target.id){
			case "bangs":
				$("#bangs").addClass("active");
				$("#cw").removeClass("active");
				$("#gs").removeClass("active");
				$("#other").removeClass("active");

				$("div.bangs").fadeIn();
				$("div.cw").css("display", "none");
				$("div.gs").css("display", "none");
				$("div.other").css("display", "none");
			break;
			case "cw":
				$("#bangs").removeClass("active");
				$("#cw").addClass("active");
				$("#gs").removeClass("active");
				$("#other").removeClass("active");

				$("div.cw").fadeIn();
				$("div.bangs").css("display", "none");
				$("div.gs").css("display", "none");
				$("div.other").css("display", "none");
			break;
			case "gs":
				$("#bangs").removeClass("active");
				$("#cw").removeClass("active");
				$("#gs").addClass("active");
				$("#other").removeClass("active");

				$("div.gs").fadeIn();
				$("div.bangs").css("display", "none");
				$("div.cw").css("display", "none");
				$("div.other").css("display", "none");
			break;
			case "other":
				$("#bangs").removeClass("active");
				$("#cw").removeClass("active");
				$("#other").addClass("active");
				$("#gs").removeClass("active");

				$("div.other").fadeIn();
				$("div.bangs").css("display", "none");
				$("div.cw").css("display", "none");
				$("div.gs").css("display", "none");
			break;
		}
		return false;
	});
});