script(type="text/javascript").

	ProjectUtils.setProjectAttributes({isProject: false});

	// Click anywhere in the page to hide the overlay
	var page_overlay = document.getElementById('page-overlay');

	function hidePageOverlay() {
		$(page_overlay)
			.removeAttr('class')
			.html('');
	}

	$(page_overlay).click(function(e) {
		e.stopPropagation();
		e.preventDefault();

		hidePageOverlay();
	});

	{% if node %}
		ProjectUtils.setProjectAttributes({
			nodeId: '{{node._id}}',
			nodeType: '{{node.node_type}}'});

		var node_type = ProjectUtils.nodeType();
		var node_type_str = node_type;

		if (node_type === 'group'){
			node_type_str = 'Folder';
		} else if (node_type === 'group_texture') {
			node_type_str = 'Texture Folder';
		} else if (node_type === 'group_hdri') {
			node_type_str = 'HDRi Folder';
		}

		$('a', '.button-delete').html('<i class="pr-2 pi-trash button-delete-icon"></i>Delete ' + node_type_str);

		{% if parent %}
		ProjectUtils.setProjectAttributes({parentNodeId: '{{parent._id}}'});
		{% endif %}


		// If we are in preview mode, update the image source
		if (page_overlay.classList.contains('active')) {
			var node_preview = document.getElementById('node-preview');

			if (node_preview){
				if ($(node_preview).hasClass('image') || $(node_preview).hasClass('file')){
					var src = $(node_preview).find('img').attr('src');
					showOverlayPreviewImage(src);
				}
			} else {
				$(page_overlay).html('<div class="nav-prev"></div><div class="no-preview">No Preview Available</div><div class="nav-next"></div>');
			}
		}

		if (ProjectUtils.nodeType() == 'asset' || ProjectUtils.nodeType() == 'post') {
			var commentsUrl = "{{ url_for('nodes.comments_for_node', node_id=node._id) }}";
			loadComments(commentsUrl);
		}

		{% if node.has_method('PUT') %}
			$('.project-mode-view').displayAs('inline-block');
		{% else %}
			$('.project-mode-view').hide();
		{% endif %}

		{% if node.picture %}
			function showOverlayPreviewImage(src) {
				$(page_overlay)
					.addClass('active')
					.html('<div class="nav-prev"></div><img src="' + src + '"/><div class="nav-next"></div>');
			}

			$('.js-node-preview-image').click(function(e){
				e.preventDefault();
				e.stopPropagation();

				showOverlayPreviewImage("{{ node.picture.thumbnail('l', api=api) }}");
			});

		{% endif %}

		function navigateTree(prev){
			var tree = $('#project_tree').jstree(true);
			var curr = tree.get_selected(false);

			if (prev === undefined){
				var n = tree.get_next_dom(curr);
			} else {
				var n = tree.get_prev_dom(curr);
			}

			if (n && n.length > 0) {
				tree.deselect_all();
				tree.select_node(n);
			}
		}

		document.onkeydown = function(e) {
			var event = document.all ? window.event : e;
			switch (e.target.tagName.toLowerCase()) {
				case "input":
				case "textarea":
				case "select":
				case "button":
					break
				default:
					if (event.keyCode==27) hidePageOverlay();
					if (event.keyCode==37) navigateTree(true);
					if (event.keyCode==39) navigateTree();
					break;
			}
		}

		$(page_overlay).find('.nav-prev').click(function(e){
			e.stopPropagation();
			e.preventDefault();

			navigateTree(true);
		});

		$(page_overlay).find('.nav-next').click(function(e){
			e.stopPropagation();
			e.preventDefault();

			navigateTree();
		});

		$('#node-overlay').click(function(){
			$(this).removeClass('active').hide().html();
		});

	{% endif %}

	var $content_type = $(".js-type");
	var type_value = $content_type.text();
	var type_value_trimmed = type_value.substring(type_value.indexOf("/") + 1);
	$content_type.text(type_value_trimmed);

	if (type_value_trimmed == 'x-blender' || type_value_trimmed == 'blend'){
		$content_type.html('<span class="blend"><i class="pi-blender-logo"></i></span>');
	};