<div id="qcw" class="p10">
	<table>
		<tr>
			<td>
				<div class="container">
					<h2>
						[{isys type="lang" ident="LC__MODULE__QCW__OBJTYPEGROUPS"}]
						<img id="loading-object-type-group" src="[{$dir_images}]axialis/user-interface/loading.svg" class="animation-rotate" alt="[{isys type="lang" ident="LC__UNIVERSAL__LOADING"}]" style="display:none;" />
					</h2>

					<div class="m10">
						<input id="obj_type_group_search" type="text" class="input input-block" placeholder="[{isys type="lang" ident="LC__UNIVERSAL__SEARCH"}]" />
					</div>

					<ul id="obj_type_group_list" class="m10"></ul>

					<div id="obj_type_group_popup_button" class="m10"></div>
				</div>
			</td>

			<td class="rsaquo"><img src="[{$dir_images}]rsaquo.png" alt="&rsaquo;" /></td>

			<td>
				<div id="object-type-hider" class="opacity-70">
					<div>
                        <img src="[{$dir_images}]axialis/basic/button-info.svg" class="mr10 vam" />[{isys type="lang" ident="LC__MODULE__QCW__FIRST_SELECT_A_OBJECT_TYPE_GROUP"}]
					</div>
				</div>

				<div class="container">
					<h2>
						[{isys type="lang" ident="LC_UNIVERSAL__OBJECT_TYPES"}] in "<span id="objtypegroup_name">...</span>"
						<img id="loading-object-type" src="[{$dir_images}]axialis/user-interface/loading.svg" class="animation-rotate" alt="[{isys type="lang" ident="LC__UNIVERSAL__LOADING"}]" style="display:none;" />
					</h2>

					<div class="m10">
						<input id="obj_type_search" type="text" class="input input-block" placeholder="[{isys type="lang" ident="LC__UNIVERSAL__SEARCH"}]" />
					</div>

					<ul id="obj_type_list" class="m10"></ul>

					<div id="obj_type_popup_button" class="m10"></div>
				</div>
			</td>

			<td class="rsaquo"><img src="[{$dir_images}]rsaquo.png" alt="&rsaquo;" /></td>

			<td>
				<div id="category-hider" class="opacity-70">
					<div><img src="[{$dir_images}]axialis/basic/button-info.svg" class="mr10 vam" />[{isys type="lang" ident="LC__MODULE__QCW__FIRST_SELECT_A_OBJECT_TYPE"}]</div>
				</div>

				<div class="container">
					<h2>
						[{isys type="lang" ident="LC__MODULE__QCW__CATEGORIES"}] in "<span id="objtype_name">...</span>"
						<img id="loading-category" src="[{$dir_images}]axialis/user-interface/loading.svg" class="animation-rotate" alt="[{isys type="lang" ident="LC__UNIVERSAL__LOADING"}]" style="display:none;" />
					</h2>

					<div class="m10">
						<input id="category_search" type="text" class="input input-block" placeholder="[{isys type="lang" ident="LC__UNIVERSAL__SEARCH"}]" />
					</div>

					<ul id="category_list" class="m10"></ul>

					<div id="category_popup_button" class="m10"></div>
				</div>
			</td>
		</tr>
	</table>
</div>

<script type="text/javascript">
	document.observe("dom:loaded", function() {
		idoit.Translate.set('LC__UNIVERSAL__HIDE', '[{isys type="lang" ident="LC__UNIVERSAL__HIDE"}]');
		idoit.Translate.set('LC__MODULE__QCW__RESET_ERROR__OBJ_TYPE_GROUP_RESET', '[{isys type="lang" ident="LC__MODULE__QCW__RESET_ERROR__OBJ_TYPE_GROUP_RESET"}]');
		idoit.Translate.set('LC__MODULE__QCW__RESET_ERROR__OBJ_TYPE_ASSIGNMENT', '[{isys type="lang" ident="LC__MODULE__QCW__RESET_ERROR__OBJ_TYPE_ASSIGNMENT"}]');
		idoit.Translate.set('LC__MODULE__QCW__RESET_ERROR__GLOBAL_CAT_ASSIGNMENT', '[{isys type="lang" ident="LC__MODULE__QCW__RESET_ERROR__GLOBAL_CAT_ASSIGNMENT"}]');

		idoit.Require.require([
			'qcw',
			'fileUploader'
		], function () {
			// Create a new QCW instance.
			new QuickConfWizard({
				ajax_url:                        '?ajax=1&call=quick_configuration_wizard',
				message_obj_type_sorting_notice: '[{isys type="lang" ident="LC__MODULE__QCW__OBJ_TYPE_SORTING_MODE_IS_ALPHABETICALLY" p_bHtmlEncode=false}]',
				popupButtonLabel:                '[{isys type="lang" ident="LC__UNIVERSAL__ADJUST"}]',
				object_type_sort:                '[{if $obj_type_sorting_alphabetical}]alphabetically[{else}]manual[{/if}]',
				$objTypeHider:                   $('object-type-hider'),
				$categoryHider:                  $('category-hider')
			});

			(function () {
				'use strict';

				// On this page, the form shall not be submitted accidentally!
				$('isys_form').on('submit', function (ev) {
					Event.stop(ev);
				});
			})();
		});
	});
</script>
