Variables correspondantes de deux éléments (cycle de liaison et ui-sélectionnable)

Question

J'ai besoin d'aide pour condensation de mon script afin qu'un #div_x soit lié à un élément séparé IMG_X.

Mon projet utilise une interface utilisateur pour saisir des points sur une carte et renvoyer un ensemble d'images dans un div distinct via le cycle jQuery (comme ici http://bit.ly/gh7lm3).

J'ai lié l'événement «selectableStop» à deux fonctions - .hasclass et .append - afin de 1) détecter si un point a été sélectionné et 2) ajouter le div de cycle de contenu avec une image correspondante (également, d'ailleurs, contenue dans son propre div). En l'état, cela ressemble à ceci:

$("#selectable").selectable().bind("selectablestop", function(event, ui) {
if($('#point_a').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_a.jpg" /></div>');}

if($('#point_b').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_b.jpg" /></div>');}

if($('#point_c').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_c.jpg" /></div>');}

, etc.

Ma question:

Puis-je accomplir cela avec un argument, en utilisant une variable X au lieu d'écrire chaque ligne correspondant à Point_a à IMG_A, Point_B vers IMG_B, etc.

if($('#point_(variable)').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_(matching variable).jpg" /></div>');}

Merci! J'ai passé du temps à chercher une bonne approche.