problema autocomplete jquery ui

[caffesinho]

Buenas noches a todos antes que nada no se si estoy en el foro adecuado, disculpen soy novato y por eso mismo quisiera saber si me pueden ayudar, como ya lo mencione soy novato y el problema que tengo es con el autocomplete de jquery.

Este es el codigo php que estoy ocupando

Código:

<?php
include 'conexion.php';
$autocompleta=$_GET['consulta'];
$completa=mysql_query("SELECT * FROM producto WHERE (producto.id_producto LIKE '%$autocompleta%' or producto.producto LIKE '%$autocompleta%')") or die(mysql_error());
$cuantos=mysql_num_rows($completa);
for($y=0;$y<$cuantos;$y++)
{
	echo $id=mysql_result($completa,$y,'id_producto');
}
?>

En esta parte del codigo uso Ajax y Jquery juntos

Código:

//Busqueda producto
/*En esta parte lo que ago es mandar llamar busqueda.php en la que se ejecuta una busqueda automatica, asi mismo con la funcion autocompeta() lo que intento es llamar la funcion autocomplete*/
function buscarpro() {
			var conexion;
			var bpro=document.getElementById('bupro').value
			if(bpro.length==0)
			{
				document.getElementById("res").innerHTML='';
				return;
			}
			if (window.XMLHttpRequest){
			  conexion=new XMLHttpRequest();
			}else
			  {
			  conexion=new ActiveXObject("Microsoft.XMLHTTP");
			}
			conexion.onreadystatechange=function(){
				if(conexion.readyState==4 && conexion.status==200){
					document.getElementById("res").innerHTML=conexion.responseText;
						autocompleta();					
				}
			}
			conexion.open("GET","bpto.php?prod="+bpro,true);
			conexion.send();
};

//Autocompleta
function autocompleta() {
			var conexion;
			var bpro=document.getElementById('bupro').value
			if (window.XMLHttpRequest){
			  conexion=new XMLHttpRequest();
			}else
			  {
			  conexion=new ActiveXObject("Microsoft.XMLHTTP");
			}
			conexion.onreadystatechange=function(){
				if(conexion.readyState==4 && conexion.status==200){
					var r=conexion.responseText;
						$(function() {
   	   	var availableTags = [r];
		$( "#bupro" ).autocomplete({
			source: availableTags,
		});    
	  				});
					
				}
			}
			conexion.open("GET","autocompleta.php?consulta="+bpro,true);
			conexion.send();
};

el problema que tengo es que a la hora de mostrar los resultado los muestra todos juntos.
No se si me pudieran ayudar a solucionar mi problema o algun consejo de como hacerlo.
De antemano gracias