/* Internationalization for this widget */

IriSP.i18n.addMessages(

    {

        "en": {

            "submit": "Submit",

            "add_keywords": "Add keywords",

            "add_polemic_keywords": "Add polemic keywords",

            "your_name": "Your name",

            "type_here": "Type your annotation here.",

            "wait_while_processed": "Please wait while your request is being processed...",

            "error_while_contacting": "An error happened while contacting the server. Your annotation has not been saved.",

            "empty_annotation": "Your annotation is empty. Please write something before submitting.",

            "annotation_saved": "Thank you, your annotation has been saved.",

            "share_annotation": "Would you like to share it on social networks ?",

            "share_on": "Share on",

        },

        "fr": {

            "submit": "Envoyer",

            "add_keywords": "Ajouter des mots-clés",

            "add_polemic_keywords": "Ajouter des mots-clés polémiques",

            "your_name": "Votre nom",

            "type_here": "Rédigez votre annotation ici.",

            "wait_while_processed": "Veuillez patienter pendant le traitement de votre requête...",

            "error_while_contacting": "Une erreur s'est produite en contactant le serveur. Votre annotation n'a pas été enregistrée",

            "empty_annotation": "Votre annotation est vide. Merci de rédiger un texte avant de l'envoyer.",

            "annotation_saved": "Merci, votre annotation a été enregistrée.",

            "share_annotation": "Souhaitez-vous la partager sur les réseaux sociaux ?",

            "share_on": "Partager sur",

        }

    }

);

IriSP.createAnnotationWidget = function(Popcorn, config, Serializer) {

  IriSP.Widget.call(this, Popcorn, config, Serializer);

  this._hidden = true;

  if (!IriSP.null_or_undefined(IriSP.user)) {

      if (!IriSP.null_or_undefined(IriSP.user.avatar)) {

        this.user_avatar = IriSP.user.avatar;

      }

      if (!IriSP.null_or_undefined(IriSP.user.name)) {

        this.user_name = IriSP.user.name;

      }

  }

  /* variables to save the current position of the slicer */

  if (this.cinecast_version) {

    this.sliceLeft = 0;

    this.sliceWidth = 0;

  }

};

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.draw = function() {

    var _this = this;

            _this.drawCallback();

        });

    } else {

        this.drawCallback();

    }

}

