var domain = document.domain;
var initSearch = function()
{
	searchOpen = false;
	inputText = $('searchField').getValue();
	elements = $('searchForm').getInputs();
	elements.each(function(elm)
	{
		elm.onfocus = function()
		{
			if ($('searchField').getValue() != "" && $('searchField').getValue() != inputText) openResults();
			else elm.setValue('');
			document.observe('keyup', requestSearch);
		}
		elm.onblur = function()
		{
			closeResults();
			document.stopObserving('keyup', requestSearch);
		}
	});
	Element.insert('searchForm', '<div id="searchResults" style="display:none;"></div>');
	//$('searchForm').writeAttribute('action','');
}
var requestSearch = function()
{
	if ($('searchField').getValue().length > 1)
	{
		new Ajax.Updater("searchResults",'http://' + domain + '/includes/search/search.php',
		{
			parameters: { suche: $('searchField').getValue() },
			method: 'get',
			onCreate: onCreateFunc,
			onComplete: function(transport)
			{
				if (200 == transport.status)
				{
					if ($('searchField').getValue() != '' && !searchOpen)
					{
						openResults();
					}
				}
			},
			onSuccess: onSuccessFunc
		});
	}
}
var onCreateFunc = function()
{
	//$('searchField').setStyle({backgroundImage:"http://' + domain + '/includes/search/loader.gif')", backgroundRepeat:"no-repeat", backgroundPosition:"center right"});
}
var onSuccessFunc = function()
{
	//$('searchField').setStyle({backgroundImage:"url('')"});
}
var openResults = function()
{
	$('searchResults').setStyle({display:'block'}).fade({from:0,to:1,duration:1});
	searchOpen = true;	
}
var closeResults = function()
{
	if ($('searchField').getValue() == "") $('searchField').setValue(inputText);
	$('searchResults').fade({to:0});
	searchOpen = false;
}
Event.observe(window, 'load', initSearch);