YPSearchBox = 
{
	el : null,
	positionLeft : null,

	init : function()
	{
		YPSearchBox.el = $('SearchBox');
		YPSearchBox.positionLeft = YPSearchBox.el.cumulativeOffset().left;
	
		Event.observe(YPSearchBox.el, 'focus', YPSearchBox.handleFocus);
		Event.observe(YPSearchBox.el, 'click', YPSearchBox.handleClick);
		Event.observe(YPSearchBox.el, 'mousemove', YPSearchBox.handleOver);	
	},
	
	handleFocus : function(e)
	{
		YPSearchBox.el.value = '';		
		Event.stopObserving(YPSearchBox.el, 'focus');		
	},
	
	handleClick : function(e)
	{
		if (e.pointerX() - YPSearchBox.positionLeft > 262)
		{
			YPSearchBox.el.up('form').submit();
		}
	},
	
	handleOver : function(e)
	{	
		if (e.pointerX() - YPSearchBox.positionLeft > 262)
		{
			YPSearchBox.el.setStyle({
				'cursor': 'pointer'
			});
		}
		else
		{
			YPSearchBox.el.setStyle({
				'cursor': 'text'
			});
		}
	}
}

Event.observe(window, 'load', YPSearchBox.init);