$(function(){
	$('#thumbs li a')
		.css( {backgroundColor: "#a30101"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundColor: "#333"}, 150)
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundColor: "#a30101"}, 150)
		})
	// this is for the filter drop down
	$('#filter').show();
	var $activeClass = "all"
	$("#filter select").change(function() {
		var $activeClass = $(this).val();
		if ($activeClass == "all") {
			$("#thumbs li").fadeIn(200);
		} else {
			$("#thumbs li:not(."+$activeClass+")").slideUp(300, function(){	
				$("#thumbs li."+$activeClass).fadeIn(300);
			});
		}
	});
	
});