[% page = "PLUGIN_CUSTOMBROWSE" %]
[% PROCESS settings/header.html %]

[% PROCESS plugins/CustomBrowse/settings/subpage_chooser.html %]
	<div class="settingSection">
		<div class="prefHead">[% "SETUP_PLUGIN_CUSTOMBROWSE_ENABLED_MENUS" | string | upper %]</div>
		<div class="prefDesc">[% "SETUP_PLUGIN_CUSTOMBROWSE_ENABLED_MENUS_DESC" | string %]</div>

	<table border="0">
		[%- FOREACH menu IN pluginCustomBrowseContextMenus %]
			<tr>
				[%- menuid = "context_menu_" _ menu.id %]
				<td><input type="checkbox" name="[% menuid %]" id="[% menuid %]" value="1" [% menu.enabled ? "checked" : "" %] onclick="changeContextNumSelected(this)">
				<label for="[% menuid %]">[% menu.menuname | html %]</label></td><td>&nbsp;&nbsp;([% menu.id %])</td>
			</tr>
		[%- END %]
	</table>
	<script type="text/javascript">
	<!--
		var f = document.settingsForm;
		var numContextSelected = 0;
		var numContextCheckBoxes = 0;
		var selectAllContextString = '[% "PLUGIN_CUSTOMBROWSE_SELECT_MENUS_ALL" | string %]';
		var selectNoneContextString = '[% "PLUGIN_CUSTOMBROWSE_SELECT_MENUS_NONE" | string %]';

		// Work out how many checkboxes are initially selected
		for (var i=0; i < f.elements.length; i++) {
			if (f.elements[i].type == 'checkbox' && String(f.elements[i].name).substring(0,12) == 'context_menu') {
				numContextCheckBoxes++;
				if (f.elements[i].checked) {
					numContextSelected++;
				}
			}
		}

		// Select none if all are selected, else select all
		function selectAllContext() {
			var newState = numContextSelected != numContextCheckBoxes;

			for (var i=0; i < f.elements.length; i++) {
				if (f.elements[i].type == 'checkbox' && String(f.elements[i].name).substring(0,12) == 'context_menu') {
					f.elements[i].checked = newState;
				}
			}
			if (newState) {
				numContextSelected = numContextCheckBoxes;
				f.selectAllContextButton.value = selectNoneContextString;
			} else {
				numContextSelected = 0;
				f.selectAllContextButton.value = selectAllContextString;
			}
		}

		// Increase/decrease num selected every time a checkbox changes
		function changeContextNumSelected(checkBox) {
			if (checkBox.checked) {
				numContextSelected++;
			} else {
				numContextSelected--;
			}

			if (numContextSelected == numContextCheckBoxes) {
			        f.selectAllContextButton.value = selectNoneContextString;
			} else {
				f.selectAllContextButton.value = selectAllContextString;
			}
		}

		// Write the button using js, so it won't appear if js isn't enabled/available
		document.write('<input type="button" value="'
					   + (numContextSelected == numContextCheckBoxes ? selectNoneContextString : selectAllContextString)
									 + '" id="selectAllContextButton" onclick="selectAllContext()">');
	// -->
	</script>
[% PROCESS settings/footer.html %]