/*
    Document   : menu
    Created on : 7-okt-2009, 10:12:52
    Author     : Arno
    Description:
        Menu bar dropdown handlers.
*/


window.addOnLoad(function() {
	var menuBarElement = document.getElementById('menubar');
	var menuElements = menuBarElement.getElementsByTagName('li');

	for (i in menuElements) {
		var menuElement = menuElements[i];

		if (typeof menuElement == 'object') {

			menuElement.labelContainer = menuElement.getElementsByTagName('div')[0];	// First div element
			menuElement.submenuContainer = menuElement.getElementsByTagName('ul')[0];	// First ul element

			menuElement.onmousemove = function() {
				if (this.labelContainer.className.indexOf('hover') == -1) {
					this.labelContainer.className += ' hover';
					if (this.submenuContainer != null) {
						this.submenuContainer.className +=  ' hover';
					}
				}
			}

			menuElement.onmouseout = function() {
				this.labelContainer.className = this.labelContainer.className.replace(/hover/, '');
				if (this.submenuContainer != null) {
					this.submenuContainer.className = this.submenuContainer.className.replace(/hover/, '');
				}
			}

			menuElement.labelContainer.onclick = function() { navigateLink(this); }

		}
	}
});


window.addOnLoad(function() {

	var menuBarElement = document.getElementById('menubar');
	var searchForm = menuBarElement.getElementsByTagName('form')[0];

	var textField = searchForm.getElementsByTagName('input')[0];
	var textFieldOverlay = searchForm.getElementsByTagName('span')[0];

	textFieldOverlay.onfocus = textFieldOverlay.onclick = function() {
		/*textFieldOverlay.style.display = 'none'*/
		textField.focus();
	};

	textField.onfocus = function() {
		textFieldOverlay.style.display = 'none';
	};

	textField.onblur = function() {
		if (textField.value == '') {
			textFieldOverlay.style.display = 'block';
		}
	};
	
	textFieldOverlay.style.display = (textField.value.length > 0) ? 'none' : 'block';
});