DependUserControls.Header = function(serverVars) {
	this.ServerVars = serverVars;
	this.Initialize();
};

DependUserControls.Header.prototype = {
	Initialize: function() {
		var watermark = 'Search Depend.com';
		var element = $(serverVars.searchSelector);

		element.val(watermark);

		element.focus(function() {
			if (element.val() === watermark) {
				element.val('');
			}
		});

		element.blur(function() {
			if (element.val() === '') {
				element.val(watermark);
			}
		});
	}
};
Depend.Extend(DependUserControls.Header, Depend.Core);