$(function(){
    //view_more
    var thisClickTop = [];
    var thisOffsetTop = 0;
    var contentHeight = 0;
    var tableContentHeight = 0;
    var bodyH = 0;
    var windowH = $(window).height();
    var backPoint = 0;
    var footerH = $("#Footer").outerHeight();
    var trContentHeight = 0;
    var scrollH = 0;

    var item = {};
    item.index = 0;
    item.top = 0;
    item.display = false;
    thisClickTop.push(item);

    var matchItem = {};
    // item.map(a => {
    //     if (a.index == index) {
    //
    //     }
    // })
    matchItem.top;

    $.each($(".btk-content-wrapper"),function(){
        var trLength = $(this).find(".btk-pro-table").children("table:first-child").children("tbody").children("tr").length;
        //console.log(trLength)
        if(trLength <= 4){
            $(this).find(".view_collapse").hide();
        }else {
            $(this).find(".view_collapse").show();
        }
    })

    $(".btn-gene-filter").on("click", function(e) {
        e.stopPropagation();
        $(".ahr-filter-list").toggle();
    })

    $(".ahr-filter-list").on("click", function(e){
        e.stopPropagation();
    })

    $.each($('#main .view_collapse span'),function(){
        $(this).on('click',function(event){
            if($(this).attr("class") == "view_more"){
                var clickTop = $(this).closest('.btk-content-wrapper').offset().top;
                thisClickTop = clickTop;
                $(this).parent().prev('.btk-pro-table').children('table:first-child').children("tbody").children("tr").css("display","table-row");
                $(this).siblings('.collapse').css("display","inline");
                $(this).css("display","none");
                thisOffsetTop = clickTop;
                trContentHeight = $(this).parent().prev('.btk-pro-table').find('table:first-child tr').outerHeight();
                var trNumber = $(this).parent().prev('.btk-pro-table').children('table:first-child').children("tbody").children("tr").length;
                contentHeight = parseInt(trContentHeight * trNumber);
                // bodyH = document.body.scrollHeight + contentHeight;
                // backTop(bodyH);
                // console.log("tr height * number :"+ contentHeight)
                // if($(this).parent().prev('.btk-pro-table').find('table:first-child tr').length > 20){
                //      toGoTop($(this).closest(".btk-content-wrapper"),thisOffsetTop,contentHeight);
                // }
                $(this).closest(".btk-content-wrapper").find(".btn-add").removeClass('is-down');
            }else {
                $(this).parent().prev('.btk-pro-table').children('table:first-child').children("tbody").children("tr").css("display","");
                $(this).siblings('.view_more').css("display","inline");
                $(this).css("display","none");
                contentHeight = $(this).parent().prev('.btk-pro-table').children('table:first-child').outerHeight();
                // if(contentHeight < 500){
                //     toGoTop($(this).closest(".btk-content-wrapper"),0,0);
                // }
                //$(this).closest(".btk-content-wrapper").find(".right-floating-to-top").hide();
                $(document).scrollTop(thisClickTop - 88);
                var lftCtusH = ($(window).height() - $("#lft_ctus").outerHeight())/2;
                $("#lft_ctus").stop(true).css("top",lftCtusH);
                $(this).closest(".btk-content-wrapper").find(".btn-add").addClass('is-down');
            }
        })
    });

    //angle arrow
    function initBtnAngle() {
        $.each($('.btn-angle'),function(){
            $(this).unbind("click").on('click',function(event){
                if($(this).parent("td").hasClass("vt") === false){
                    $(this).parent("td").toggleClass("vt");
                }
                //$(this).toggleClass('rotate-arrow');
                $(this).parent().prev('.content-inner').toggleClass("is-show");
                if($(this).parent().next("table").is(":hidden") || $(this).parent().prev('.content-inner').hasClass("is-show")){
                    $(this).addClass('rotate-arrow');
                    $(this).parent().next("table").show().css("marginBottom", "27px");
                    $(this).closest('.btk-pro-table').siblings(".toggle-control-area").find(".btn-add").removeClass("is-down");
                }else {
                    $(this).removeClass('rotate-arrow');
                    $(this).parent().next("table").hide().css("marginBottom", "0px");
                    $(this).closest('.btk-pro-table').siblings(".toggle-control-area").find(".btn-add").addClass("is-down");
                }
                thisOffsetTop = $(this).offset().top;
                contentHeight = $(this).closest(".btk-pro-table").find("table").outerHeight();
                // bodyH = document.body.scrollHeight + contentHeight;
                // backTop(bodyH);
                // console.log("number"+ $(this).closest(".btk-pro-table").find("table").find("tr").length)
                //  console.log("contentHeight: "+ contentHeight)
                // if ($(this).closest('.btk-pro-table').hasClass('table-type04') === false){
                //     if($(this).closest('.btk-pro-table').find("table tr").length > 20 && contentHeight > 500){
                //         toGoTop($(this).closest(".btk-pro-table"),thisOffsetTop,contentHeight);
                //     }
                // }
                // if ($(this).parent().siblings(".content-inner").find("table").is(":hidden") || $(this).closest(".flex-default").siblings("table").is(":hidden")){
                //     toGoTop($(this).closest('.btk-pro-table'),0,0);
                // }
            });
        });

    }
    window.initBtnAngle = initBtnAngle;
    initBtnAngle();

    $(".btn-panel").on("click",function(){
        $(this).next('.btn-angle').click();
    })


    // function toGoTop(that,thisOffsetTop,contentHeight){
    //     var scrollTop = $(document).scrollTop();
    //     var floatTop = parseInt(thisOffsetTop - 400);
    //     var floatBottom = parseInt((floatTop + contentHeight) - 70);
    //     // console.log("floatTop："+ floatTop)
    //     // console.log("scrollTop："+ scrollTop);
    //     // console.log("floatBottom："+ floatBottom);
    //     $(window).scroll(function() {
    //         scrollTop = $(document).scrollTop();
    //         //console.log("scrollTop2222："+scrollTop);
    //         if(scrollTop >= floatTop <= floatBottom){
    //             $(that).find(".right-floating-to-top").show();
    //         }else {
    //             $(that).find(".right-floating-to-top").hide();
    //         }
    //         if (scrollTop < thisOffsetTop){
    //             $(that).find(".right-floating-to-top").hide();
    //         }
    //         if (scrollTop > floatBottom) {
    //             $(that).find(".right-floating-to-top").hide();
    //             // $(that).find(".right-floating-to-top").css({"position":"absolute","top": contentHeight + 10,"left":"100%"});
    //         }else {
    //             $(that).find(".right-floating-to-top").css({"position":"fixed","top":"50%","left":"calc(75% + 40px)"});
    //         }
    //     });
    //     $(that).find(".right-floating-to-top").on("click",function(){
    //         $(document).scrollTop(thisOffsetTop - 88);
    //     })
    // }

    //search onfocus
    $('.search-box input[type=text]').focus(function(){
        $(this).siblings("span").addClass('icon-search-black').removeClass("icon-search-gray");
        $(this).parent().addClass("is-active");
    })
    $('.search-box input[type=text]').blur(function(){
        $(this).siblings("span").addClass('icon-search-gray').removeClass("icon-search-black");
        $(this).parent().removeClass("is-active");
    });

    // all pull-down
    $.each($('.toggle-control-area .btn-add'),function(){
        $(this).on('click',function(){
            var proTable = $(this).parent().siblings('.btk-pro-table');
            thisOffsetTop = $(this).offset().top;
            //$(this).closest(".btk-content-wrapper").toggleClass('rotate-arrow').parent("td").toggleClass("vt");
            if ($(proTable).hasClass('table-type04')){
                if($(this).hasClass("is-down")){
                    $(this).removeClass('is-down');
                    if($(proTable).find('.content-inner').find("tr").length >= 1){
                        $(proTable).find('.content-inner').addClass("is-show");
                    }
                    $(proTable).children('table:first-child').children("tbody").children("tr").css("display","table-row");
                    $(proTable).find(".btn-angle").addClass('rotate-arrow').parent("td").addClass("vt");
                    $(this).parent(".toggle-control-area").siblings('.view_collapse').children(".collapse").css("display","inline");
                    $(this).parent(".toggle-control-area").siblings('.view_collapse').children(".view_more").css("display","none");

                    tableContentHeight = $(proTable).find('table').outerHeight();
                    contentHeight = parseInt(tableContentHeight);
                    // if($(proTable).find("table tr").length > 20 && contentHeight > 500){
                    //     toGoTop(proTable,thisOffsetTop,contentHeight);
                    // }
                    // bodyH = document.body.scrollHeight + contentHeight;
                    // backTop(bodyH);
                }else {
                    $(this).addClass('is-down');
                    $(proTable).find('.content-inner').removeClass("is-show");
                    $(proTable).find(".btn-angle").removeClass('rotate-arrow').parent("td").removeClass("vt");
                    $(proTable).children('table:first-child').children("tbody").children("tr").css("display","");
                    $(this).parent(".toggle-control-area").siblings('.view_collapse').children(".view_more").css("display","inline");
                    $(this).parent(".toggle-control-area").siblings('.view_collapse').children(".collapse").css("display","none");
                    contentHeight = $(proTable).find('table').outerHeight();
                    // if (contentHeight < 500){
                    //     toGoTop(proTable,0,0);
                    // }
                    // bodyH = document.body.scrollHeight + contentHeight;
                    // backTop(bodyH);
                }
            }else {
                if($(proTable).find("table").is(":hidden") && $(this).hasClass("is-down")) {
                    $(this).removeClass('is-down');
                    $(proTable).find(".btn-angle").addClass('rotate-arrow').parent("td").addClass("vt");
                    $(proTable).find("table").show().css("marginBottom", "27px");;
                    var allContentHeight = $(proTable).parent(".btk-content-card").outerHeight();
                    contentHeight = parseInt($(proTable).find('table').outerHeight());
                    // if($(proTable).find("table tr").length > 20 && allContentHeight > 500){
                    //     toGoTop(proTable,thisOffsetTop,allContentHeight);
                    // }
                    // bodyH = document.body.scrollHeight + contentHeight;
                    // backTop(bodyH);
                }else {
                    $(this).addClass('is-down');
                    $(proTable).find(".btn-angle").removeClass('rotate-arrow').parent("td").removeClass("vt");
                    $(proTable).find("table").hide().css("marginBottom", "0px");
                    // bodyH = document.body.scrollHeight + contentHeight;
                    // backTop(bodyH);
                    // if($(this).closest(".btk-content-card").find("table").is(":hidden")){
                    //     toGoTop(proTable,0,0);
                    // }
                }
            }
        })
    });

    // card-tooltip
    $.each($(".bg-panel .pro-card-item"), function() {
        var colorBlock = $(this).outerWidth();
        var nameW = $(this).find("span").outerWidth();
        if (colorBlock < nameW / 2) {
            $(this).find("span").hide();
        } else if(colorBlock < nameW + 10){
            $(this).find("span").addClass("text-ellipsis");
        }
        $(this).mouseenter(function() {
            $(this).find('.card-tooltip').show();
        })
        $(this).mouseleave(function() {
            $(this).find('.card-tooltip').hide();
        })
    });

    //Back top

    // function backTop (bodyH){
    //     bodyH = $(document).height();
    //     backPoint = bodyH - footerH - windowH;
    //     scrollH = $(document).scrollTop();
    //     //console.log("backPoint: "+backPoint,"scrollH:" + scrollH,"bodyH: "+ bodyH);
    //     $(window).scroll(function(){
    //         scrollH = $(document).scrollTop();
    //         if(scrollH >= backPoint){
    //             $(".back-top").show();
    //         }else {
    //             $(".back-top").hide();
    //         }
    //     });
    // }
    // $(".back-top").on("click",function(){
    //     $("html,body").animate({
    //         scrollTop: 0
    //     })
    // });
    // backTop();

    //nav bar
    var navBarTop = $(".navigation-bars").offset().top;
    var headH = 88;
    var navScrollH = $(document).scrollTop();
    var boxTop = 0;
    var titH = $('.second-tit').outerHeight(true);
    //console.log("navBarTop:"+navBarTop,"headH:"+headH)
    var flag = 0;
    function navBar() {
        if(navScrollH > navBarTop - headH){
            flag = 1;
            $(".navigation-bars").css({"position":"fixed","top": headH ,"marginTop": "0px"});
        }else {
            flag = 0;
            $(".navigation-bars").css({"position":"static","top": "","marginTop": "20px"});
        }
        $.each($("[data-page]"),function(index){
            if(navScrollH > $("[data-page]").eq(index).offset().top - headH - 61) {
                $(".navigation-bars ul").find("li").eq(index).addClass("is-active").siblings().removeClass("is-active");
            }
        });
    }
    navBar();
    $(".navigation-bars ul").find("li").on("click",function(){
        // console.log("click："+$("[data-page]").eq($(this).index()).offset().top)
        boxTop = $("[data-page]").eq($(this).index()).offset().top;
        $(this).addClass("is-active").siblings().removeClass("is-active");
        $(document).scrollTop(boxTop - headH - (flag === 1 ? 60 : 118 ));
    });

    $(window).scroll(function(){
        navScrollH = $(document).scrollTop();
        //console.log(navScrollH)
        navBar();
    });

    //selected
    // $(".btk-filter-wrap > button").on('click',function(e){
    //     e.stopPropagation();
    //     if($(this).siblings(".btk-filter-list").is(":hidden")){
    //         $(".btk-filter-list").hide();
    //         $(this).siblings(".btk-filter-list").show();
    //     }else {
    //         $(this).siblings(".btk-filter-list").hide();
    //     }
    // });
    $(".btk-filter-list").on("click",function(e){
        e.stopPropagation();
    })
    $(document).on("click",function (){
        $(".btk-filter-list,.ahr-filter-list").hide();
    })

    $('#related-agents').find('table').each(function (tIndex, trDom) {
        var effects = [];
        $(this).find('[data-effects-value]').each(function (index, trDom) {
            var arr = $(this).text().split(';');
            arr.map(item => {
                if ($.inArray(item.trim(), effects) == -1) {
                    effects.push(item.trim());
                }
            })
        });
        if (effects.length > 0) {
            var html = '';
            effects.map((item, index) => {
                html += '<li>' +
                    '<input type="checkbox" value="' + item + '" id="effect' + tIndex + '' + index + '">' +
                    '<label for="effect' + tIndex + '' + index + '">' + item + '</label>' +
                    '</li>'
            });
            $(this).find('[data-effects-title]').find('.btk-filter-list').html(html);
        } else {
            $(this).find('[data-effects-title]').find('span').removeClass('cursor-pointer');
            $(this).find('[data-effects-title]').find('.i-angle-down-solid').hide()
        }

        var rares = [];
        $(this).find('[data-rare-value]').each(function (index, trDom) {
            if ($.inArray($(this).text(), rares) == -1) {
                rares.push($(this).text());
            }
        });
        if (rares.length > 0) {
            var html = '';
            rares.map((item, index) => {
                html += '<li>' +
                    '<input type="checkbox" value="' + item + '" id="rare' + tIndex + '' + index + '">' +
                    '<label for="rare' + tIndex + '' + index + '">' + item + '</label>' +
                    '</li>'
            });
            $(this).find('[data-rare-title]').find('.btk-filter-list').html(html);
        } else {
            $(this).find('[data-rare-title]').find('span').removeClass('cursor-pointer');
            $(this).find('[data-rare-title]').find('.i-angle-down-solid').hide()
        }

        var phases = [];
        $(this).find('[data-phase-value]').each(function (index, trDom) {
            if ($.inArray($(this).text(), phases) == -1) {
                phases.push($(this).text());
            }
        });
        if (phases.length > 0) {
            var html = '';
            phases.map((item, index) => {
                html += '<li>' +
                    '<input type="checkbox" value="' + item + '" id="phase' + tIndex + '' + index + '">' +
                    '<label for="phase' + tIndex + '' + index + '">' + item + '</label>' +
                    '</li>'
            });
            $(this).find('[data-phase-title]').find('.btk-filter-list').html(html);
        } else {
            $(this).find('[data-phase-title]').find('span').removeClass('cursor-pointer');
            $(this).find('[data-phase-title]').find('.i-angle-down-solid').hide()
        }
    });

    $('#related-agents').find('.cursor-pointer').on('click',function(e){
        e.stopPropagation();
        if ($(this).parent().find('.btk-filter-list').is(":hidden")) {
            $(".btk-filter-list").hide();
            $(this).parent().find('.btk-filter-list').show();
        } else {
            $(this).parent().find('.btk-filter-list').hide();
        }
    });

    $("#related-agents input[type='checkbox']").click(function () {
        var $ul = $(this).parent().parent();
        $ul.hide();
        // var $table = $(this).parents('table');
        var $table = $(this).closest("table");
        var typeName = $ul.attr('data-sel-type');
        var dataTypeValueName = '';
        switch (typeName) {
            case "effect":
                dataTypeValueName = 'data-effects-value';
                $table.find('[data-rare-title]').find("input[type='checkbox']").each(function(){
                    $(this).prop('checked', false);
                });
                $table.find('[data-phase-title]').find("input[type='checkbox']").each(function(){
                    $(this).prop('checked', false);
                });
                break;
            case "rare":
                dataTypeValueName = 'data-rare-value';
                $table.find('[data-effects-title]').find("input[type='checkbox']").each(function(){
                    $(this).prop('checked', false);
                });
                $table.find('[data-phase-title]').find("input[type='checkbox']").each(function(){
                    $(this).prop('checked', false);
                });
                break;
            case "phase":
                dataTypeValueName = 'data-phase-value';
                $table.find('[data-effects-title]').find("input[type='checkbox']").each(function(){
                    $(this).prop('checked', false);
                });
                $table.find('[data-rare-title]').find("input[type='checkbox']").each(function(){
                    $(this).prop('checked', false);
                });
                break;
            default:
                break;
        }
        var arr = [];
        $ul.find('input[type="checkbox"]:checked').each(function(){
            if ($.inArray($(this).val(), arr) == -1) {
                arr.push($(this).val().trim());
            }
        });
        // console.log(arr);
        if (arr.length === 0) {
            $table.find('tr').show();
        } else {
            $table.find('[' + dataTypeValueName + ']').each(function (index, trDom) {
                var display = 0;
                arr.map(item => {
                    if (('; ' + $(this).text() + '; ').includes('; ' + item + '; ')) {
                        display = 1;
                    }
                });
                if (display) {
                    $(this).parent().show();
                } else {
                    $(this).parent().hide();
                }
            });
        }
    });

    $(".course").click(function (){
        $("html, body").animate({
            scrollTop: $(".course-div").offset().top - 89 }, {duration: 500,easing: "swing"});
    })
    $(".group").click(function (){
        $("html, body").animate({
            scrollTop: $(".group-div").offset().top - 88 }, {duration: 500,easing: "swing"});
    })

    $('.ontology-box .btk-content-wrapper table tr td:nth-child(2) a').mouseover(function() {
        $(this).parent().find('.ida-div').show();
    }).mouseout(function() {
        $(this).parent().find('.ida-div').hide();
    });


    var $interactionTable = $('#proteinInteractions');
    var resultArr = [];

    function initInteractionTypeSelectValue() {
        var types = [];
        $interactionTable.find('[data-interaction-type]').each(function (index, trDom) {
            var arr = $(this).attr("data-interaction-type").split(';');
            arr.map(item => {
                if ($.inArray(item.trim(), types) == -1) {
                    types.push(item.trim());
                }
            })
        });
        if (types.length > 0) {
            var html = '';
            types.map((item, index) => {
                html += '<li>' +
                    '<input type="checkbox" value="' + item + '" id="interaction-type' + index + '">' +
                    '<label for="interaction-type' + index + '">' + item + '</label>' +
                    '</li>'
            });
            $interactionTable.find('[data-interaction-sel-type]').find('.ahr-filter-list').html(html);
        } else {
            //$interactionTable.find('[data-interaction-sel-type]').find('img').removeClass('cursor-pointer');
            //$interactionTable.find('[data-interaction-sel-type]').find('img').hide()
        }
        let filterResultCount = 0;
        $interactionTable.find("input[type='checkbox']").click(function () {
            thisClickTop = $(this).closest('.btk-content-wrapper').offset().top;
            var $ul = $(this).parent().parent();
            $ul.hide();
            var arr = [];
            $ul.find('input[type="checkbox"]:checked').each(function(){
                if ($.inArray($(this).val(), arr) == -1) {
                    arr.push($(this).val().trim());
                }
            });
            // console.log(arr);

            if (arr.length === 0) {
                $interactionTable.find('tr').show();
                if ($interactionTable.find('tr').length > 3) {
                    $('#ahr-view-collapse').show();
                    $('#ahr-view-collapse').find('.view_more').css("display","none");
                    $('#ahr-view-collapse').find('.collapse').css("display","inline");
                }
            } else {
                $interactionTable.find('[data-interaction-type]').each(function (index, trDom) {
                    var display = 0;
                    arr.map(item => {
                        if (('; ' + $(this).attr('data-interaction-type') + '; ').includes('; ' + item + '; ')) {
                            display = 1;
                        }
                    });
                    if (display) {
                        $(this).show();
                    } else {
                        $(this).hide();
                    }

                    arr.filter(item => {
                        if($(this).attr('data-interaction-type') === item) {
                            filterResultCount++;
                        }
                    });

                });

                if(filterResultCount > 3) {
                    $('#ahr-view-collapse').find('.view_more').css("display","none");
                    $('#ahr-view-collapse').find('.collapse').css("display","inline");
                    $(".ahr-head-box .btn-add").removeClass("is-down");
                }else {
                    $('#ahr-view-collapse').find('.view_more').css("display","inline");
                    $('#ahr-view-collapse').find('.collapse').css("display","none");
                    $(".ahr-head-box .btn-add").addClass("is-down");
                }
                // $('#ahr-view-collapse').hide();
            }
            resultArr = arr;
        });

    }
    initInteractionTypeSelectValue();
    var visibleElements;
    $(".ahr-head-box .btn-add").on("click", function(){
        thisClickTop = $(this).closest('.btk-content-wrapper').offset().top;
        if($(this).hasClass("is-down")) {
            $(this).removeClass('is-down');
            $interactionTable.find("tr").css("display","table-row");
            $interactionTable.find("tr:not(:first-child)").each(function(item){
                let trShow = false;
                resultArr.filter(item => {
                    if($(this).attr('data-interaction-type') === item) {
                        trShow = true;
                    }

                    if (trShow) {
                        $(this).css("display","table-row");
                    } else {
                        $(this).css("display","none");
                    }
                });

            })
            $('#ahr-view-collapse').find('.view_more').css("display","none");
            $('#ahr-view-collapse').find('.collapse').css("display","inline");
            ahrTableH = Math.floor($(".ahr-pro-table").outerHeight()) - ahrScrollbarsH;
        }else {
            $(this).addClass('is-down');
            visibleElements = $interactionTable.find("tr:visible").slice(0, 4);
            $interactionTable.find("tr").css("display","none");
            visibleElements.each(function(index) {
                $(this).css("display","table-row");
            });

            $('#ahr-view-collapse').find('.view_more').css("display","inline");
            $('#ahr-view-collapse').find('.collapse').css("display","none");
            ahrTableH = Math.floor($(".ahr-pro-table").outerHeight()) - ahrScrollbarsH;
        }

    })

    var ahrScrollbarsH = 33;
    var ahrTableH = Math.floor($(".ahr-pro-table").outerHeight()) - ahrScrollbarsH;

    $('#ahr-view-collapse span').on("click", function(){
        var clickTop =  0;
        if($(this).attr("class") == "view_more") {
            thisClickTop = $(this).closest('.btk-content-wrapper').offset().top;
            if(resultArr.length === 0) {
                $interactionTable.find("tr").css("display","table-row");
            }else {
                $interactionTable.find("tr:not(:first-child)").each(function(item){
                    let trShow = false;
                    resultArr.filter(item => {
                        if($(this).attr('data-interaction-type') === item) {
                            trShow = true;
                        }

                        if (trShow) {
                            $(this).css("display","table-row");
                        } else {
                            $(this).css("display","none");
                        }
                    });

                })
            }

            $(this).siblings('.collapse').css("display","inline");
            $(this).css("display","none");
            $(".ahr-head-box .btn-add").removeClass('is-down');
            ahrTableH = Math.floor($(".ahr-pro-table").outerHeight()) - ahrScrollbarsH;
        }else {

            if(resultArr.length === 0) {
                $interactionTable.find("tr").css("display","");
            }else {
                visibleElements = $interactionTable.find("tr:visible").slice(0, 4);
                $interactionTable.find("tr").css("display","none");
                visibleElements.each(function(index) {
                    $(this).css("display","table-row");
                });
            }

            $(this).siblings('.view_more').css("display","inline");
            $(this).css("display","none");
            $(".ahr-head-box .btn-add").addClass('is-down');
            ahrTableH = Math.floor($(".ahr-pro-table").outerHeight()) - ahrScrollbarsH;
            $("html,body").animate({
                scrollTop: thisClickTop - 90 - 30
            })
        }
    });

    $('.poptip').on("mouseenter", function(){
        var currentPoptipH = $(this).children(".poptip-box").outerHeight();
        var position = $(this).position();
        if(Math.floor(position.top) + currentPoptipH >= ahrTableH) {
            $(this).addClass("over-border");
        }else {
            $(this).removeClass("over-border");
        }
    })


    if($($interactionTable).find("tr").length > 3) {
        console.log($($interactionTable).find("tr").length)
        $("#ahr-view-collapse,.ahr-head-box .btn-add").show();
    }else {
        $("#ahr-view-collapse,.ahr-head-box .btn-add").hide();
    }

});