if(Object.isUndefined(Search))
	var Search = {};
if(Object.isUndefined(Search.Index))
	Search.Index = {};

//M////C/////A//
Search.Index.Panel = {
	form: 'search_index_panel',
	input: null,
	defaultValue: null,
	activeClassName: 'active',
		
	initialize: function()
	{
		var self = Search.Index.Panel;
		self.form = $(self.form);
		self.input = self.form.down('input[name=q]');
		
		self.input.observe('focus', self.input_Focus);
		self.input.observe('blur', self.input_Blur);
		self.form.observe('submit', self.form_Submit);
		
		if(null === self.defaultValue)
		{
			self.defaultValue = self.input.readAttribute('value');
		}
	},
	
	form_Submit: function (event)
	{
		var self = Search.Index.Panel;
		var value = $F(self.input);
		
		if(!value || value == self.defaultValue)
		{
			alert('Please enter your search criteria');
			return event.stop();
		}
	},
	
	input_Focus: function()
	{
		var self = Search.Index.Panel;
		var value = $F(self.input);
		
		if(value == self.defaultValue)
		{
			self.input.value = '';
		}
		
		this.addClassName(self.activeClassName);
		this.select();
	},
	
	input_Blur: function()
	{
		var self = Search.Index.Panel;
		var value = $F(self.input);
		
		if(!value)
		{
			value = self.defaultValue;
			self.input.value = value;
		}
		if(value == self.defaultValue)
		{
			this.removeClassName(self.activeClassName);
		}
	}
};

document.observe('dom:loaded', Search.Index.Panel.initialize);