$(function () {

	$("li#clear a").click(function (e) {
	    e.preventDefault();
		$("div.littlelist li").removeClass();
		$("div#cats li a").removeClass('active');
	});

	$('div#cats a.catlink').toggle(

		function(e) {
		    e.preventDefault();
			var catid = $(this).attr('id');
			$(this).addClass('active');
			$("div.littlelist").find("li:not([@name*="+catid+"])")
			    .addClass('token'+catid)
			    .end()
			    .find("li[@class*=token]")
			    .addClass('hidden');

        },
        function(e) {
            e.preventDefault();
            var catid = $(this).attr('id');
			$(this).removeClass('active');
			$("div.littlelist").find("li:not([@name*="+catid+"])")
    			.removeClass('token'+catid)
    			.end().
    			find("li:not([@class*=token])").
    			removeClass('hidden');

        }
	);
});