[if winix_has_htmx]
	<div id="winix-oob" hx-swap-oob="true">
	[# content added by htmx library when using hx-swap-oob]

	[if winix_is_htmx_request]

	
	[frame "content"]
		<script>
				
		function winix_css_download_by_index(css_files, index, callback)
		\{
			if( index < css_files.length ) 
			\{
				var link = document.createElement('link');
				link.classList.add("winix-auto-delete");
				link.rel = 'stylesheet'; 
				link.type = 'text/css';
				
				link.onload = function() \{
					console.log("loading external css: " + css_files\[index\]);
					winix_css_download_by_index(css_files, index+1, callback);
				\}
				
				link.href = css_files\[index\];
				document.head.appendChild(link);
			\}
			else
			\{
				console.log("all css files downloaded");
				callback();
			\}
		\}
				
		function winix_css_download(css_files, callback)
		\{
			// add test if css_files is a table
			winix_css_download_by_index(css_files, 0, callback);
		\}


		function winix_js_download_by_index(js_files, index, callback)
		\{
			if( index < js_files.length ) 
			\{
				var script = document.createElement('script');
				script.classList.add("winix-auto-delete");
				
				script.onload = function() \{
					console.log("loading external js: " + js_files\[index\]);
					winix_js_download_by_index(js_files, index+1, callback);
				\}
				
				script.src = js_files\[index\];
				document.head.appendChild(script);
			\}
			else
			\{
				console.log("all js files downloaded");
				callback();
			\}
		\}
				
		function winix_js_download(js_files, callback)
		\{
			// add test if js_files is a table
			winix_js_download_by_index(js_files, 0, callback);
		\}
		
		</script>
	[end] [# out "content"]
	
	
	
	[if winix_function_is "emacs"]
	[frame "content"]

		<style>
		.CodeMirror-matchingtag \{
			font-weight: bold;
			background: none;
		\}

		.CodeMirror-activeline-background \{
			background: #f3f3f3;
		\}

		.CodeMirror \{
			border: 1px solid #dedede;
		\}
		</style>


		<script>
		var winix_code_mirror_editor;
		
		js_files = \[
			"[doc_base_url_common]/codemirror/5.59.2/lib/codemirror.js",
			"[doc_base_url_common]/codemirror/5.59.2/mode/css/css.js",
			"[doc_base_url_common]/codemirror/5.59.2/mode/javascript/javascript.js",
			"[doc_base_url_common]/codemirror/5.59.2/mode/xml/xml.js",
			"[doc_base_url_common]/codemirror/5.59.2/mode/htmlmixed/htmlmixed.js",
			"[doc_base_url_common]/codemirror/5.59.2/addon/display/fullscreen.js",
			"[doc_base_url_common]/codemirror/5.59.2/addon/fold/xml-fold.js",
			"[doc_base_url_common]/codemirror/5.59.2/addon/edit/matchtags.js",
			"[doc_base_url_common]/codemirror/5.59.2/addon/selection/active-line.js",
		\];
		
		css_files = \[
			"[doc_base_url_common]/codemirror/5.59.2/lib/codemirror.css",
			"[doc_base_url_common]/codemirror/5.59.2/addon/display/fullscreen.css",
		\];
		
		winix_js_download(js_files, winix_initialize_editor);
		winix_css_download(css_files, function()\{\});
		
		
		function winix_initialize_editor()
		\{
			var text_area = document.getElementById("winix_content_id");
			if( text_area )
			\{
				winix_code_mirror_editor = CodeMirror.fromTextArea(text_area, \{
					mode: "htmlmixed",
					theme: "default",
					indentUnit: 4,
					smartIndent: true,
					tabSize: 4,
					indentWithTabs: true,
					extraKeys: \{
						"F11": function(cm) \{ cm.setOption("fullScreen", !cm.getOption("fullScreen")); \},
						"Esc": function(cm) \{ if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false); \}
					\},
					lineNumbers: true,
					lineWiseCopyCut: false,
					dragDrop: false,
					matchTags: true,
					styleActiveLine: true
				\});
			\}
		\}

		</script>
	[end] [# out "content"]
	[end] [# if winix_function_is "emacs"]



	[if winix_function_is "ckeditor"]
	[frame "content"]

		[# what about winix_has_jquery?]
		
		<script>
		js_files = \[
			"[doc_base_url_common]/ckeditor_4.9.2/ckeditor.js",
			"[doc_base_url_common]/jquery/1.12.4/jquery.min.js",
			"[doc_base_url_common]/winix/update_button.js",
		\];

		winix_js_download(js_files, winix_ckeditor_initialize);
		
		</script>
	[end]


	[end] [# out "content"]
	[end] [# if winix_function_is "emacs"]


	[end] [# if winix_is_htmx_request]
	</div>
[end] [# if winix_has_htmx]