diff -r b33516ab03e8 -r 5856fab9596c src/js/widgets/createAnnotationWidget.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/js/widgets/createAnnotationWidget.js	Wed Dec 28 17:07:45 2011 +0100
@@ -0,0 +1,48 @@
+IriSP.createAnnotationWidget = function(Popcorn, config, Serializer) {
+  IriSP.Widget.call(this, Popcorn, config, Serializer);
+  this._hidden = true;
+};
+
+
+IriSP.createAnnotationWidget.prototype = new IriSP.Widget();
+
+IriSP.createAnnotationWidget.prototype.clear = function() {
+    this.selector.find(".Ldt-SaTitle").text("");
+    this.selector.find(".Ldt-SaDescription").text("");
+    this.selector.find(".Ldt-SaKeywordText").text("");
+};
+
+IriSP.createAnnotationWidget.prototype.showWidget = function() {
+  this.layoutManager.slice.after("ArrowWidget")
+                          .before("createAnnotationWidget")
+                          .jQuerySelector().hide();
+  this.selector.show();
+};
+
+IriSP.createAnnotationWidget.prototype.hideWidget = function() {
+  this.selector.hide();
+  this.layoutManager.slice.after("ArrowWidget")
+                          .before("createAnnotationWidget")
+                          .jQuerySelector().show();
+};
+
+IriSP.createAnnotationWidget.prototype.draw = function() {
+  var _this = this;
+
+  var annotationMarkup = IriSP.templToHTML(IriSP.createAnnotationWidget_template);
+	this.selector.append(annotationMarkup);
+  this.selector.hide();
+  
+  this._Popcorn.listen("IriSP.PlayerWidget.AnnotateButton.clicked", 
+                        IriSP.wrap(this, this.handleAnnotateSignal));
+};
+
+IriSP.createAnnotationWidget.prototype.handleAnnotateSignal = function() {
+  if (this._hidden == false) {
+    this.selector.hide();
+    this._hidden = true;
+  } else {
+    this.selector.show();
+    this._hidden = false;
+  }
+};
\ No newline at end of file