var galleryCurrentImage = 0;
var galleryLastImage = 0;
var gallerySpeed = 800;
var galleryBlocker = true;

$(function() {
	galleryLastImage = $("#gallery_container .images_list img").length - 1;
	$("#gallery_container .images_list img").each(function(){
		$(this).css({visibility: "visible"}).hide();
	});
	$("#gallery_container .images_list img").eq(0).show();

	$("#remote div.next").mousemove(function(){
		if (galleryBlocker && galleryCurrentImage < galleryLastImage) {
			$(this).addClass("active");
		}
	});
	$("#remote div.prev").mousemove(function(){
		if (galleryBlocker && galleryCurrentImage > 0) {
			$(this).addClass("active");
		}
	});

	$("#remote div").mouseleave(function(){
		$(this).removeClass("active");
	});

	$("#remote .next").click(function(event){
		if (galleryCurrentImage < galleryLastImage) {
			galleryBlocker = false;
			$(this).removeClass("active");
			var current = $("#gallery_container .images_list img").eq(galleryCurrentImage);
			$("#gallery_container .data_list .data_single").eq(galleryCurrentImage).hide();
			galleryCurrentImage += 1;
			var next = $("#gallery_container .images_list img").eq(galleryCurrentImage);
			$("#gallery_container .data_list .data_single").eq(galleryCurrentImage).show();
			current.fadeOut(gallerySpeed);
			next.fadeIn(gallerySpeed, function(){
				galleryBlocker = true;
				if (galleryCurrentImage < galleryLastImage) {
					$("#remote .next").addClass("active");
				}
			});
		}
		event.preventDefault();
	});

	$("#remote .prev").click(function(event){
		if (galleryCurrentImage > 0) {
			galleryBlocker = false;
			$(this).removeClass("active");
			var current = $("#gallery_container .images_list img").eq(galleryCurrentImage);
			$("#gallery_container .data_list .data_single").eq(galleryCurrentImage).hide();
			galleryCurrentImage -= 1;
			var prev = $("#gallery_container .images_list img").eq(galleryCurrentImage);
			$("#gallery_container .data_list .data_single").eq(galleryCurrentImage).show();
			current.fadeOut(gallerySpeed);
			prev.fadeIn(gallerySpeed, function(){
				galleryBlocker = true;
				if (galleryCurrentImage > 0) {
					$("#remote .prev").addClass("active");
				}
			});
		}
		event.preventDefault();
	});
});
