AJAX :: Auto-complete - What Code To Be Use On Both The Div (mouseup, Mousedown...) And Then The Function That Calls?

Im currently creating a textbox with an AJAX auto-complete feature but have reached a wall. I can create a div below it with a list of results but now need to allow the user to select. I can setup it up with an onClick, easy. But I need help with the arrow buttons as that is how I would like it to function. The script only allows 5 results at a time with each having an id of 0 to 4. Each result is a div, below is this code (created by PHP):

PHP Code:
echo "<div id='".$i."' class='userSelect'>".$i.$row["friendName"]."<div>";

There is a JS file attached to the page this is echoed onto, so what would the code need to be on both the div (mouseup, mousedown...) and then the function that calls.