// JavaScript Document

$("document").ready(function(){
					
	$(".gallery_item").click(function(event){
		var gallery = $(this).attr("id");
		
		$("#galleries").slideUp(500, function() {
			$("#albums").hide();
			$("#loading").html("Loading...");
			$("#albums").load("lib/gallery.php?v=gallery&id=" + gallery, function() {
				$("#loading").html("");
			});	
			$("#albums").fadeIn(500);
		});
		
	});
	
	$(".album_item").click(function(event){
		var album = $(this).attr("id");
		
		$("#albums").slideUp(500, function() {
			$("#photos").hide();
			$("#loading").html("Loading...");
			$("#photos").load("lib/gallery.php?v=album&id=" + album, function() {
			  var photo = $(".photo_item:first").attr("id");
				$("#display").load("lib/gallery.php?v=photo&id=" + photo, function() {
					$("#loading").html("");
					$("#display").fadeIn(500);
				});
			});		
			$("#photos").fadeIn(500);
		});
		
	});
	
	$(".photo_item").click(function(event){
		var photo = $(this).attr("id");
		$("#display").hide();
		$("#loading").html("Loading...");
		$("#display").load("lib/gallery.php?v=photo&id=" + photo, function() {
			$("#loading").html("");
			$("#display").fadeIn(500);
		});
	});
	
	$("#photos #hide").click(function(event){
	  $("#display").hide();
		$("#photos").slideUp(500);
		$("#albums").slideDown(500);
	});
	
	
	$("#albums #hide").click(function(event){
		$("#albums").slideUp(500);
		$("#galleries").slideDown(500);
	});
		
		

});