[% 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">
		<tr><td><b>[% "PLUGIN_CUSTOMBROWSE_SELECT_MENUS_BROWSE_TITLE" | string %]</b></td><td colspan="2"><b>[% "PLUGIN_CUSTOMBROWSE_SELECT_MENUS_TITLE" | string %]</b></td></tr>
		[%- FOREACH menu IN pluginCustomBrowseMenus %]
			<tr>
				[%- menuid = "menu_" _ menu.id %]
				[%- menubrowseid = "menubrowse_" _ menu.id %]
				<td>[% IF !menu.forceenabledbrowse %]<input type="checkbox" name="[% menubrowseid %]" id="[% menubrowseid %]" value="1" [% menu.enabledbrowse ? "checked" : "" %] onclick="changeNumSelected(this)">[% ELSE %]<input type="checkbox" name="locked_[% menubrowseid %]" value="1" [% menu.enabledbrowse ? "checked" : "" %] disabled>[% END %]</td>
				<td><input type="checkbox" name="[% menuid %]" id="[% menuid %]" value="1" [% menu.enabled ? "checked" : "" %] onclick="changeNumSelected(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 numSelected = 0;
		var numCheckBoxes = 0;
		var selectAllMenusString = '[% "PLUGIN_CUSTOMBROWSE_SELECT_MENUS_ALL" | string %]';
		var selectNoneMenusString = '[% "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,4) == 'menu') {
				numCheckBoxes++;
				if (f.elements[i].checked) {
					numSelected++;
				}
			}
		}

		// Select none if all are selected, else select all
		function selectAllMenus() {
			var newState = numSelected != numCheckBoxes;

			for (var i=0; i < f.elements.length; i++) {
				if (f.elements[i].type == 'checkbox' && String(f.elements[i].name).substring(0,4) == 'menu') {
					f.elements[i].checked = newState;
				}
			}
			if (newState) {
				numSelected = numCheckBoxes;
				f.selectAllMenusButton.value = selectNoneMenusString;
			} else {
				numSelected = 0;
				f.selectAllMenusButton.value = selectAllMenusString;
			}
		}

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

			if (numSelected == numCheckBoxes) {
			  f.selectAllMenusButton.value = selectNoneMenusString;
			} else {
				f.selectAllMenusButton.value = selectAllMenusString;
			}
		}

		// Write the button using js, so it won't appear if js isn't enabled/available
		document.write('<input type="button" value="'
					   + (numSelected == numCheckBoxes ? selectNoneMenusString : selectAllMenusString)
									 + '" id="selectAllMenusButton" onclick="selectAllMenus()">');
	// -->
	</script>
[% PROCESS settings/footer.html %]