$( function() {
	$("img.botones").each(function(){
		$(this).click(function(){
			var id = $(this).attr('id');
			id = substr(id, 3);
			
			$("div.divDer table tbody").html("");
			var datos = 'p=' + id;
			
			$.getJSON(
				"consulta_producto.php", datos,
				function(data){
					if( data == null ) {
						var tabla = "<tr><td align='center' class='mensaje_error'><br />No se encontraron productos.</td></tr>";
						$(tabla).appendTo("div.divDer tbody");
					} else {
						var num_col = 3;
						var tabla = "";
						
						
						$.each(data.productos, function(i,prod){
							var resto = ( ( i + 1 ) % num_col );  
							if( resto == 1 )
								tabla += "<tr>";
							
							tabla += "<td><a href='" + prod.url + "'><img src=\"images/productos/" + prod.img + "\" alt=\"" + prod.nombre + "\" /><br /><span>" + prod.nombre + "</span></a></td>";
							
							if( resto == 0 )
								tabla += "</tr>";
						});
						$(tabla).appendTo("div.divDer tbody");
					}
				}
			);
		});
	});
});