$('headersearchfield').observe('keyup', ssu_keyup);
$('headersearchfield').observe('blur', ssu_hide);
$('headersearch_su_dropdown').hide();

var ssu_cID = 0;
var ssu_cQuery = '';
var ssu_count = 0;

function ssu_keyup(event) {		
   var KeyID = event.keyCode;
   
   switch (KeyID) {
		case Event.KEY_UP:
			if (ssu_cID == 0) {
				ssu_count = $('ssu_list').getElementsByTagName('li').length;
				ssu_item_select(ssu_count);
			} else {
				ssu_item_select(ssu_cID-1);
			}
			break
		case Event.KEY_DOWN:
			ssu_item_select(ssu_cID+1);
			break;
		default:
			ssu_cQuery = $('headersearchfield').value;
			ssu_update();
			break;
   }
}

function ssu_update() {
	ssu_cID = 0;
	new Ajax.Updater('headersearch_su_dropdown', '/search_su.php', 
		{ 
		method: 'get',
		parameters: $('search_form').serialize(true) }
	);
	$('headersearch_su_dropdown').show();
}

function ssu_hide() {
	$('headersearch_su_dropdown').innerHTML = '';
	$('headersearch_su_dropdown').hide();
}

function ssu_item_select(id) {
	if ($('ssu_item_'+id) == undefined) {
		$('headersearchfield').value = ssu_cQuery;
		ssu_item_unselect(ssu_cID);
		ssu_cID = 0;
		return;
	}
	$('ssu_item_'+id).addClassName('ssu_over');
	$('headersearchfield').value = $('ssu_itemc_'+id).innerHTML;
	if (ssu_cID !== id) {
		ssu_item_unselect(ssu_cID);
	}
	ssu_cID = id;
}

function ssu_item_unselect(id) {
	if ($('ssu_item_'+id) == undefined) {
		return;
	}
	$('ssu_item_'+id).removeClassName('ssu_over');
}

function ssu_item_click(id) {
	document.search_form.submit();
}