(function($) {
	$(function() {
		$('.upload_thumbnails a').popover({
			trigger: "hover",
			placement: "bottom",
			html: true,
		});

		$('#toggle_delete_mode').on("click", function() {
			switch (window.page_mode) {
				case "delete":
					window.page_mode = "normal";
					$('#delete_button').hide();
					$("#delete_form input[id^='delete_']").remove();
					$(".upload_thumbnails .marked").removeClass("marked");
					if (typeof $.colorbox !== 'undefined') {
						setup_colorbox();
					}
					break;
				default:
					window.page_mode = "delete";
					$('#delete_button').show();
					if (typeof $.colorbox !== 'undefined') {
						$.colorbox.remove();
					}
					break;
			}
		});

		$('.upload_thumbnails a').on("click", function(event) {
			if (window.page_mode == "delete") {
				event.preventDefault();
				var data_id = $(event.target).parent().attr("data-id");

				if ($('#delete_'+data_id).length == 0) {
					$('<input>').attr({
						type: "hidden",
						name: "ids["+data_id+"]",
						value: data_id,
						id: "delete_"+data_id,
					}).appendTo('#delete_form');
					$(event.target).parent().addClass("marked");
				} else {
					$('#delete_'+data_id).remove();
					$(event.target).parent().removeClass("marked");
				}
			}
		});

		function handle_resize() {
			$('.upload_thumbnails').each(function() {
				var div = $(this);

				need_multiple_lines = div.parent().width() < (div.find('a').outerWidth(true) * div.find('a').size());

				div.css('margin-left', need_multiple_lines ? "auto" : "0");
				div.width(div.parent().width() - (div.parent().width() % div.find('a').outerWidth(true)));
			});
		}

		$(window).resize(function() {
			handle_resize();
		});
		handle_resize();

		// check file size before uploading if browser support html5
		if (window.File && window.FileList) {
			function checkFileUpload(evt) {
				var sum = 0;
				var filenum = 0;
				var files = [];

				$('.file-upload').each(function() {
					for (var i = 0; i < this.files.length; i++) {
						var file = this.files[i];
						files.push(file);
					}
				});

				for (var i = 0; i < files.length; i++) {
					var f = files[i];
					sum += f.size;
					filenum++;
				}

				if (filenum > max_files_per_upload) {
					document.getElementById('upload_button').innerHTML = "Too many files";
					document.getElementById('upload_button').disabled = true;
				} else if (sum > max_upload_size) {
					document.getElementById('upload_button').innerHTML = "File(s) too big";
					document.getElementById('upload_button').disabled = true;
				} else {
					document.getElementById('upload_button').innerHTML = "Upload/Paste it!";
					document.getElementById('upload_button').disabled = false;
				}
			}

			$(document).on('change', '.file-upload', checkFileUpload);
		}

		$(document).on("change", '.file-upload', function() {
			var need_new = true;

			$('.file-upload').each(function() {
				if ($(this).prop("files").length == 0) {
					need_new = false;
					return;
				}
			});

			if (need_new) {
				$(this).parent().append('<input class="file-upload" type="file" name="file[]" multiple="multiple"><br>');
			}

		});

		$(document).on("input propertychange", '.text-upload', function() {
			var need_new = true;

			$('.text-upload').each(function() {
				if (!$(this).val()) {
					need_new = false;
					return;
				}
			});

			if (need_new) {
				var i = $('#textboxes .tab-content .tab-pane').length + 1;
				var new_tab = $('#text-upload-tab-1')
					.clone()
					.attr("id", "text-upload-tab-"+i)
					.toggleClass("active", false)
					.appendTo('#textboxes .tab-content');
				new_tab.find("[name^=filename]").attr("name", "filename["+i+"]").val("");
				new_tab.find("[name^=content]").attr("name", "content["+i+"]").val("");
				$('#textboxes ul.nav')
					.append('<li><a href="#text-upload-tab-'+i+'" data-toggle="tab">Paste '+i+' </a></li>');
			}
		});

		$(document).on("input propertychange", '#textboxes input[name^=filename]', function() {
			var name = $(this).val();
			var tabId = $(this).closest("[id^=text-upload-tab-]").attr("id");
			var id = tabId.match(/-(\d)$/)[1];
			var tab = $('#textboxes .nav a[href="#'+tabId+'"]');

			if (name != "") {
				tab.text(name);
			} else {
				tab.text("Paste " + id);
			}
		});

		if (typeof $.tablesorter !== 'undefined') {
			// source: https://projects.archlinux.org/archweb.git/tree/sitestatic/archweb.js
			$.tablesorter.addParser({
				id: 'filesize',
				re: /^(\d+(?:\.\d+)?)(bytes?|[KMGTPEZY]i?B|B)$/,
				is: function(s) {
					return this.re.test(s);
				},
				format: function(s) {
					var matches = this.re.exec(s);
					if (!matches) {
						return 0;
					}
					var size = parseFloat(matches[1]),
						suffix = matches[2];

					switch(suffix) {
						/* intentional fall-through at each level */
						case 'YB':
						case 'YiB':
							size *= 1024;
						case 'ZB':
						case 'ZiB':
							size *= 1024;
						case 'EB':
						case 'EiB':
							size *= 1024;
						case 'PB':
						case 'PiB':
							size *= 1024;
						case 'TB':
						case 'TiB':
							size *= 1024;
						case 'GB':
						case 'GiB':
							size *= 1024;
						case 'MB':
						case 'MiB':
							size *= 1024;
						case 'KB':
						case 'KiB':
							size *= 1024;
					}
					return size;
				},
				type: 'numeric'
			});

			$(".tablesorter").tablesorter({
				textExtraction: function(node) {
					var attr = $(node).attr('data-sort-value');
					if (typeof attr !== 'undefined' && attr !== false) {
						var intAttr = parseInt(attr);
						if (!isNaN(intAttr)) {
							return intAttr;
						}
						return attr;
					}
					return $(node).text();
				}
			});
		}

		if (typeof $.colorbox !== 'undefined') {
			function setup_colorbox() {
				$('.colorbox').colorbox({
					transistion: "none",
					speed: 0,
					initialWidth: "100%",
					initialHeight: "100%",
					photo: true,
					retinaImage: true,
					maxHeight: "100%",
					maxWidth: "100%",
					next: '<span class="glyphicon glyphicon-chevron-right"></span>',
					previous: '<span class="glyphicon glyphicon-chevron-left"></span>',
					close: '<span class="glyphicon glyphicon-remove"></span>',
					loop: false,
					orientation: function() {
						return parseInt($(this).children().first().parent().attr("data-orientation"));
					},
				});
			}
			setup_colorbox();
		}
		if ($("img.lazyload").length) {
			$("img.lazyload").show().lazyload({treshold: 200});
		}
	});
})(jQuery);