# HG changeset patch
# User hamidouk
# Date 1320420622 -3600
# Node ID a793a8a0c9d2d6871cfd0d740e634ed2f93ede5b
# Parent  9fb4dcb0b8786c5a2b1c361c5844fc4efc2f964d
added a rectangle tip to show where we are in the video .

diff -r 9fb4dcb0b878 -r a793a8a0c9d2 src/js/widgets/polemicWidget.js
--- a/src/js/widgets/polemicWidget.js	Fri Nov 04 16:08:25 2011 +0100
+++ b/src/js/widgets/polemicWidget.js	Fri Nov 04 16:30:22 2011 +0100
@@ -300,13 +300,18 @@
 			this.paperBackground = this.paper.rect(0, this.yMax, this.width, this.heightmax).attr({fill:"#F8F8F8","stroke-width":0.1,opacity: 1});	
 			// var PaperBorder 	= this.paper.rect(0, this.yMax,this.width,1).attr({fill:"#fff",stroke: "none",opacity: 1});	
 	
-      this.paperSlider 	= this.paper.rect(0, this.yMax, 0, this.heightmax).attr({fill:"#D4D5D5", stroke: "none", opacity: 1});				
+      this.paperSlider 	= this.paper.rect(0, this.yMax, 0, this.heightmax).attr({fill:"#D4D5D5", stroke: "none", opacity: 1});
+      
+      // the small white line displayed over the slider.
+      this.sliderTip = this.paper.rect(0, this.yMax, 5, this.heightmax).attr({fill:"#FFFFFF", stroke: "none", opacity: 1});
+      
 			// decalage 
 			tweetSelection = this.paper.rect(-100,-100,5,5).attr({fill:"#fff",stroke: "none",opacity: 1});	
 			
       
 			this.paperSlider.toBack();
 			this.paperBackground.toBack();
+      this.sliderTip.toFront();
 		}
     
     this._Popcorn.listen("timeupdate", IriSP.wrap(this, this.sliderUpdater));
@@ -318,6 +323,8 @@
     var duration = +this._serializer.currentMedia().meta["dc:duration"];
     
     this.paperSlider.attr("width", time * (this.width / (duration / 1000)));
+        
+    this.sliderTip.attr("x", time * (this.width / (duration / 1000)));
 };
     
     
\ No newline at end of file