lib.jumpMenu = COA
lib.jumpMenu {
	### Create the opening form element; set action attribute to current page:
	5 = HTML
	5 {
		value {
			typolink {
				parameter.data = TSFE:id
				returnLast = url
			}
			wrap = <form id="jump-menu" action="|" method="post">
		}
	}
	
	### Create the select, optgroup and option elements:
	10 = HMENU
	10 {
		### Form element contents must be contained in a block-level element
		wrap = <div>|</div>
		special = directory
		special.value = {$lib.jumpMenu.pid}
		
		1 = TMENU
		1 {
			### Begin the select--we want a blank option at the top:
			wrap = <select><option value="" class="empty">Choose a page...</option>|</select>
			expAll = 1
			noBlur = 1
		
			### We have two top level pages named 'Pages A-M' and 'Pages N-Z'. These will become optgroup elements:
			NO {
				doNotShowLink = 1
				allWrap.cObject = HTML
				allWrap.cObject {
					value.dataWrap = <optgroup label="{field:title}">
				}
				wrapItemAndSub = |</optgroup>
			}
		}
		
		### Create the dynamic option elements:
		2 = TMENU
		2 {
			NO {
				### Don't show the link--it's just as easy to build it in this case:
				doNotShowLink = 1
				### Create an option tag that looks something like this '<option value="http://example.com/index.php?id=235">Page Title</option>':
				allWrap.cObject = HTML
				allWrap.cObject {
					value {
						typolink {
							parameter.data = field:uid
							returnLast = url
						}
						dataWrap = <option value="http://{getenv:HTTP_HOST}/|">{field:title}</option>
					}
				}
			}
			
			CUR < .NO
			CUR = 1
			CUR {
				### When it's the current page, we add the selected attribute to the option element:
				allWrap.cObject.value.dataWrap = <option selected="selected" value="http://{getenv:HTTP_HOST}|">{field:title}</option>
			}
		}
	}
	
	### Create the closing form tag:
	###
	15 = HTML
	15 {
		value = </form>
	}
}