// ==UserScript==
// @name        sup/tg/ Archive Quote Functions 
// @namespace   https://greasyfork.org/users/2457-meganega 
// @description Add Inline Quoting (mouse click) ~ Quote Preview (mouse hover) ~ Backlinks ~ Inline Image Expansion to suptg archives
// @include     http://suptg.thisisnotatrueending.com/archive/* 
// @require     http://code.jquery.com/jquery-latest.min.js 
// @version     1.11 
// @grant       none 
// @downloadURL none
// ==/UserScript==
$(document) .ready(function () {
    /* Create Backlinks */
    $('blockquote a.quotelink') .each(function () {
        var t = $(this) .attr('href') .replace(/#p/, '');
        var q = $(this) .parent() .attr('id') .replace(/m/, '');
        if ($('#bl' + t) .length == 0) {
            $('#pi' + t + ' span.postNum.desktop') .after($('<div>') .attr('id', 'bl' + t) .addClass('backlink_'));
        }
        $('#bl' + t) .append($('<span>') .attr('id', 's' + t) .append($('<a>') .attr('href', '#p' + q) .addClass('quotelink') .append('>>' + q)));
    });
    /* Backlink Inline Quote */
    $('div.backlink_ a.quotelink') .click(function (event) {
        if (event.shiftKey) {
            event.preventDefault();
            window.location = this;
            return ;
        }
        event.preventDefault();
        var q = $(this) .attr('href') .replace(/#p/, '');
        var t = $(this) .parent() .attr('id') .replace(/s/, '');
        if ($(this) .parents('#pi' + t) .siblings('blockquote#m' + t) .children('[id^=f' + q + ']') .length) {
            $(this) .parents('#pi' + t) .siblings('blockquote#m' + t) .children('[id^=f' + q + ']') .remove();
            $(this) .removeClass('qLinkOpen');
        } else {
            $(this) .parents('#pi' + t) .siblings('blockquote#m' + t) .prepend($('#p' + q) .clone(true) .attr('id', 'f' + q + 't' + t));
            $(this) .addClass('qLinkOpen');
            $(this) .parents('#pi' + t) .siblings('blockquote#m' + t) .children('[id^=f' + q + ']') .find('[id$=t' + q + ']') .remove();
        }
    });
    /* Backlink Quote Preview */
    $('div.backlink_ a.quotelink') .hover(function (event) {
        var q = $(this) .attr('href') .replace(/#p/, '');
        var t = $(this) .parent() .attr('id') .replace(/s/, '');
        $(this) .parent() .after($('#p' + q) .clone() .addClass('qPreview') .attr('id', '') .css('margin-top', $(this) .height() * 1.6 + 'px'));
        $(this) .parent() .siblings('.qPreview') .find('[id$=t' + q + ']') .remove();
        var o = $('#p' + q) .width(),
        p = $(this) .parent() .siblings('.qPreview') .width(),
        po = $(this) .parent() .siblings('.qPreview') .offset() .left,
        w = $(window) .width();
        if (po / w > 0.7 || p / o < 0.4) {
            $('.qPreview') .css('margin-left', '-' + (parseInt(o) + $(this) .width() * 0.15) + 'px');
        }
        if ($('.qPreview') .offset() .left < 0) {
            $('.qPreview') .css({
                'margin-left': '0',
                'left': '0'
            });
        }
        var pb = ($(window).height() + $(window).scrollTop()) - ($('.qPreview').offset().top + $('.qPreview').height());
        if(pb < 0){
            $(".qPreview").css("margin-top", (parseInt(pb) + 10) +"px");
        }
    }, function (event) {
        $('.qPreview') .remove();
    });
});
/* Inline Quote */
$('blockquote a.quotelink') .click(function (event) {
    if (event.shiftKey) {
        event.preventDefault();
        window.location = this;
        return ;
    }
    event.preventDefault();
    var qPost = $(this) .attr('href') .replace('#p', '');
    var tPost = $(this) .parent() .attr('id') .replace(/[a-z]/, '');
    if ($(this) .next('[id^=f' + qPost + ']') .length) {
        $(this) .next('[id^=f' + qPost + ']') .remove();
        $(this) .removeClass('qLinkOpen');
    } else {
        if ($('#p' + qPost) .hasClass('op')) {
            $(this) .after($('#p' + qPost) .clone(true) .attr('id', 'f' + qPost + 't' + tPost) .addClass('reply'));
            $(this) .addClass('qLinkOpen');
            $(this) .next('[id^=f' + qPost + ']') .find('[id$=t' + qPost + ']') .remove();
        } else {
            $(this) .after($('#p' + qPost) .clone(true) .attr('id', 'f' + qPost + 't' + tPost));
            $(this) .addClass('qLinkOpen');
            $(this) .next('[id^=f' + qPost + ']') .find('[id$=t' + qPost + ']') .remove();
        }
    }
});
/* Quote Preview */
$('blockquote a.quotelink') .hover(function (event) {
    var qPost = $(this) .attr('href') .replace('#p', '');
    var tPost = $(this) .parent() .attr('id') .replace(/[a-z]/, '');
    var linkOffset = $('div#p' + tPost) .children('blockquote#m' + tPost) .children('a[href=#p' + qPost + ']') .offset() .left + 10;
    if ($('#p' + qPost) .hasClass('op')) {
        $(this) .before($('#p' + qPost) .clone() .addClass('qPreview reply') .attr('id', ''));
        $(this) .siblings('.qPreview') .find('[id$=t' + qPost + ']') .remove();
    } else {
        $(this) .before($('#p' + qPost) .clone() .addClass('qPreview') .attr('id', ''));
        $(this) .siblings('.qPreview') .find('[id$=t' + qPost + ']') .remove();
    }
    var qpheight = $('.qPreview') .height();
    $('.qPreview') .attr('style', 'margin-top: -' + qpheight / 2 + 'px !important; margin-left: ' + linkOffset + 'px !important;');
    var pb = ($(window) .height() + $(window) .scrollTop()) - ($('.qPreview') .offset() .top + qpheight);
    var pt = $('.qPreview') .offset() .top - $(window) .scrollTop();
    qpheight = $('.qPreview') .height();
    if (pb < 0) {
        var pos = qpheight / 2 - pb + 10;
        $('.qPreview') .attr('style', 'margin-top: -' + pos + 'px !important; margin-left: ' + linkOffset + 'px !important;');
    } else if (pt < 0) {
        var pos = qpheight / 2 + pt - 10;
        $('.qPreview') .attr('style', 'margin-top: -' + pos + 'px !important; margin-left: ' + linkOffset + 'px !important;');
    }
}, function (event) {
    $('.qPreview') .remove();
});
/* Inline Image Expansion */
$('a.fileThumb') .click(function (event) {
    event.preventDefault();
    if ($(this) .hasClass('image_expanded')) {
        $(this) .find('.expImage') .remove();
        $(this) .children('img:first') .css('display', 'block');
        $(this) .removeClass('image_expanded');
    } else {
        var imgLink = $(this) .attr('href');
        var imgDim = $(this) .siblings('.fileText') .html() .replace(/<a.*a>/, '') .match(/[0-9]{1,6}x[0-9]{1,6}/);
        var imgW = imgDim[0].replace(/x[0-9]{1,6}/, '');
        var imgH = imgDim[0].replace(/[0-9]{1,6}x/, '');
        if (imgW > $(window) .width()) {
            imgH = (($(window) .width() - ($(this) .offset() .left * 2)) / imgW) * imgH;
            imgW = $(window) .width() - ($(this) .offset() .left * 2);
        }
        $(this) .children('img:first') .css('display', 'none');
        $(this) .addClass('image_expanded') .children('img:first') .after($('<img>') .attr({
            'src': imgLink,
            'href': imgLink
        }) .css({
            'width': imgW + 'px',
            'height': imgH + 'px'
        }) .addClass('expImage'));
    }
});
var css = $('<link>') .attr({
    'rel': 'stylesheet',
    'type': 'text/css',
    'href': 'data:text/css,' +
    '.qPreview { position: absolute; font-size: 10pt; display: inline-block !important;}' +
    '.postContainer, .postInfo:after { content: ''; display: block; clear: both; }' +
    '.backlink_ > span { font-size: 80%; margin: 0 0.4em 0 0; }' +
    '.backlink_ { display: inline; margin-left: 0.2em; }' +
    'a.qLinkOpen{ opacity: 0.5; }' +
    'div.reply{ border-style: solid; border-width: 1px; border-color: rgb(180,180,180) !important; }' +
    'a.quotelink{ color: rgb(20,80,100) !important; }' +
    '.backlink_ span{ display: inline-block; }'
}) .appendTo('head');