$(document).ready(function(){

    $("div.all")
    	.mouseout(function(){
				$("div:first", this)
					.next()
					.stop()
					.animate({opacity: '0'}, 200, function(){
			      $("div:first", this)
			      	.next()
			      	.removeClass('info')
 		    			.addClass('infoHidden');
					});
    	})
    	.mouseover(function(){
				$("div:first", this)
					.next()
					.stop()
					.animate({opacity: '0'}, 0)
					.removeClass('infoHidden')
					.stop()
					.animate({opacity: '.85'}, 200)
  	    	.addClass('info');
    });


		$("ul#categories li")
			.click(function () {
				$("img", $(".all"))
					.stop()
					.animate({opacity: '1'}, 200);

				$("img:first", $(".all:not(." + this.id + ")"))
					.stop()
					.animate({opacity: '.20'}, 200);


				$("ul#categories li")
					.removeClass('selected');


				$("#" + this.id)
					.addClass('selected');
    	});

		$(".all")
			.click(function () {
			   	window.open('./gallery.php?id=' + this.id.replace(/[a-zA-Z]+/, ""), '_parent');
			});

});