window.addEvent('domready', function() {
	$('search_input').addEvent('focus', function(e) {
		new Event(e).stop();
		$('search_input').setStyle('color', '#000');
		if ($('search_input').value == 'Artikelnummer') {
			$('search_input').value = '';
		}
		
	});	
	$('search_input').addEvent('blur', function(e) {
		new Event(e).stop();
		$('search_input').setStyle('color', '#777');
		if ($('search_input').value == '') {
			$('search_input').value = 'Artikelnummer';
		}
	});
	
	var search_input = $('search_input');
	var completer = new Autocompleter.Ajax.Json(search_input, '/json/acomp_article', {
		postVar: 'q',
		onRequest: function() {
			var el = $('load_in_progress');
			el.setStyle('display', 'block');
			el.setStyle('top', '200px');
			el.setStyle('left', '1px');
		},
		onComplete: function() {
			var el = $('load_in_progress');
			el.setStyle('display', 'none');
		},
		onSelect: function(el) {
			var id = el.value;
			var url = '/article/' + id;
			window.location = url;
		}
	});
	$('search_form').addEvent('submit', function(e) {
			new Event(e).stop();
			var url = '/article/' + $('search_input').value;
			window.location = url;
	});
});