|
function convertToId(search) |
|
{ |
|
var result = ''; |
|
for (i=0;i<search.length;i++) |
|
{ |
|
var c = search.charAt(i); |
|
var cn = c.charCodeAt(0); |
|
if (c.match(/[a-z0-9\u0080-\uFFFF]/)) |
|
{ |
|
result+=c; |
|
} |
|
else if (cn<16) |
|
{ |
|
result+="_0"+cn.toString(16); |
|
} |
|
else |
|
{ |
|
result+="_"+cn.toString(16); |
|
} |
|
} |
|
return result; |
|
} |
|
|
|
function getXPos(item) |
|
{ |
|
var x = 0; |
|
if (item.offsetWidth) |
|
{ |
|
while (item && item!=document.body) |
|
{ |
|
x += item.offsetLeft; |
|
item = item.offsetParent; |
|
} |
|
} |
|
return x; |
|
} |
|
|
|
function getYPos(item) |
|
{ |
|
var y = 0; |
|
if (item.offsetWidth) |
|
{ |
|
while (item && item!=document.body) |
|
{ |
|
y += item.offsetTop; |
|
item = item.offsetParent; |
|
} |
|
} |
|
return y; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function SearchBox(name, resultsPath, inFrame, label) |
|
{ |
|
if (!name || !resultsPath) { alert("Missing parameters to SearchBox."); } |
|
|
|
|
|
this.name = name; |
|
this.resultsPath = resultsPath; |
|
this.keyTimeout = 0; |
|
this.keyTimeoutLength = 500; |
|
this.closeSelectionTimeout = 300; |
|
this.lastSearchValue = ""; |
|
this.lastResultsPage = ""; |
|
this.hideTimeout = 0; |
|
this.searchIndex = 0; |
|
this.searchActive = false; |
|
this.insideFrame = inFrame; |
|
this.searchLabel = label; |
|
|
|
|
|
|
|
this.DOMSearchField = function() |
|
{ return document.getElementById("MSearchField"); } |
|
|
|
this.DOMSearchSelect = function() |
|
{ return document.getElementById("MSearchSelect"); } |
|
|
|
this.DOMSearchSelectWindow = function() |
|
{ return document.getElementById("MSearchSelectWindow"); } |
|
|
|
this.DOMPopupSearchResults = function() |
|
{ return document.getElementById("MSearchResults"); } |
|
|
|
this.DOMPopupSearchResultsWindow = function() |
|
{ return document.getElementById("MSearchResultsWindow"); } |
|
|
|
this.DOMSearchClose = function() |
|
{ return document.getElementById("MSearchClose"); } |
|
|
|
this.DOMSearchBox = function() |
|
{ return document.getElementById("MSearchBox"); } |
|
|
|
|
|
|
|
|
|
this.OnSearchFieldFocus = function(isActive) |
|
{ |
|
this.Activate(isActive); |
|
} |
|
|
|
this.OnSearchSelectShow = function() |
|
{ |
|
var searchSelectWindow = this.DOMSearchSelectWindow(); |
|
var searchField = this.DOMSearchSelect(); |
|
|
|
if (this.insideFrame) |
|
{ |
|
var left = getXPos(searchField); |
|
var top = getYPos(searchField); |
|
left += searchField.offsetWidth + 6; |
|
top += searchField.offsetHeight; |
|
|
|
|
|
searchSelectWindow.style.display='block'; |
|
left -= searchSelectWindow.offsetWidth; |
|
searchSelectWindow.style.left = left + 'px'; |
|
searchSelectWindow.style.top = top + 'px'; |
|
} |
|
else |
|
{ |
|
var left = getXPos(searchField); |
|
var top = getYPos(searchField); |
|
top += searchField.offsetHeight; |
|
|
|
|
|
searchSelectWindow.style.display='block'; |
|
searchSelectWindow.style.left = left + 'px'; |
|
searchSelectWindow.style.top = top + 'px'; |
|
} |
|
|
|
|
|
if (this.hideTimeout) |
|
{ |
|
clearTimeout(this.hideTimeout); |
|
this.hideTimeout=0; |
|
} |
|
return false; |
|
} |
|
|
|
this.OnSearchSelectHide = function() |
|
{ |
|
this.hideTimeout = setTimeout(this.name +".CloseSelectionWindow()", |
|
this.closeSelectionTimeout); |
|
} |
|
|
|
|
|
this.OnSearchFieldChange = function(evt) |
|
{ |
|
if (this.keyTimeout) |
|
{ |
|
clearTimeout(this.keyTimeout); |
|
this.keyTimeout = 0; |
|
} |
|
|
|
var e = (evt) ? evt : window.event; |
|
if (e.keyCode==40 || e.keyCode==13) |
|
{ |
|
if (e.shiftKey==1) |
|
{ |
|
this.OnSearchSelectShow(); |
|
var win=this.DOMSearchSelectWindow(); |
|
for (i=0;i<win.childNodes.length;i++) |
|
{ |
|
var child = win.childNodes[i]; |
|
if (child.className=='SelectItem') |
|
{ |
|
child.focus(); |
|
return; |
|
} |
|
} |
|
return; |
|
} |
|
else if (window.frames.MSearchResults.searchResults) |
|
{ |
|
var elem = window.frames.MSearchResults.searchResults.NavNext(0); |
|
if (elem) elem.focus(); |
|
} |
|
} |
|
else if (e.keyCode==27) |
|
{ |
|
this.DOMSearchField().blur(); |
|
this.DOMPopupSearchResultsWindow().style.display = 'none'; |
|
this.DOMSearchClose().style.display = 'none'; |
|
this.lastSearchValue = ''; |
|
this.Activate(false); |
|
return; |
|
} |
|
|
|
|
|
var searchValue = this.DOMSearchField().value.replace(/ +/g, ""); |
|
|
|
if (searchValue != this.lastSearchValue) |
|
{ |
|
if (searchValue != "") |
|
{ |
|
|
|
this.keyTimeout = setTimeout(this.name + '.Search()', |
|
this.keyTimeoutLength); |
|
} |
|
else |
|
{ |
|
this.DOMPopupSearchResultsWindow().style.display = 'none'; |
|
this.DOMSearchClose().style.display = 'none'; |
|
this.lastSearchValue = ''; |
|
} |
|
} |
|
} |
|
|
|
this.SelectItemCount = function(id) |
|
{ |
|
var count=0; |
|
var win=this.DOMSearchSelectWindow(); |
|
for (i=0;i<win.childNodes.length;i++) |
|
{ |
|
var child = win.childNodes[i]; |
|
if (child.className=='SelectItem') |
|
{ |
|
count++; |
|
} |
|
} |
|
return count; |
|
} |
|
|
|
this.SelectItemSet = function(id) |
|
{ |
|
var i,j=0; |
|
var win=this.DOMSearchSelectWindow(); |
|
for (i=0;i<win.childNodes.length;i++) |
|
{ |
|
var child = win.childNodes[i]; |
|
if (child.className=='SelectItem') |
|
{ |
|
var node = child.firstChild; |
|
if (j==id) |
|
{ |
|
node.innerHTML='•'; |
|
} |
|
else |
|
{ |
|
node.innerHTML=' '; |
|
} |
|
j++; |
|
} |
|
} |
|
} |
|
|
|
|
|
|
|
this.OnSelectItem = function(id) |
|
{ |
|
this.searchIndex = id; |
|
this.SelectItemSet(id); |
|
var searchValue = this.DOMSearchField().value.replace(/ +/g, ""); |
|
if (searchValue!="" && this.searchActive) |
|
{ |
|
this.Search(); |
|
} |
|
} |
|
|
|
this.OnSearchSelectKey = function(evt) |
|
{ |
|
var e = (evt) ? evt : window.event; |
|
if (e.keyCode==40 && this.searchIndex<this.SelectItemCount()) |
|
{ |
|
this.searchIndex++; |
|
this.OnSelectItem(this.searchIndex); |
|
} |
|
else if (e.keyCode==38 && this.searchIndex>0) |
|
{ |
|
this.searchIndex--; |
|
this.OnSelectItem(this.searchIndex); |
|
} |
|
else if (e.keyCode==13 || e.keyCode==27) |
|
{ |
|
this.OnSelectItem(this.searchIndex); |
|
this.CloseSelectionWindow(); |
|
this.DOMSearchField().focus(); |
|
} |
|
return false; |
|
} |
|
|
|
|
|
|
|
|
|
this.CloseResultsWindow = function() |
|
{ |
|
this.DOMPopupSearchResultsWindow().style.display = 'none'; |
|
this.DOMSearchClose().style.display = 'none'; |
|
this.Activate(false); |
|
} |
|
|
|
this.CloseSelectionWindow = function() |
|
{ |
|
this.DOMSearchSelectWindow().style.display = 'none'; |
|
} |
|
|
|
|
|
this.Search = function() |
|
{ |
|
this.keyTimeout = 0; |
|
|
|
|
|
var searchValue = this.DOMSearchField().value.replace(/^ +/, ""); |
|
|
|
var code = searchValue.toLowerCase().charCodeAt(0); |
|
var idxChar = searchValue.substr(0, 1).toLowerCase(); |
|
if ( 0xD800 <= code && code <= 0xDBFF && searchValue > 1) |
|
{ |
|
idxChar = searchValue.substr(0, 2); |
|
} |
|
|
|
var resultsPage; |
|
var resultsPageWithSearch; |
|
var hasResultsPage; |
|
|
|
var idx = indexSectionsWithContent[this.searchIndex].indexOf(idxChar); |
|
if (idx!=-1) |
|
{ |
|
var hexCode=idx.toString(16); |
|
resultsPage = this.resultsPath + '/' + indexSectionNames[this.searchIndex] + '_' + hexCode + '.html'; |
|
resultsPageWithSearch = resultsPage+'?'+escape(searchValue); |
|
hasResultsPage = true; |
|
} |
|
else |
|
{ |
|
resultsPage = this.resultsPath + '/nomatches.html'; |
|
resultsPageWithSearch = resultsPage; |
|
hasResultsPage = false; |
|
} |
|
|
|
window.frames.MSearchResults.location = resultsPageWithSearch; |
|
var domPopupSearchResultsWindow = this.DOMPopupSearchResultsWindow(); |
|
|
|
if (domPopupSearchResultsWindow.style.display!='block') |
|
{ |
|
var domSearchBox = this.DOMSearchBox(); |
|
this.DOMSearchClose().style.display = 'inline'; |
|
if (this.insideFrame) |
|
{ |
|
var domPopupSearchResults = this.DOMPopupSearchResults(); |
|
domPopupSearchResultsWindow.style.position = 'relative'; |
|
domPopupSearchResultsWindow.style.display = 'block'; |
|
var width = document.body.clientWidth - 8; |
|
domPopupSearchResultsWindow.style.width = width + 'px'; |
|
domPopupSearchResults.style.width = width + 'px'; |
|
} |
|
else |
|
{ |
|
var domPopupSearchResults = this.DOMPopupSearchResults(); |
|
var left = getXPos(domSearchBox) + 150; |
|
var top = getYPos(domSearchBox) + 20; |
|
domPopupSearchResultsWindow.style.display = 'block'; |
|
left -= domPopupSearchResults.offsetWidth; |
|
domPopupSearchResultsWindow.style.top = top + 'px'; |
|
domPopupSearchResultsWindow.style.left = left + 'px'; |
|
} |
|
} |
|
|
|
this.lastSearchValue = searchValue; |
|
this.lastResultsPage = resultsPage; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.Activate = function(isActive) |
|
{ |
|
if (isActive || |
|
this.DOMPopupSearchResultsWindow().style.display == 'block' |
|
) |
|
{ |
|
this.DOMSearchBox().className = 'MSearchBoxActive'; |
|
|
|
var searchField = this.DOMSearchField(); |
|
|
|
if (searchField.value == this.searchLabel) |
|
{ |
|
searchField.value = ''; |
|
this.searchActive = true; |
|
} |
|
} |
|
else if (!isActive) |
|
{ |
|
this.DOMSearchBox().className = 'MSearchBoxInactive'; |
|
this.DOMSearchField().value = this.searchLabel; |
|
this.searchActive = false; |
|
this.lastSearchValue = '' |
|
this.lastResultsPage = ''; |
|
} |
|
} |
|
} |
|
|
|
|
|
|
|
|
|
function SearchResults(name) |
|
{ |
|
|
|
this.lastMatchCount = 0; |
|
this.lastKey = 0; |
|
this.repeatOn = false; |
|
|
|
|
|
this.FindChildElement = function(id) |
|
{ |
|
var parentElement = document.getElementById(id); |
|
var element = parentElement.firstChild; |
|
|
|
while (element && element!=parentElement) |
|
{ |
|
if (element.nodeName == 'DIV' && element.className == 'SRChildren') |
|
{ |
|
return element; |
|
} |
|
|
|
if (element.nodeName == 'DIV' && element.hasChildNodes()) |
|
{ |
|
element = element.firstChild; |
|
} |
|
else if (element.nextSibling) |
|
{ |
|
element = element.nextSibling; |
|
} |
|
else |
|
{ |
|
do |
|
{ |
|
element = element.parentNode; |
|
} |
|
while (element && element!=parentElement && !element.nextSibling); |
|
|
|
if (element && element!=parentElement) |
|
{ |
|
element = element.nextSibling; |
|
} |
|
} |
|
} |
|
} |
|
|
|
this.Toggle = function(id) |
|
{ |
|
var element = this.FindChildElement(id); |
|
if (element) |
|
{ |
|
if (element.style.display == 'block') |
|
{ |
|
element.style.display = 'none'; |
|
} |
|
else |
|
{ |
|
element.style.display = 'block'; |
|
} |
|
} |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
this.Search = function(search) |
|
{ |
|
if (!search) |
|
{ |
|
search = window.location.search; |
|
search = search.substring(1); |
|
search = unescape(search); |
|
} |
|
|
|
search = search.replace(/^ +/, ""); |
|
search = search.replace(/ +$/, ""); |
|
search = search.toLowerCase(); |
|
search = convertToId(search); |
|
|
|
var resultRows = document.getElementsByTagName("div"); |
|
var matches = 0; |
|
|
|
var i = 0; |
|
while (i < resultRows.length) |
|
{ |
|
var row = resultRows.item(i); |
|
if (row.className == "SRResult") |
|
{ |
|
var rowMatchName = row.id.toLowerCase(); |
|
rowMatchName = rowMatchName.replace(/^sr\d*_/, ''); |
|
|
|
if (search.length<=rowMatchName.length && |
|
rowMatchName.substr(0, search.length)==search) |
|
{ |
|
row.style.display = 'block'; |
|
matches++; |
|
} |
|
else |
|
{ |
|
row.style.display = 'none'; |
|
} |
|
} |
|
i++; |
|
} |
|
document.getElementById("Searching").style.display='none'; |
|
if (matches == 0) |
|
{ |
|
document.getElementById("NoMatches").style.display='block'; |
|
} |
|
else |
|
{ |
|
document.getElementById("NoMatches").style.display='none'; |
|
} |
|
this.lastMatchCount = matches; |
|
return true; |
|
} |
|
|
|
|
|
this.NavNext = function(index) |
|
{ |
|
var focusItem; |
|
while (1) |
|
{ |
|
var focusName = 'Item'+index; |
|
focusItem = document.getElementById(focusName); |
|
if (focusItem && focusItem.parentNode.parentNode.style.display=='block') |
|
{ |
|
break; |
|
} |
|
else if (!focusItem) |
|
{ |
|
break; |
|
} |
|
focusItem=null; |
|
index++; |
|
} |
|
return focusItem; |
|
} |
|
|
|
this.NavPrev = function(index) |
|
{ |
|
var focusItem; |
|
while (1) |
|
{ |
|
var focusName = 'Item'+index; |
|
focusItem = document.getElementById(focusName); |
|
if (focusItem && focusItem.parentNode.parentNode.style.display=='block') |
|
{ |
|
break; |
|
} |
|
else if (!focusItem) |
|
{ |
|
break; |
|
} |
|
focusItem=null; |
|
index--; |
|
} |
|
return focusItem; |
|
} |
|
|
|
this.ProcessKeys = function(e) |
|
{ |
|
if (e.type == "keydown") |
|
{ |
|
this.repeatOn = false; |
|
this.lastKey = e.keyCode; |
|
} |
|
else if (e.type == "keypress") |
|
{ |
|
if (!this.repeatOn) |
|
{ |
|
if (this.lastKey) this.repeatOn = true; |
|
return false; |
|
} |
|
} |
|
else if (e.type == "keyup") |
|
{ |
|
this.lastKey = 0; |
|
this.repeatOn = false; |
|
} |
|
return this.lastKey!=0; |
|
} |
|
|
|
this.Nav = function(evt,itemIndex) |
|
{ |
|
var e = (evt) ? evt : window.event; |
|
if (e.keyCode==13) return true; |
|
if (!this.ProcessKeys(e)) return false; |
|
|
|
if (this.lastKey==38) |
|
{ |
|
var newIndex = itemIndex-1; |
|
var focusItem = this.NavPrev(newIndex); |
|
if (focusItem) |
|
{ |
|
var child = this.FindChildElement(focusItem.parentNode.parentNode.id); |
|
if (child && child.style.display == 'block') |
|
{ |
|
var n=0; |
|
var tmpElem; |
|
while (1) |
|
{ |
|
tmpElem = document.getElementById('Item'+newIndex+'_c'+n); |
|
if (tmpElem) |
|
{ |
|
focusItem = tmpElem; |
|
} |
|
else |
|
{ |
|
break; |
|
} |
|
n++; |
|
} |
|
} |
|
} |
|
if (focusItem) |
|
{ |
|
focusItem.focus(); |
|
} |
|
else |
|
{ |
|
parent.document.getElementById("MSearchField").focus(); |
|
} |
|
} |
|
else if (this.lastKey==40) |
|
{ |
|
var newIndex = itemIndex+1; |
|
var focusItem; |
|
var item = document.getElementById('Item'+itemIndex); |
|
var elem = this.FindChildElement(item.parentNode.parentNode.id); |
|
if (elem && elem.style.display == 'block') |
|
{ |
|
focusItem = document.getElementById('Item'+itemIndex+'_c0'); |
|
} |
|
if (!focusItem) focusItem = this.NavNext(newIndex); |
|
if (focusItem) focusItem.focus(); |
|
} |
|
else if (this.lastKey==39) |
|
{ |
|
var item = document.getElementById('Item'+itemIndex); |
|
var elem = this.FindChildElement(item.parentNode.parentNode.id); |
|
if (elem) elem.style.display = 'block'; |
|
} |
|
else if (this.lastKey==37) |
|
{ |
|
var item = document.getElementById('Item'+itemIndex); |
|
var elem = this.FindChildElement(item.parentNode.parentNode.id); |
|
if (elem) elem.style.display = 'none'; |
|
} |
|
else if (this.lastKey==27) |
|
{ |
|
parent.searchBox.CloseResultsWindow(); |
|
parent.document.getElementById("MSearchField").focus(); |
|
} |
|
else if (this.lastKey==13) |
|
{ |
|
return true; |
|
} |
|
return false; |
|
} |
|
|
|
this.NavChild = function(evt,itemIndex,childIndex) |
|
{ |
|
var e = (evt) ? evt : window.event; |
|
if (e.keyCode==13) return true; |
|
if (!this.ProcessKeys(e)) return false; |
|
|
|
if (this.lastKey==38) |
|
{ |
|
if (childIndex>0) |
|
{ |
|
var newIndex = childIndex-1; |
|
document.getElementById('Item'+itemIndex+'_c'+newIndex).focus(); |
|
} |
|
else |
|
{ |
|
document.getElementById('Item'+itemIndex).focus(); |
|
} |
|
} |
|
else if (this.lastKey==40) |
|
{ |
|
var newIndex = childIndex+1; |
|
var elem = document.getElementById('Item'+itemIndex+'_c'+newIndex); |
|
if (!elem) |
|
{ |
|
elem = this.NavNext(itemIndex+1); |
|
} |
|
if (elem) |
|
{ |
|
elem.focus(); |
|
} |
|
} |
|
else if (this.lastKey==27) |
|
{ |
|
parent.searchBox.CloseResultsWindow(); |
|
parent.document.getElementById("MSearchField").focus(); |
|
} |
|
else if (this.lastKey==13) |
|
{ |
|
return true; |
|
} |
|
return false; |
|
} |
|
} |
|
|
|
function setKeyActions(elem,action) |
|
{ |
|
elem.setAttribute('onkeydown',action); |
|
elem.setAttribute('onkeypress',action); |
|
elem.setAttribute('onkeyup',action); |
|
} |
|
|
|
function setClassAttr(elem,attr) |
|
{ |
|
elem.setAttribute('class',attr); |
|
elem.setAttribute('className',attr); |
|
} |
|
|
|
function createResults() |
|
{ |
|
var results = document.getElementById("SRResults"); |
|
for (var e=0; e<searchData.length; e++) |
|
{ |
|
var id = searchData[e][0]; |
|
var srResult = document.createElement('div'); |
|
srResult.setAttribute('id','SR_'+id); |
|
setClassAttr(srResult,'SRResult'); |
|
var srEntry = document.createElement('div'); |
|
setClassAttr(srEntry,'SREntry'); |
|
var srLink = document.createElement('a'); |
|
srLink.setAttribute('id','Item'+e); |
|
setKeyActions(srLink,'return searchResults.Nav(event,'+e+')'); |
|
setClassAttr(srLink,'SRSymbol'); |
|
srLink.innerHTML = searchData[e][1][0]; |
|
srEntry.appendChild(srLink); |
|
if (searchData[e][1].length==2) |
|
{ |
|
srLink.setAttribute('href',searchData[e][1][1][0]); |
|
if (searchData[e][1][1][1]) |
|
{ |
|
srLink.setAttribute('target','_parent'); |
|
} |
|
var srScope = document.createElement('span'); |
|
setClassAttr(srScope,'SRScope'); |
|
srScope.innerHTML = searchData[e][1][1][2]; |
|
srEntry.appendChild(srScope); |
|
} |
|
else |
|
{ |
|
srLink.setAttribute('href','javascript:searchResults.Toggle("SR_'+id+'")'); |
|
var srChildren = document.createElement('div'); |
|
setClassAttr(srChildren,'SRChildren'); |
|
for (var c=0; c<searchData[e][1].length-1; c++) |
|
{ |
|
var srChild = document.createElement('a'); |
|
srChild.setAttribute('id','Item'+e+'_c'+c); |
|
setKeyActions(srChild,'return searchResults.NavChild(event,'+e+','+c+')'); |
|
setClassAttr(srChild,'SRScope'); |
|
srChild.setAttribute('href',searchData[e][1][c+1][0]); |
|
if (searchData[e][1][c+1][1]) |
|
{ |
|
srChild.setAttribute('target','_parent'); |
|
} |
|
srChild.innerHTML = searchData[e][1][c+1][2]; |
|
srChildren.appendChild(srChild); |
|
} |
|
srEntry.appendChild(srChildren); |
|
} |
|
srResult.appendChild(srEntry); |
|
results.appendChild(srResult); |
|
} |
|
} |
|
|
|
function init_search() |
|
{ |
|
var results = document.getElementById("MSearchSelectWindow"); |
|
for (var key in indexSectionLabels) |
|
{ |
|
var link = document.createElement('a'); |
|
link.setAttribute('class','SelectItem'); |
|
link.setAttribute('onclick','searchBox.OnSelectItem('+key+')'); |
|
link.href='javascript:void(0)'; |
|
link.innerHTML='<span class="SelectionMark"> </span>'+indexSectionLabels[key]; |
|
results.appendChild(link); |
|
} |
|
searchBox.OnSelectItem(0); |
|
} |
|
|
|
|