# HG changeset patch
# User hamidouk
# Date 1324999441 -3600
# Node ID 7c25af9853442f03719cea97bb846907cc2c8b8a
# Parent  0e6477a03ca9a6f5cbf575f4fb391546de6cf3aa
made the arrowWidget.js changed its arrow at the edges of the screen.

diff -r 0e6477a03ca9 -r 7c25af985344 assets/left_edge_arrow.psd
Binary file assets/left_edge_arrow.psd has changed
diff -r 0e6477a03ca9 -r 7c25af985344 assets/right_edge_arrow.psd
Binary file assets/right_edge_arrow.psd has changed
diff -r 0e6477a03ca9 -r 7c25af985344 src/css/imgs/left_edge_arrow.png
Binary file src/css/imgs/left_edge_arrow.png has changed
diff -r 0e6477a03ca9 -r 7c25af985344 src/css/imgs/right_edge_arrow.png
Binary file src/css/imgs/right_edge_arrow.png has changed
diff -r 0e6477a03ca9 -r 7c25af985344 src/js/widgets/arrowWidget.js
--- a/src/js/widgets/arrowWidget.js	Tue Dec 27 11:05:04 2011 +0100
+++ b/src/js/widgets/arrowWidget.js	Tue Dec 27 16:24:01 2011 +0100
@@ -45,6 +45,17 @@
     if (corrected_percents <= 0)
       corrected_percents = 0;
 
+    if (corrected_percents <= 5) {
+      var left_edge_img_templ = IriSP.templToHTML("url('{{img_dir}}/left_edge_arrow.png')"); 
+      this.selector.children(".Ldt-arrowWidget").css("background-image", left_edge_img_templ); 
+    } else if (corrected_percents >= 95) {
+      var right_edge_img_templ = IriSP.templToHTML("url('{{img_dir}}/right_edge_arrow.png')"); 
+      this.selector.children(".Ldt-arrowWidget").css("background-image", right_edge_img_templ);
+    } else {
+      var img_templ = IriSP.templToHTML("url('{{img_dir}}/arrow.png')"); 
+      this.selector.children(".Ldt-arrowWidget").css("background-image", img_templ);
+    }
+    
     this.selector.children(".Ldt-arrowWidget").animate({"left" : corrected_percents + "%"});
 
     this._oldAnnotation = currentAnnotation;