{% set _url = url('entry_view', { 'type_name': type.name, 'id': id }) %}
{% set mode = services_settings.sharing.mode %}

<div class="share-wpr {{ mode }}">
  <div class="share-btn facebook">
    <div class="fb-like" data-href="{{ _url }}" data-send="false" data-layout="{{ mode == 'vertical' ? 'box' : 'button' }}_count" data-width="70" data-show-faces="false"></div>
  </div>
  <div class="share-btn gplus">
    <div class="g-plus" data-action="share" data-annotation="{{ mode == 'vertical' ? 'vertical-bubble' : 'bubble' }}" data-href="{{ _url }}"></div>
  </div>
  <div class="share-btn twitter">
    <a href="http://twitter.com/share" class="twitter-share-button" data-lang="en" data-count="{{ mode }}">Tweet</a>
  </div>
  <div id="fb-root" style="clear:both;"></div>
</div>
<script>
$LAB.queueWait(function() {
  window.fbAsyncInit = function() {
    FB.XFBML.parse();

    FB.Event.subscribe('edge.create', function(targetUrl){
      _gaq.push(['_trackSocial', 'facebook', 'like', targetUrl]);
    });
  };

  (function() {
    var e = document.createElement('script');
    e.async = true;
    e.src = 'https://connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());

  if($('.g-plus').length > 0) {
    (function() {
      var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
      po.src = 'https://apis.google.com/js/plusone.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
  }

  $.getScript('https://platform.twitter.com/widgets.js', function() {
    twttr.events.bind('tweet', function(event) {
      if(event) {
        var targetUrl;
        if(event.target && event.target.nodeName == 'IFRAME') {
          targetUrl = extractParamFromUri(event.target.src, 'url');
        }
        _gaq.push(['_trackSocial', 'twitter', 'tweet', targetUrl]);
      }
    });
  });
});
</script>