Currently is to choose one color out of two.

And then I will use the color selected to create some element and add to the document.

I tried to use global variable to store the choice but that is too slow for my element creation.

Is there a synchronize way to wait for the modal to return value?

The following is invoked when user click on a specific element

1. 
   
2. var SelectedColor = '#0000FF';  //global variable
3. function CreateRoute(marker) {
4.                 //create route
5.                 var vertex = [];
6.                 vertex.push(marker.getLatLng());
7.                 //Block here and ask for color
8.                 SelectedColor = null;
9.                 $("#ChooseColor").dialog('open');
10.                 //this one should wait callback
11.                 var polyline = createGPolyline(vertex, SelectedColor, 5, 0.5);
12. 
    
    
13.                 $gmap.addOverlay(polyline);
14.                 polyline.enableDrawing({});
15.                 GEvent.addListener(polyline, "endline", function() { BindEditRoute(polyline) });
16.                 GEvent.addListener(polyline, "lineupdated", function() { UpdateRoute(polyline) });
17.             }