// ==UserScript==
// @name         pic twitter
// @namespace    pic_twitter
// @version      0.2
// @description  Adding simple lightbox for images on twitter
// @require      http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
// @match        https://twitter.com/*
// @match        http://twitter.com/*
// @copyright    2014+, You
// ==/UserScript==

$('body').append('<div id="lightbox" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;z-index:9999"></div><div id="lightbox-frame" style="display:none"></div>');

$('a.twitter-timeline-link').live('click', function(e) {
  var src = $(this).data('expanded-url');

  if (src.match(/(.jpg|.jpeg|.gif|.png|img.leprosorium.com|instagram.com\/p\/)/)) {
    e.preventDefault();
    if (src.match('instagram.com/p/'))
      src = src.replace('#', '') + 'media?size=l';
    $('#lightbox')
      .html('<a href="'+src+'" target="_blank"><img src="'+src+'" style="background:#fff;box-shadow: 0 0 25px #111;max-height:100%;max-width:100%;vertical-align:middle;" /></a>')
      .css('line-height', $(window).height()+'px')
      .fadeIn('fast')
      .live('click', function() {
        $(this).fadeOut('fast');
        $('#lightbox a').remove();
      });
  }
});