/** A widget to display slide show from embed slide share */

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

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

};

IriSP.SlideShareWidget.prototype = new IriSP.Widget();

IriSP.SlideShareWidget.prototype.draw = function() {

  var self = this;

  var templ = Mustache.to_html(IriSP.slideShareWidget_template);

  this.selector.append(templ);

  // Synchro management

  this._disableUpdate = false;

  this.selector.find('.sync_on').click(function(event) { self.syncHandler.call(self, event); });

  this.selector.find('.sync_off').click(function(event) { self.unSyncHandler.call(self, event); });

  // global variables used to keep the position and width of the zone.  

  this.zoneLeft = 0;

  this.zoneWidth = 0;

  // global variable to save the last slide url

  this.containerDiv = this.selector.find('.SlideShareContainer');

  // Update the slide from timeupdate event

  this._Popcorn.listen("timeupdate", IriSP.wrap(this, this.slideShareUpdater));

  this._Popcorn.listen("IriSP.SlideShareWidget.show", IriSP.wrap(this, this.show));

  this._Popcorn.listen("IriSP.SlideShareWidget.hide", IriSP.wrap(this, this.hide));

  // Get data from "slideshare" cutting/annotation-type

  var annotations = this._serializer._data.annotations;

  var view_type = this._serializer.getSlideShareType();

  if(typeof(view_type) === "undefined") {

    return;  

  }

  var i = 0;

  this.segments_slides = [];

  var nb_annot = annotations.length;

  for (i = 0; i < nb_annot; i++) {

    var annotation = annotations[i];

    /* filter the annotations whose type is not the one we want */

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

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

        continue;

    }

    this.segments_slides.push(annotation);

  }

};

/* update the slider and the position marker as time passes */

IriSP.SlideShareWidget.prototype.slideShareUpdater = function() {

  // If it is asked not to synchronize, we do nothing

  if(this._disableUpdate)

    return;

  var self = this;

  // We search if a segments_slides is in the current timecode

  var time = this._Popcorn.currentTime() * 1000;

  var nb_slides = this.segments_slides.length;

  var found = false;

  for (i = 0; i < nb_slides; i++) {

    var segment_slide = this.segments_slides[i];

    if(segment_slide.begin<time && time<segment_slide.end){

    	found = true;

			// The url is like http://stuf.com#X and X is the slide number. So we split and save it.

					}

    		return;

    	}

    }

  }

  if(found==false){

  	this.containerDiv.html("");

  }

};

// Functions to stop or trigger sync between timeupdate event and slides        

IriSP.SlideShareWidget.prototype.unSyncHandler = function(params) {

	//console.log("slideShare NO SYNC !");

	this._disableUpdate = true;

};

IriSP.SlideShareWidget.prototype.syncHandler = function(params) {

	//console.log("slideShare SYNC PLEASE !");

	this._disableUpdate = false;

};

/** responds to an "IriSP.SlideShareWidget.position" message

    @param params an array with the first element being the left distance in

           percents and the second element the width of the slice in pixels

*/        

IriSP.SlideShareWidget.prototype.positionSlideShareHandler = function(params) {

  //console.log("positionSlideShareHandler");

};

IriSP.SlideShareWidget.prototype.show = function() {

  this.selector.show();

};

IriSP.SlideShareWidget.prototype.hide = function() {

  this.selector.hide();

};