function Searchbox() {
	var box;
	var field;
	var button;
	
	this.initialize = function() {
		box = dojo.byId('searchBox');
		field = dojo.byId('searchField');
		button = dojo.byId('searchButton');
		
		box.onmouseover = fadeIn;
		field.onblur = fadeOut;
		
		fadeOut();
		
		// hide search box in content section
		var bodyBox = dojo.byId('searchBodyBox');
		if(bodyBox) {
			bodyBox.style.display = 'none';
		}
	}
	
	function fadeIn() {
		field.style.borderColor = "#888888";
		field.style.color = "#000000";
		field.focus();
		
		button.style.backgroundColor = '#888888';
		button.style.color = '#FFFFFF';
	}
	
	function fadeOut() {
		field.style.borderColor = "#FFFFFF";
		field.style.color = "#FFFFFF";
		field.blur();
		
		button.style.backgroundColor = '#FFFFFF';
		button.style.color = '#999999';
	}
}

dojo.addOnLoad(function() {
	var searchBox = new Searchbox();
	searchBox.initialize();
});