/** Search Button **/
function bindSearchButton(id) { 
	function getStyle(elem, name) {
		var result = null;
		if (elem.style[name])
			result = elem.style[name];
		else if (elem.currentStyle)
			result = elem.currentStyle[name];
		else if (document.defaultView && document.defaultView.getComputedStyle) {
			name = name.replace(/([A-Z])/g,"-$1").toLowerCase();
			var s = document.defaultView.getComputedStyle(elem,'');
			result = s && s.getPropertyValue(name);
		}
		return result;
	}
	function trim(field) {
		field.value = field.value.replace(/(^ +| +$)/g,'');
	}
	function setAreaClass(searchField) {
		trim(searchField);
		searchField.className = (searchField.value != '' ? '' : 'empty');
	}
	function setAreaSafari(searchField) {
		trim(searchField);
		if (searchField.value == '' || searchField.value == 'Search') {
			searchField.style.color = '#555555';
			searchField.value = 'Search';
		}
		else {
			searchField.style.color = '#555555';
		}
	}
	var searchField = document.getElementById(id);
	if (searchField) {
		setAreaClass(searchField);
		// Is this like Mac Safari where cannot control background of input controls
		if ( getStyle( searchField,'backgroundColor') != 'transparent') {
			setAreaSafari(searchField);
			searchField.style.width = '75px';
			searchField.style.marginTop = '0';
			searchField.style.paddingLeft = '0';
			searchField.onblur = function(e) {
				setAreaSafari(this);
			};
			searchField.onfocus = function(e) {
				this.style.color = '#555555';
				if (this.value == 'Search')
					this.value = '';
			};
		}
		// Treat normal
		else {
			searchField.onblur = function(e) {
				setAreaClass(this);
			};
			searchField.onfocus = function(e) {
				this.className = '';
			};
		}
		var form = searchField.parentNode;
		form.onsubmit = function(e) {
			var searchField = document.getElementById('searchFor');
			trim(searchField);
			return searchField.value != '' && searchField.value != 'Search';
		};
	}
}