IriSP.createAnnotationWidget.prototype.drawCallback = function() {

  var _this = this;

  var annotationMarkup = IriSP.templToHTML(IriSP.createAnnotationWidget_template, 

                                           this);

	this.selector.append(annotationMarkup);

  if (!this.cinecast_version)

    this.selector.hide();

  else {

    this.showStartScreen();

  }

      this.selector.find(".Ldt-createAnnotation-keywords li").hide();

      this.selector.find('.Ldt-createAnnotation-moar-keywordz').click(function() {

      })

  }

  // Add onclick event to both polemic and keywords buttons

  this.selector.find(".Ldt-createAnnotation-keyword-button, .Ldt-createAnnotation-polemic-button").click(function() {

      _this.addKeyword(IriSP.jQuery(this).text());

      return false;

  });

  // js_mod is a custom event because there's no simple way to test for a js

  // change in a textfield.                    

  this.selector.find(".Ldt-createAnnotation-Description")

  /* the cinecast version of the player is supposed to pause when the user clicks on the button */

  /* the cinecast version expects the user to comment on a defined segment.

     As the widget is always shown, we need a way to update it's content as

     time passes. We do this like we did with the annotationsWidget : we schedule

     a .code start function which will be called at the right time.

  */

  if (this.cinecast_version) {

    var legal_ids;

    if (typeof(this._serializer.getChapitrage()) !== "undefined")

      legal_id = this._serializer.getChapitrage();

    else 

      legal_id = this._serializer.getNonTweetIds()[0];

    var annotations = this._serializer._data.annotations;

    var i;

    for (i in annotations) {     

      var annotation = annotations[i];

      if (typeof(annotation.meta) !== "undefined" && typeof(annotation.meta["id-ref"]) !== "undefined"

            && legal_id !== annotation.meta["id-ref"]) {

          continue;

      }

      code = {start: annotation.begin / 1000, end: annotation.end / 1000,

              onStart: function(annotation) { return function() {

                      if (typeof(annotation.content) !== "undefined")

                        _this.selector.find(".Ldt-createAnnotation-Title").html(annotation.content.title);

                      _this._currentAnnotation = annotation;

                      var beginTime = IriSP.msToTime(annotation.begin);

                      var endTime = IriSP.msToTime(annotation.end);

                      var timeTemplate = IriSP.templToHTML("- ({{begin}} - {{ end }})", {begin: beginTime, end: endTime });

                      _this.selector.find(".Ldt-createAnnotation-TimeFrame").html(timeTemplate);

              } }(annotation)

            };

      this._Popcorn.code(code);

    }

  }

  this.selector.find(".Ldt-createAnnotation-submitButton").click(IriSP.wrap(this, this.handleButtonClick));

  if (!this.cinecast_version) {

    this._Popcorn.listen("IriSP.PlayerWidget.AnnotateButton.clicked", 

                          IriSP.wrap(this, this.handleAnnotateSignal));

    // handle clicks on the cancel button too.

    this.selector.find(".Ldt-createAnnotation-Minimize").click(IriSP.wrap(this, 

      function() {

        // we've got to simulate the pressing of the button because there's no

        // other way to minimize the widget and show the widgets that were hidden

        // same time

        this._Popcorn.trigger("IriSP.PlayerWidget.AnnotateButton.clicked");

      }

    ));

  }

};

        var _jq = this.selector.find(".Ldt-createAnnotation-keywords li:hidden");

        if (_jq.length > 1) {

            IriSP.jQuery(_jq[Math.floor(_jq.length*Math.random())]).show();

        } else {

            _jq.show();

            break;

        }     

    }

    if (this.selector.find(".Ldt-createAnnotation-keywords li:hidden").length == 0) {

        this.selector.find('.Ldt-createAnnotation-moar-keywordz').hide();

    }

}

/* Handles adding keywords and polemics */

IriSP.createAnnotationWidget.prototype.addKeyword = function(_keyword) {

    var _field = this.selector.find(".Ldt-createAnnotation-Description"),

        _rx = IriSP.regexpFromText(_keyword),

        _contents = _field.val();

    _contents = ( _rx.test(_contents)

        ? _contents.replace(_rx,"").replace("  "," ").trim()

        : _contents.trim() + " " + _keyword

    );

    _field.val(_contents.trim());

    _field.trigger("js_mod");

}

/** handles clicks on the annotate button. Works only for the non-cinecast version */

IriSP.createAnnotationWidget.prototype.handleAnnotateSignal = function() {

  if (this._hidden == false && this._state == 'startScreen') {

    this.selector.hide();

    this._hidden = true;

    // free the arrow.

    this._Popcorn.trigger("IriSP.ArrowWidget.releaseArrow");

    this._Popcorn.trigger("IriSP.SliceWidget.hide");

    this._Popcorn.trigger("IriSP.AnnotationsWidget.show");

  } else {

    this._Popcorn.trigger("IriSP.AnnotationsWidget.hide");

    this.showStartScreen();    

    this.selector.show();

    this._hidden = false;

    var currentTime = this._Popcorn.currentTime();

    // block the arrow.

    this._Popcorn.trigger("IriSP.ArrowWidget.blockArrow");

    var currentChapter = this._serializer.currentChapitre(currentTime);

    if (IriSP.null_or_undefined(currentChapter)) {      

      var left = this.selector.width() / 2;

      var width = this.selector.width() / 10;

    } else {

      var left = (currentChapter.begin / duration) * this.selector.width();

      var width = (currentChapter.end / duration) * this.selector.width() - left;

    }

    // slider position and length is kept in percents.

    this.sliceLeft = (left / this.selector.width()) * 100;

    this.sliceWidth = (width / this.selector.width()) * 100;

    this._Popcorn.trigger("IriSP.SliceWidget.position", [left, width]);

    this._Popcorn.listen("IriSP.SliceWidget.zoneChange", IriSP.wrap(this, this.handleSliderChanges));

    this._Popcorn.trigger("IriSP.SliceWidget.show");

    if (!IriSP.null_or_undefined(currentChapter)) {

      this.selector.find(".Ldt-createAnnotation-Title").html(currentChapter.content.title);

      this._currentcurrentChapter = currentChapter;

      var beginTime = IriSP.msToTime(currentChapter.begin);

      var endTime = IriSP.msToTime(currentChapter.end);

      var timeTemplate = IriSP.templToHTML("- ({{begin}} - {{ end }})", {begin: beginTime, end: endTime });

      this.selector.find(".Ldt-createAnnotation-TimeFrame").html(timeTemplate);

    }

  }

};

