Template.post_item.events = {
    'click .go-to-comments': function(e){
      e.preventDefault();
      // Session.set('selected_post', this);
      Session.set('state', 'view_post');
      Router.navigate('posts/'+this._id, {trigger: true});
  }

  , 'click .upvote-link': function(){
      if(!Meteor.user()){
        throwError("Please log in first");
        return false;
      }
      Meteor.call('upvotePost', this._id);
  }

  , 'click .share-link': function(e){
      var $this = $(e.target);
      e.preventDefault();
      $(".share-link").not($this).next().addClass("hidden");
      $this.next().toggleClass("hidden");
      // $(".overlay").toggleClass("hidden");
  }
};


Template.post_item.created = function(){
  if(this.data){
    this.current_distance = (getRank(this.data)-1) * 80;
  }
}

Template.post_item.rendered = function(){
  // t("post_item");
  if(this.data){
    var new_distance=(getRank(this.data)-1)*80;
    var old_distance=this.current_distance;
    var $this=$(this.find(".post"));
    var instance=this;
    // at rendering time, move posts to their old place
    $this.css("top", old_distance+"px");
    Meteor.setTimeout(function() {
      // then a few milliseconds after, move the to their new spot
      $this.css("top", new_distance+"px");
      // we don't want elements to be animated the first ever time they load, so we only set the class "animate" after that
      $this.addClass("animate");
      instance.current_distance=new_distance;
    }, 100);
  }

  if (Meteor.is_client) {     
    if($(window).width()>400 && document.domain!="0.0.0.0"){ //do not load social media plugin on mobile
      $('.share-replace').sharrre({
        share: {
          googlePlus: true,
          facebook: true,
          twitter: true,
        },
        buttons: {
          googlePlus: {size: 'tall'},
          facebook: {layout: 'box_count'},
          twitter: {
            count: 'vertical',
            via: 'TelescopeApp'
          },
        },
        enableHover: false,
        enableCounter: false,
        enableTracking: true
      });
    }
  }
};

Template.post_item.preserve({
  '.post': function (node) {return node.id; }
});

Template.post_item.ago = function(){
  return moment(this.submitted).fromNow();
};

Template.post_item.voted = function(){
  var user = Meteor.user();
  if(!user) return false;
  
  return _.include(this.upvoters, user._id);
};

var getRank = function(post){
  if(window.sortBy=="score"){
    var filter = {$or: [
      {score: {$gt: post.score}},
      {$and: [{score: post.score}, {submitted: {$lt: post.submitted}}]}
    ]};
  }else{
    var filter = {$or: [
      {submitted: {$gt: post.submitted}},
      {$and: [{submitted: post.submitted}, {score: {$lt: post.score}}]}
    ]};
  }

  return Posts.find(filter).count()+1;  
}

Template.post_item.rank = function() {
  return getRank(this);
}

Template.post_item.domain = function(){
  var a = document.createElement('a');
  a.href = this.url;
  return a.hostname;
};

Template.post_item.current_domain = function(){
  return "http://"+document.domain;
}

Template.post_item.can_edit = function(){
  if(this.user_id){
    if(Meteor.user() && (isAdmin(Meteor.user()) ||  Meteor.user()._id==this.user_id)){
      return true;
    }
  }
  return false;
};

Template.post_item.is_admin = function(){
    return currentUserIsAdmin();
  };

Template.post_item.author = function(){
  if(this.user_id && Meteor.users.findOne(this.user_id)){
    return Meteor.users.findOne(this.user_id).username
  }
};

Template.post_item.short_score = function(){
  return Math.floor(this.score*1000)/1000;
}

Template.post_item.body_formatted = function(){
  var converter = new Markdown.Converter();
  var html_body=converter.makeHtml(this.body);
  return html_body.autoLink();
}