var MAP_LOADING = 'Wait for result…';

var MAP_STEP_1 = '<div id="map_tooltip1" style="padding: 5px; position: absolute; display: none; left: 0px; top: 50px; background: #FFDFDF">\
Additional information about interactive map coming soon\</div>\
<span onmouseover="document.getElementById(\'map_tooltip1\').style.display = \'block\'" \
onmouseout="document.getElementById(\'map_tooltip1\').style.display = \'none\'" \
style="display: inline-block; border-bottom: 1px dashed black; cursor: help">\Click</span> \
on the city of DEPARTURE (<span style="font-weight: bold; color: #1F56D6">blue</span>)';

var MAP_STEP_2 = '<div id="map_tooltip2" style="padding: 5px; position: absolute; display: none; left: 0px; top: 50px; background: #FFDFDF">\
Additional information about interactive map coming soon\</div>\
<span onmouseover="document.getElementById(\'map_tooltip2\').style.display = \'block\'" \
onmouseout="document.getElementById(\'map_tooltip2\').style.display = \'none\'" \
style="display: inline-block; border-bottom: 1px dashed black; cursor: help">Click</span> \
on the city of ARRIVAL (<span style="font-weight: bold; color: #02B62F">green</span>)';

var MAP_STEP_3 = '<div id="map_tooltip3" style="padding: 5px; position: absolute; display: none; left: 0px; top: 50px; background: #FFDFDF">\
Additional information about interactive map coming soon\</div>\
<span onmouseover="document.getElementById(\'map_tooltip3\').style.display = \'block\'" \
onmouseout="document.getElementById(\'map_tooltip3\').style.display = \'none\'" \
style="display: inline-block; border-bottom: 1px dashed black; cursor: help">Use</span> scope (+/–) for detailed view';