/** watch for changes in the textfield and change the buttons accordingly */

IriSP.createAnnotationWidget.prototype.handleTextChanges = function(event) {

  var contents = this.selector.find(".Ldt-createAnnotation-Description").val();

  if (this.cinecast_version) {

      this._Popcorn.pause();

  }

  this.selector.find(".Ldt-createAnnotation-btnblock button").each(function() {

      var _rx = IriSP.regexpFromText(IriSP.jQuery(this).text());

      if (_rx.test(contents)) {

          IriSP.jQuery(this).parent().addClass("Ldt-createAnnotation-active-button");

      } else {

          IriSP.jQuery(this).parent().removeClass("Ldt-createAnnotation-active-button");

      }

  });

};

IriSP.createAnnotationWidget.prototype.showStartScreen = function() {

  this.selector.find(".Ldt-createAnnotation-screen").hide();

  this.selector.find(".Ldt-createAnnotation-startScreen").show();

  var jqTextfield = this.selector.find(".Ldt-createAnnotation-Description"); // handle on the textfield. used for the closure

  /* test if the browser supports the placeholder attribute */

  if (!IriSP.null_or_undefined(jqTextfield.get(0).placeholder)) {

    jqTextfield.attr("placeholder", IriSP.i18n.getMessage('type_here')); 

  } else {

    jqTextfield.val(IriSP.i18n.getMessage('type_here'));

    jqTextfield.one("click", IriSP.wrap(this, function() { jqTextfield.val(""); }));    

  }

  this._state = "startScreen";

};

IriSP.createAnnotationWidget.prototype.showWaitScreen = function() {

  this.selector.find(".Ldt-createAnnotation-screen").hide();

  this.selector.find(".Ldt-createAnnotation-waitScreen").show();

  this._state = "waitScreen";

};

IriSP.createAnnotationWidget.prototype.showErrorScreen = function() {

  this.selector.find(".Ldt-createAnnotation-screen").hide();

  this.selector.find(".Ldt-createAnnotation-errorScreen").show();

  this._state = "errorScreen";

  var _this = this;

  window.setTimeout(function() { _this.showStartScreen(); }, 2000);

};

/** update show the final screen with links to share the created annotation */

IriSP.createAnnotationWidget.prototype.showEndScreen = function(annotation) {

  this.selector.find(".Ldt-createAnnotation-screen").hide();

  if (this.cinecast_version) {

    this.selector.find(".Ldt-createAnnotation-Title").parent().show();      

  }

  var url = ( (typeof annotation.meta == "object" && typeof annotation.meta.url == "string" && annotation.meta.url.length)

    ? annotation.meta.url

    : ( document.location.href + "#id=" + annotation.id ) );

  var twStatus = IriSP.mkTweetUrl(url);

  var gpStatus = IriSP.mkGplusUrl(url);

  var fbStatus = IriSP.mkFbUrl(url);

  this.selector.find(".Ldt-createAnnotation-endScreen-TweetLink").attr("href", twStatus);

  this.selector.find(".Ldt-createAnnotation-endScreen-FbLink").attr("href", fbStatus);

  this.selector.find(".Ldt-createAnnotation-endScreen-GplusLink").attr("href", gpStatus);

  this.selector.find(".Ldt-createAnnotation-endScreen").show();

  this._state = "endScreen";

};