var csrf_token = "ImQ1ODMzN2FkYWE2OTMwMDUwZjczNWNkY2QyZTIwYWQzODlhOTE3NTci.GhpNiw.y34QS2m7bfrx-0xRklb1EcZiK9c";

            $.ajaxSetup({
                beforeSend: function(xhr, settings) {
                    if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
                        xhr.setRequestHeader("X-CSRFToken", csrf_token);
                    }
                }
            });
        </script> <script src="/static/js/Chart.min.js"></script> <script src="/static/js/hammer.min.js"></script> <script src="/static/js/chartjs-plugin-zoom.min.js"></script> <script>
$(function () {
  $("#go_table").stupidtable();
  $("#predicted_go_table").stupidtable();
  $("#interpro_table").stupidtable();
  $("#ecc_hits_table").stupidtable();
  $("#coexpression_table").stupidtable();

  $('[data-toggle="tooltip"]').tooltip();
  $('a[data-target=#profileModal]').click(function(ev) {
    ev.preventDefault();
    var target = $(this).attr("href");

    // load the url and show modal on success
    $("#profileModal .modal-content").load(target, function() {
         $("#profileModal").modal("show");
    });
});
$("#go_toggle").click(function(ev) {
    ev.preventDefault();
    $(".parent_term").toggle();
});

$("#navbar-side a").on('click', function(event) {

  // Make sure this.hash has a value before overriding default behavior
  if (this.hash !== "") {

    // Prevent default anchor click behavior
    event.preventDefault();

    // Store hash
    var hash = this.hash;

    // Using jQuery's animate() method to add smooth page scroll
    // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
    $('html, body').animate({
      scrollTop: $(hash).offset().top - 55
    }, 800, function(){

    // Add hash (#) to URL when done scrolling (default click behavior)
      window.location.hash = hash;
    });

  } // End if

});

})



        
            
                $( document ).ready(function() {
    $.getJSON( "/profile/json/plot/1878600", function( data ) {
        var ctx = document.getElementById("expression-profile").getContext("2d");
        data['options']['responsive'] = true;
        data['options']['maintainAspectRatio'] = false;
        data['options']['tooltips'] = {
            enabled: true,
            mode: 'label',
            itemSort: function(a, b, data) {
                conversion = {'Minimum': 0, 'Mean - Stdev':0, 'Mean': 1, 'Maximum': 2, 'Mean + Stdev': 2}

                if (conversion[data.datasets[a.datasetIndex].label] > conversion[data.datasets[b.datasetIndex].label]) {
                    return -1
                } else if (conversion[data.datasets[a.datasetIndex].label] < conversion[data.datasets[b.datasetIndex].label]) {
                    return 1
                } else {
                    return 0
                }
            },
            callbacks: {
                afterTitle: function(tooltipItems, data) {
                    if (data.counts[tooltipItems[0].index] == null) {
                        return null;
                    } else {
                        if (data.counts[tooltipItems[0].index] == 1) {
                            return '(1 sample)';
                        } else {
                            return '(' + data.counts[tooltipItems[0].index] + ' samples)';
                        }
                    }
                },
                label: function(tooltipItems, data) {
                    return data.datasets[tooltipItems.datasetIndex].label + ': ' + tooltipItems.yLabel.toFixed(2);
                }
            }
        }
        var myChart = new Chart(ctx, data);

        
            if (myChart.options.zoom.enabled) {
                    $("#enable_zoom").addClass("btn-success");
                    $("#enable_zoom").removeClass("btn-danger");
                    $("#enable_zoom").removeClass("btn-default");
            } else {
                    $("#enable_zoom").addClass("btn-danger");
                    $("#enable_zoom").removeClass("btn-success");
                    $("#enable_zoom").removeClass("btn-default");
            }
            $("#enable_zoom").click( function(ev) {
                ev.preventDefault();

                myChart.options.zoom.enabled = ! myChart.options.zoom.enabled;
                if (myChart.options.zoom.enabled) {
                    $(this).addClass("btn-success");
                    $(this).removeClass("btn-danger");
                    $(this).removeClass("btn-default");
                } else {
                    $(this).addClass("btn-danger");
                    $(this).removeClass("btn-success");
                    $(this).removeClass("btn-default");
                }
            });
        
        
            if (myChart.options.pan.enabled) {
                    $("#enable_pan").addClass("btn-success");
                    $("#enable_pan").removeClass("btn-danger");
                    $("#enable_pan").removeClass("btn-default");
            } else {
                    $("#enable_pan").addClass("btn-danger");
                    $("#enable_pan").removeClass("btn-success");
                    $("#enable_pan").removeClass("btn-default");
            }
            $("#enable_pan").click( function(ev) {
                ev.preventDefault();

                myChart.options.pan.enabled = ! myChart.options.pan.enabled;
                if (myChart.options.pan.enabled) {
                    $(this).addClass("btn-success");
                    $(this).removeClass("btn-danger");
                    $(this).removeClass("btn-default");
                } else {
                    $(this).addClass("btn-danger");
                    $(this).removeClass("btn-success");
                    $(this).removeClass("btn-default");
                }

            });
        
    });
});
            
        


</script> </body> </html>