var SearchForm = {
	formId: 'site-search',
	inputSearchId: 'input-search',
	defaultSearchText: 'enter keywords',
	submitSel: '#site-search input.submit',
		
	init: function() {
		var form = $(this.formId);
		if (!form) {
			return;
		}
		
		this.showDefaultText();
		this.setSearchInputToggle();
		this.hideSubmit();
		this.addSubmitLink();
	},
		
	setSearchInputToggle: function() {
		var searchInput = $(this.inputSearchId);
		searchInput.observe('focus', this.hideDefaultText);
		searchInput.observe('blur', this.showDefaultText);
	},

	hideDefaultText: function(e) {
		var searchInput = $(SearchForm.inputSearchId);
		if (searchInput.value == SearchForm.defaultSearchText) {
			searchInput.value = '';
		}
	},
		
	showDefaultText: function(e) {
		var searchInput = $(SearchForm.inputSearchId);
		if (searchInput.value == '') {
			searchInput.value = SearchForm.defaultSearchText;
		}
	},
		
	hideSubmit: function() {
		var submit = $$(this.submitSel)[0];
		if (submit) {
			submit.addClassName('hide');
		}
	},
	
	addSubmitLink: function() {
		var submitLink = new Element('a', {
			'href': '#',
			'class': 'submit'
		});
		submitLink.insert('Search<span></span>');
		var form = $(this.formId);
		submitLink.observe('click', function(e) {
			e.stop();
			form.submit();
		});
		var fieldset = form.down('fieldset');
		fieldset.insert(submitLink);
	}
};

var Global = {
	jsClass: 'js',
		
	init: function() {
		SearchForm.init();
	},
		
	addJsClass: function(sel) {
		$$(sel).each(function(elm) {
			elm.addClassName(Global.jsClass);
		});
	}
};

document.observe('dom:loaded', Global.init);