$(document).ready(function() {
	// Tour Photos User Interface Effects
	
	// On hover, li background is darker, and other li's fadeout slightly
	
	$("#tour_albums li").hover(function() {
		$(this).css({ "background-color" : "#292929" });
		
		$(this).children("img").css({ "cursor" : "pointer" });

		$("#tour_albums li").not(this).animate({
			"opacity" : ".5"
		}, { queue:false, duration:300});
		
	}, function() {
		$(this).css({
			"background-color" : "#303030",
			"cursor" : "auto"
		});
		
		$("#tour_albums li").not(this).animate({
			"opacity" : "1"
		}, { queue:false, duration:300});
	});
	
	$("#tour_albums li img").click(function() {
		$(this).parent().children(":last-child").fadeIn("slow");
	});
	
	$("#tour_albums li .photo_container .exit").click(function() {
		
		$(this).parent().parent().fadeOut("slow");
	});
});