function SearchField(defaultValue) {
	this.defaultValue = defaultValue;
	this.init();
}


SearchField.prototype = {

	init: function() {		
		var field = $('#searchField');
		var self = this;
		field.focus(function() {self.focus()});
		field.blur(function() {self.blur()});		
		if(field.val() != this.defaultValue) {			
			field.attr('className', 'active');		
		} else {
			//field.val(this.defaultValue);
			//field.attr('className', 'inactive');
		}	
	},
	
	
	focus: function() {
		var field = $('#searchField');	
		if(field.val() == this.defaultValue) {
			field.val('');		
		}	
		field.attr('className', 'active');
	},
	
	
	blur: function() {
		var field = $('#searchField');
		if(!String(field.val()).length || field.val() == this.defaultValue) {
			field.val(this.defaultValue);
			field.attr('className', 'inactive');			
		}
	}	
}

var searchField;

$(document).ready(function() {
	searchField = new SearchField(config.SEARCH_HINT);
});