// JavaScript Document

$("document").ready(function(){
	
	$(".gallery_item").hover(function(){
		$(this).addClass("hover");
	},function(){
		$(this).removeClass("hover");
	});
					
	$(".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("");
				$(".album_item").hover(function(){
					$(this).addClass("hover");
				},function(){
					$(this).removeClass("hover");
				});
			});	
			$("#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_container").slideDown(500, function(){ $("#display").fadeIn(500); });
					$(".photo_item").hover(function(){
						$(this).addClass("hover");
					},function(){
						$(this).removeClass("hover");
					});
				});
			});		
			$("#photos").fadeIn(500);
		});
		
	});
	
	$(".photo_item").click(function(event){
		var photo = $(this).attr("id");
		$("#display").fadeOut(200);
		$("#loading").html("Loading...");
		$("#display").load("lib/gallery.php?v=photo&id=" + photo, function() {
			$("#loading").html("");
			$("#display").fadeIn(500);
		});
	});
	
	$("#photos #hide").click(function(event){	  
		$("#display_container").slideUp(200);
		$("#photos").slideUp(500);
		$("#albums").slideDown(500);
	});
	
	
	$("#albums #hide").click(function(event){
		$("#albums").slideUp(500);
		$("#galleries").slideDown(500);
	});
		
		

});