$(document).ready(function(){
	function thumbStart(){
		$(".thumbGroup[id='1']").animate({top: 0}, "slow");
		$(".thumbGroup[id='2']").css("top", "525px");
		$(".thumbGroup[id='3']").css("top", "1050px");
	}
	thumbStart();
	function imageStart(){
		var imgSrc = $("#galleriImg > img").attr("src");
		$("#galleriImg").empty();
		$("#galleriImg").append('<div class="loading"></div>');				
		$(".loading").fadeIn('fast');
		imageDisplay(imgSrc);
	}
	imageStart();
	//-----------GALLERIE NAV BTTNS------------------------------------------------------------------------------------------------------------------------------------------------
	$("ul").click(function(event){
		var $target = $(event.target);
		var $targetClass = $target.attr("class");
		if($targetClass == 'myList') {//$target.is("li")
			$("li").removeClass("gallSeleted");
			$("li").addClass("myList");
			$target.removeClass("myList");
			$target.addClass("gallSeleted");
			$(".down").attr("id", "1");
			$(".up").attr("id", "0").hide();
			var albumID = $(event.target).attr("id");
			$(".bg").attr("id", albumID);
			$.ajax({
				type: "GET",
				url: "inc/thumbSetup.php",
				data: "albumID=" + albumID,
				success: function(data){
					$("#col2").empty().append(data);
					$(".down").bind('click.navBttn', myClick);
					$(".up").bind('click.navBttn', myClick);
					$('.thumbGroup').bind('click', thumbClick);
					thumbStart();
					albumImg(albumID);
				}
			});
		}
	});
	//-----------------------------------------------------------------------------------------------------------------------------------------------------------
	function albumImg(albumID){
		$.ajax({
			type: "GET",
			url: "inc/firstImgReturn.php",
			data: "albumID=" + albumID,
			success: function(data){
				$("#galleriImg > img").fadeOut("fast", function(){//animate({top: 560},
					$("#galleriImg").empty();
					$("#galleriImg").append('<div class="loading"></div>');				
					$(".loading").fadeIn('fast');
					imageDisplay(data);
					//$("#galleriImg").append(albumID);
				});	
			}
		});
	}
	//-----------------------------------------------------------------------------------------------------------------------------------------------------------
	$(".down").bind('click.navBttn', myClick);
	$(".up").bind('click.navBttn', myClick);
	function myClick(event){
		var bttnDir = $(event.target).attr("class");
		var bttnID = $(event.target).attr("id");
		if(bttnDir == "down"){ $(".up").show(); }
		if(bttnDir == "up"){ $(".down").show(); }
		$(".down").unbind('click.navBttn');
		$(".up").unbind('click.navBttn');
		myMove(bttnDir, bttnID);
	};
	//
	function myMove(bttnDir, bttnID){
		if(bttnDir == "down"){ var myDir = '-=525px'; }
		if(bttnDir == "up"){ var myDir = '+=525px'; }
		var gallID = $(".bg").attr("id");
		$.ajax({
			type: "GET",
			data: "gallID=" + gallID,
			url: "inc/navBttns.php",
			success: function(data){
				if(bttnDir == "down"){
					var newBttnID = parseInt(bttnID)+1;
					if(newBttnID == data){ $(".down").hide(); }
					$(".down").attr("id", newBttnID);
					$(".up").attr("id", bttnID);
				}
				if(bttnDir == "up"){
					var newBttnID = parseInt(bttnID)-1;
					if(newBttnID == 0){ $(".up").hide(); }
					$(".down").attr("id", bttnID);
					$(".up").attr("id", newBttnID);
				}
				var currentGroupID = $(".down").attr("id");
				thumbCount(currentGroupID, gallID);
				$(".thumbGroup").animate({"top": myDir}, "slow", function(){
					$(".down").bind('click.navBttn', myClick);
					$(".up").bind('click.navBttn', myClick);
					var myGroupCurrent = $(".down").attr("id");
					if(bttnDir == "down"){
						if(currentGroupID >= 3 && data > 3){
							var myGroup = parseInt(myGroupCurrent)-2;
							var newID =  parseInt(myGroupCurrent)+1;
							$(".thumbGroup[id='"+myGroup+"']").attr("id", newID);//
							$(".thumbGroup[id='"+newID+"']").css("top", "525px");
							getThumbs(newID, gallID)
						}
					}
					if(bttnDir == "up"){
						if(currentGroupID >= 2 && data > 3){
							var myGroup = parseInt(myGroupCurrent)+2;
							var newID =  parseInt(myGroupCurrent)-1;
							$(".thumbGroup[id='"+myGroup+"']").attr("id", newID);
							$(".thumbGroup[id='"+newID+"']").css("top", "-525px");
							getThumbs(newID, gallID);
						}
					}
				});
			}
		});	
	}
	//
	function getThumbs(groupID, gallID){
		$.ajax({
			type: "GET",
			url: "inc/thumbReturn.php",
			data: "groupID=" + groupID + "&gallID=" + gallID,
			success: function(data){
				$(".thumbGroup[id='"+groupID+"']").empty();
				$(".thumbGroup[id='"+groupID+"']").append(data);
			}
		});
	}
	//
	function thumbCount(groupID, gallID){
		$.ajax({
			type: "GET",
			url: "inc/thumbCount.php",
			data: "groupID=" + groupID + "&gallID=" + gallID,
			success: function(data){
				$(".thumbText").empty();
				$(".thumbText").append(data);
			}
		});
	}//
	//$("li").html('test');
	$('.thumbGroup').bind('click', thumbClick);
	function thumbClick(event){
		var $target = $(event.target);
		if( $target.is("img") ) {
			var imageID = $(event.target).attr("id");
			var imgSrc = $("#galleriImg > img").attr("src");
			$.ajax({
				type: "GET",
				url: "inc/imageReturn.php",
				data: "imageID=" + imageID,
				success: function(data){
					if(data != imgSrc){
						$("#galleriImg > img").fadeOut("fast", function(){//animate({top: 560},
							$("#galleriImg").empty();
							$("#galleriImg").append('<div class="loading"></div>');				
							$(".loading").fadeIn('fast');
							imageDisplay(data);
						});
					}	
				}
			});
		}
	}
	//
	function imageDisplay(data){
		var img = new Image();
		$(img).load(function(){
			$(".loading").fadeOut("fast", function(){
				$("#galleriImg").append(img);
				var myHeight = $("#galleriImg > img").height();
				var myMarginTop = ((538-myHeight)/2);
				var myWidth = $("#galleriImg > img").width();
				var myMarginLeft = ((538-myWidth)/2);
				$("#galleriImg > img").css("top", myMarginTop);
				$("#galleriImg > img").css("left", myMarginLeft);
				$("#galleriImg > img").css("display", "none");
				$("#galleriImg > img").fadeIn("slow");//animate({top: myMarginTop}, 
			});	                   
		}).attr("src", data);
	}
});