$('div.body a:not([rel="nofollow"])').off()

var getPost = (function () {
        var cache = {};

        return function (targetId, url) {
            var deferred = $.Deferred();
            var data, post;

            var findPost = function (targetId, data) {
                var arr = data.posts;
                for (var i=0; i<arr.length; i++) {
                    if (arr[i].no == targetId)
                        return arr[i];
                }
                return false;
            };
            var get = function (targetId, url) {
                $.ajax({
                    url: url,
                    success: function (response) {
                        cache[url] = response;
                        var post = findPost(targetId, response);
                        deferred.resolve(post);
                    }
                });
            };

            //  check for cached response and check if it's stale
            if ((data = cache[url]) !== undefined && (post = findPost(targetId, data))) {
                deferred.resolve(post);
            } else {
                get(targetId, url);
            }

            return deferred.promise();
        };
    })();

    init_hover = function() {
        var link = $(this);

        var id;
        var matches;

        if (link.is('[data-thread]')) {
                id = link.attr('data-thread');
        }
        else if(matches = link.text().match(/^>>(?:>\/([^\/]+)\/)?(\d+)$/)) {
            id = matches[2];
        }
        else {
            return;
        }

        var board = $(this);
        while (board.data('board') === undefined) {
            board = board.parent();
        }
        var threadid;
        if (link.is('[data-thread]')) threadid = 0;
        else threadid = board.attr('id').replace("thread_", "");

        board = board.data('board');

        var parentboard = board;

        if (link.is('[data-thread]')) parentboard = $('form[name="post"] input[name="board"]').val();
        else if (matches[1] !== undefined) board = matches[1];

        var post = false;
        var hovering = false;
        link.hover(function(e) {
            hovering = true;
            var start_hover = function(link) {
                if(post.is(':visible') &&
                        post.offset().top >= $(window).scrollTop() &&
                        post.offset().top + post.height() <= $(window).scrollTop() + $(window).height()) {
                    // post is in view
                    post.addClass('highlighted');
                } else {
                    var newPost = post.clone();
                    newPost.find('>.reply, >br').remove();
                    newPost.find('a.post_anchor').remove();

                    newPost
                        .attr('id', 'post-hover-' + id)
                        .attr('data-board', board)
                        .addClass('post-hover')
                        .css('border-style', 'solid')
                        .css('box-shadow', '1px 1px 1px #999')
                        .css('display', 'block')
                        .css('position', 'absolute')
                        .css('font-style', 'normal')
                        .css('z-index', '100')
                        .css('left', '0')
                        .css('margin-left', '')
                        .addClass('reply').addClass('post')
                        .appendTo(link.closest('div.post'));

                    // shrink expanded images
                    newPost.find('div.file a[data-expanded="true"]').each(function() {
                        var thumb = $(this).data('src');
                        $(this).find('img.post-image').attr('src', thumb);
                    });

                    // Highlight references to the current post
                    if (link.hasClass('mentioned-'+id)) {
                        var postLinks = newPost.find('div.body a:not([rel="nofollow"])');
                        if (postLinks.length > 1) {
                            var originalPost = link.closest('div.post').attr('id').replace("reply_", "").replace("inline_", "");
                            postLinks.each(function() {
                                if ($(this).text() == ">>"+originalPost) {
                                    $(this).addClass('dashed-underline');
                                }
                            });
                        }
                    }

                    var previewWidth = newPost.outerWidth(true);
                    var widthDiff = previewWidth - newPost.width();
                    var linkLeft = link.offset().left;
                    var left, top;

                    if (linkLeft < $(document).width() * 0.7) {
                        left = linkLeft + link.width();
                        if (left + previewWidth > $(window).width()) {
                            newPost.css('width', $(window).width() - left - widthDiff);
                        }
                    } else {
                        if (previewWidth > linkLeft) {
                            newPost.css('width', linkLeft - widthDiff);
                            previewWidth = linkLeft;
                        }
                        left = linkLeft - previewWidth;
                    }
                    newPost.css('left', left);

                    top = link.offset().top - 10;

                    var scrollTop = $(window).scrollTop();
                    if (link.is("[data-thread]")) {
                        scrollTop = 0;
                        top -= $(window).scrollTop();
                    }

                    if(top < scrollTop + 15) {
                        top = scrollTop;
                    } else if(top > scrollTop + $(window).height() - newPost.height() - 15) {
                        top = scrollTop + $(window).height() - newPost.height() - 15;
                    }

                    if (newPost.height() > $(window).height()) {
                        top = scrollTop;
                    }

                    newPost.css('top', top);
                }
            };


            post = $('[data-board="' + board + '"] div.post#reply_' + id + ', [data-board="' + board + '"]div#thread_' + id);
            if(post.length > 0) {
                start_hover($(this));
            } else {
                var url = link.attr('href').replace(/#.*$/, '').replace('.html', '.json');
                var dataPromise = getPost(id, url);

                dataPromise.done(function (data) {
                    //  reconstruct post from json response
                    var file_array = [];
                    var multifile = false;

                    var add_info = function (data) {
                        var file = {
                            'thumb_h': data.tn_h,
                            'thumb_w': data.tn_w,
                            'fsize': data.fsize,
                            'filename': data.filename,
                            'ext': data.ext,
                            'tim': data.tim
                        };

                        if ('h' in data) {
                            file.isImage = true; //(or video)
                            file.h = data.h;
                            file.w = data.w;
                        } else {
                            file.isImage = false;
                        }
                        // since response doens't indicate spoilered files,
                        // just make do by assuming any image with 128*128px thumbnail is spoilered. which is probably 99% of the cases anyway.
                        file.isSpoiler = (data.tn_h == 128 && data.tn_w == 128);

                        file_array.push(file);
                    };

                    var bytesToSize = function (bytes) {
                        var sizes = ['Bytes', 'KB', 'MB'];
                        var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));

                        return (i === 0) ? bytes +' '+ sizes[i] : (bytes / Math.pow(1024, i)).toFixed(2) +' ' +sizes[i];
                    };

                    //  in case no subject
                    if (!data.sub) data.sub = '';

                    var $post = $('<div class="post reply hidden" id="reply_'+ data.no +'">')
                                .append($('<p class="intro"></p>')
                                    .append('<span class="subject">'+ data.sub +'</span>')
                                    .append('<span class="name">'+ data.name +'</span> ')
                                    .append('<a class="post_no">No.'+ data.no +'</a>')
                                )
                                .append($('<div class="body"></div>')
                                    .html(data.com)
                                )
                                .css('display', 'none');

                    if ('filename' in data) {
                        var $files = $('<div class="files">');

                        add_info(data);
                        if ('extra_files' in data) {
                            multifile = true;
                            $.each(data.extra_files, function () {
                                add_info(this);
                            });
                        }

                        $.each(file_array, function () {
                            var thumb_url;

                            if (this.isImage && !this.isSpoiler) {
                                // video files uses jpg for thumbnail
                                if (this.ext === '.webm' || this.ext === '.mp4') this.ext = '.jpg';
                                thumb_url = '/'+ board +'/thumb/' + this.tim + this.ext;
                            } else {
                                thumb_url = (this.isSpoiler) ? '/static/spoiler.png' : '/static/file.png';
                            }
                            // file infos
                            var $ele = $('<div class="file">')
                                        .append($('<p class="fileinfo">')
                                            .append('<span>File: </span>')
                                            .append('<a>'+ this.filename + this.ext +'</a>')
                                            .append('<span class="unimportant"> ('+ bytesToSize(this.fsize) +', '+ this.w +'x'+ this.h +')</span>')
                                        );
                            //if (multifile) $ele.addClass('multifile').css('width', '168px');
                            if (multifile) $ele.addClass('multifile');
                            // image
                            var $img = $('<img class="post-image">')
                                                .css('width', this.thumb_w)
                                                .css('height', this.thumb_h)
                                                .attr('src', thumb_url);

                            $ele.append($img);
                            $files.append($ele);
                        });

                        $post.children('p.intro').after($files);
                    }


                    var mythreadid = (data.resto !== 0) ? data.resto : data.no;

                    if (mythreadid != threadid || parentboard != board) {
                        // previewing post from external thread/board
                        if ($('div#thread_'+ mythreadid +'[data-board="'+ board +'"]').length === 0) {
                            $('form[name="postcontrols"]').prepend('<div class="thread" id="thread_'+ mythreadid +'" data-board="'+ board +'" style="display: none;"></div>');
                        }
                    }
                    if ($('div#thread_'+ mythreadid +'[data-board="'+ board +'"]').children('#reply_'+ data.no).length === 0) {
                        $('div#thread_'+ mythreadid +'[data-board="'+ board +'"]').prepend($post);
                    }

                    post = $('[data-board="' + board + '"] div.post#reply_' + id + ', [data-board="' + board + '"]div#thread_' + id);
                    if (hovering && post.length > 0) {
                        start_hover(link);
                    }
                });
            }
        }, function() {
            hovering = false;
            if(!post)
                return;

            post.removeClass('highlighted');
            if(post.hasClass('hidden'))
                post.css('display', 'none');
            $('.post-hover').remove();
        });
    };

    $('div.body a:not([rel="nofollow"])').each(init_hover);

    // allow to work with auto-reload.js, etc.
    $(document).on('new_post', function(e, post) {
        $(post).find('div.body a:not([rel="nofollow"])').each(init_hover);
    });