IriSP.JSONSerializer = function(DataLoader, url) {

  IriSP.Serializer.call(this, DataLoader, url);

};

IriSP.JSONSerializer.prototype = IriSP.Serializer;

IriSP.JSONSerializer.prototype.serialize = function(data) {

  return JSON.stringify(data);

};

IriSP.JSONSerializer.prototype.deserialize = function(data) {

  return JSON.parse(data);

};

IriSP.JSONSerializer.prototype.sync = function(callback) {

  /* we don't have to do much because jQuery handles json for us */

  /* a wrapper to get a closure because we lose this in callbacks */

  var wrapper = function(obj) {

    return function(data) {    

      obj._data = data;

      // sort the data too

      obj._data["annotations"].sort(function(a, b) 

          { var a_begin = +a.begin;

            var b_begin = +b.begin;

            return a_begin - b_begin;

          });

      callback(data);

    }

  };

  this._DataLoader.get(this._url, wrapper(this));

};

IriSP.JSONSerializer.prototype.currentMedia = function() {  

  return this._data.medias[0]; /* FIXME: don't hardcode it */

};