/*
gardatang.com v1.0
by fleeps (contact@fleeps.co.uk)

Main javascript file.
Gallery animations and nav/menu animations and controls
*/

$(document).ready(function(){
	
	$("#noscript").remove();
	$("#nav").css({opacity: "0.7"});
	$("#close").css({opacity: "0.7"});
		
	$("#images").draggable({ 
		axis: "x", 
		containment: "#content", 
		scroll: false, 
		cursor: "move",
		 appendTo: '#instruct',
	start: function() {
		
			$("#instruct").fadeOut(700);
			$("#instruct-more").fadeIn(700);
			$("#logo").css({ zIndex: "100"});
		$("body").animate({ backgroundColor: "#222222" }, 800 );
		},
	stop: function() { 
		
		var i = $("#images");
		var position = i.position();
			if (position.left == 0)	{
				$("#logo").css({ zIndex: "500" });
				$("#instruct-more").fadeOut(300);
			}
		 }
	});
	
	$("a[href='#images-index']").click(function(){
		var i = $("#images");
		var position = i.position();
		
		$("#logo").css({ zIndex: "500"});
		
		if (position.left == 0)	{
				$("#nav").toggle();
				$("#instruct").css({ display: "none" });
				$("#logo").css({ display: "none" });
		}else{
				$("#images").draggable("disable").animate({ left: "0px" }, 700,
				function(){
						$("#images").draggable("enable");
						$("#nav").fadeIn(500);
						});
				$("#instruct").css({ display: "none" });
				$("#instruct-more").css({ display: "none" });
				$("#logo").fadeOut(200);
				$("body").animate({ backgroundColor: "#d8d8d8" }, 400 )
		}
	});

		$("#images").dblclick(function(){
			var i = $("#images");
			var position = i.position();
			if (position.left > 0)	{
			$("body").animate({ backgroundColor: "#d8d8d8" }, 400 );
	    	$(this).draggable("disable").animate({ left: "0px" }, 700, 
			function(){
					$(this).draggable("enable");
					});
				$("#logo").css({ zIndex: "500"})
			$("#instruct").fadeIn(500);
			$("#instruct-more").css({ display: "none" });
			}
		});
	
	$("#reset").click(function(){
		
		$("#images").draggable("disable").animate({ left: "0px" }, 700, 
		function(){
				$("#images").draggable("enable");
				});
		$("#logo").css({ zIndex: "500"});
		$("body").animate({ backgroundColor: "#d8d8d8" }, 400 );
		$("#instruct").fadeIn(500);
		$("#instruct-more").css({ display: "none" });
	});
		
	$("#close").click(function(){
		
		$("#nav").fadeOut(200);
	    $("#instruct").css({ display: "block" });
		$("#logo").css({ display: "block" });
		
	});
	
	$("#logo").click(function(){}).mouseover(function(){
		
		if ($(this).css({ zIndex : "100"})) {
				$(this).css({ zIndex : "500"});
			}		     
	});
	
});