$(document).ready(function(){
	$("#pGalleryID").selectmenu({
		change: function() {
			var needsNew = $(this).val();
			if (needsNew == "999999") {
				$("#newCatRow").slideDown("slow");
			} else {
				$("#newCatRow").slideUp("slow");
			}
			if ($("#galleryUpload li").length) {
				$("#savedPhotos").prop("disabled", false);
				$("#status").html("All Files Uploaded! You may now click the Next button or add more photos if you wish");
			}
		}
	});
	$(document).on("click", ".delPhoto", function() {
		var photoToDelete = $(this).attr("id");
		photoToDelete = photoToDelete.replace("del", "");
		var confirmDelete = confirm("Are you sure you want to delete this photo?");
		if (confirmDelete > 0) {
			deletePhoto(photoToDelete);
		} else {
			return false;
		}
	});
	$(document).on("keyup", ".galleryPhotoTitle", function() {
		var thisID = $(this).attr("id");
		var thisTitle = $(this).val();
		var titleLen = parseInt(thisTitle.length);
		if (titleLen > 0) {
			$("#" + thisID + "Save").prop("disabled", false);
		} else {
			$("#" + thisID + "Save").prop("disabled", true);
		}
	});
	$(document).on("click", ".galleryLayoutSave", function() {
		var thisPID = $(this).data("pid");
		var thisTitle = $("#photoTitle" + thisPID).val();
		$.ajax({
			type: "GET",
			url: "galleryPhotosTitle.php",
			data: 'pID=' + thisPID + "&tT=" + encodeURIComponent(thisTitle),
			success: function(dataResult) {
				$("#photoTitle" + thisPID + "Save").prop("disabled", true);
				$("#photoTitle" + thisPID + "Save").html(dataResult);
				setTimeout(function() {
					$("#photoTitle" + thisPID + "Save").html("Save");
				}, 3000);
			}
		});
	});

	function deletePhoto(photoID) {
		var uploadVar = $("#uploadVar").val();
		$("#searchLoadingBG").fadeIn("fast");
		$.ajax({
			type: "GET",
			url: "galleryPhotosDelete.php",
			data: 'photoID=' + photoID + '&uploadVar=' + uploadVar,
			success: function(dataResult) {
				$("#galleryUpload").html("");
				$('#fileupload').attr("id", "disabledUpload");
				$.ajax({
					type: "GET",
					url: "galleryPhotosReset.php",
					data: 'uploadVar=' + uploadVar,
					success: function(dataResult) {
						$("#galleryUpload").html(dataResult);
						$("#searchLoadingBG").delay(600).fadeOut("fast");
						$('#disabledUpload').attr("id", "fileupload");
					}
				});
			}
		});
	}
	$(function () {
		'use strict';
		var url = 'pagesBGUpload.php';
		$('#fileupload').fileupload({
			autoUpload: true,
			url: "pagesBGUpload.php",
			maxChunkSize: 200000,
			sequentialUploads: true,
			add: function (e, data) {
				$("#status").html("Uploading...");
				$("#patientText").fadeIn();
				data.submit();
			},
			done: function (e, data) {
				var $this = $(this);
				var uploadVar = $("#uploadVar").val();
				$("#status").html("Converting...");
				$.each(data.result.files, function (index, file) {
					$.ajax({
						url:'galleryPhotosConvert.php',
						data:"pU=" + file.name + "&uploadVar=" + uploadVar,
						dataType:"JSON",
						cache:false,
						success:function(photoFile){
							var toAppend = photoFile.photoHTML;
//							$("#galleryUpload").append(toAppend);
							$("#galleryUpload").append('<li class="ui-state-default" id="photoUp_' + photoFile.photoID + '"><div class="imageHolder" id="imgCurrent' + photoFile.photoID + '"><img src="' + photoFile.url + '" width="200"><a id="del' + photoFile.photoID + '" class="delPhoto" title="Delete this Photo">X</a></div></li>');
						}
					});
				});
			},
			progressall: function (e, data) {
				var progress = parseInt(data.loaded / data.total * 100, 10);
				$('#progress .bar').css(
					'width',
					progress + '%'
				);
			},
			stop: function (e) {
				var uploadVar = $("#uploadVar").val();
				$('#fileupload').attr("id", "disabledUpload");
				$.ajax({
					type: "GET",
					url: "galleryPhotosReset.php",
					data: 'uploadVar=' + uploadVar,
					success: function(dataResult) {
						$("#galleryUpload").html(dataResult);
						$("#searchLoadingBG").delay(600).fadeOut("fast");
						$('#disabledUpload').attr("id", "fileupload");
						var selCat = $("#pGalleryID").val();
						if (selCat != "") {
							$("#status").html("All Files Uploaded! You may now click the Next button or add more photos if you wish");
							$("#savedPhotos").prop("disabled", false);
						} else {
							$("#status").html("All Files Uploaded! Please select a Gallery to add these photos to");
						}
					}
				});
			}
		});
	});
});