hover on stop points. Refs #61

1 files changed, 18 insertions, 1 deletions

diff --git a/app/assets/javascripts/route.js.coffee b/app/assets/javascripts/route.js.coffee
index a3dd304d3..274e87f77 100644
--- a/app/assets/javascripts/route.js.coffee
+++ b/app/assets/javascripts/route.js.coffee
@@ -8,8 +8,25 @@ jQuery ->
 
   switch_stop_points = (event) -> 
     event.preventDefault()
-    $('.routes.show .stop_points.content').toggle('slow')
+    $('.routes.show .stop_points_detail').toggle('slow')
     $('a.stop_points .switcher').toggle()
 
   $('.routes.show a.stop_points').click(switch_stop_points)
 
+  select_stop_on_map = (event) ->
+    if (event.type == 'mouseenter') 
+      if event.target.id.match(/^stop_point_(\w+)$/)
+        stopAreaId = $("#"+event.target.id+" a").attr('href').match(/\d+$/)[0]
+        placeMark = selectFeature.layer.getFeatureByFid( stopAreaId)
+        selectFeature.unselectAll()
+        selectFeature.select( placeMark)
+    else
+      selectFeature.unselectAll()
+
+  $('.routes.show div.stop_points .stop_point').live("hover", select_stop_on_map)
+
+  make_ajax_pagination = () ->
+    $.get(this.href, null, null, 'script')
+    false
+
+  $('.routes.show .stop_points_detail .pagination a').live("click", make_ajax_pagination)