[an error occurred while processing this directive]
  <title>JPred: A Protein Secondary Structure Prediction Server: Monthly/daily statistics</title>
[an error occurred while processing this directive]
$(document).ready(function() {
    var d = new Date(); var myDate = "Chart initially created on: " + d.toDateString();
    var options = {        
        chart: {
            renderTo: 'containerMonthly',
            zoomType: 'xy'
        },
        scrollbar: {
            enabled: true
        },
        navigator: {
            enabled: true
        },
        rangeSelector: {
            selected: 1
        },
        title: {
            text: 'JPred: Monthly Usage Statistics (updated daily)'
        },
        subtitle: {
            text: myDate
        },
        rangeSelector : {
                selected : 1
        },
        tooltip: {
            headerFormat: '<b>N JPred jobs</b><br />',
            pointFormat: ' {point.y}'
        },
        xAxis: {
            type: 'datetime',
            minRange: 90 * 24 * 3600000, // 90 days
            labels: {style: {fontSize:'14px'} }
        },
        yAxis: {
            type: 'logarithmic',
            minorTickInterval: 0.1,
            minPadding: 0.2,
            maxPadding: 0.2,
            floor: 0,
            title: {
               text: 'n(jobs)',
               margin: 30,
               style: {fontSize:'16px'}
            },
            labels: {style: {fontSize:'14px'} }
        },
        legend: {
            enabled: false
        },
        series: [{
            type: 'area',
            //step: true,
            name: 'N JPred jobs'
        }]
    };

    $.getJSON('mystatistics/jpredStatisticsPerMonthAll.json', function(data) {
        options.series[0].data = data;
        var chart = new Highcharts.StockChart(options);
    });

   $("#linearMonthly").click(function(){
        $('#containerMonthly').highcharts().yAxis[0].update({ type: 'linear'});
    });
   $("#logarithmicMonthly").click(function(){
        $('#containerMonthly').highcharts().yAxis[0].update({ type: 'logarithmic'});
    });
});

$(document).ready(function() {
    var d = new Date(); var myDate = "Chart initially created on: " + d.toDateString();
    var options = {        
        chart: {
            renderTo: 'container',
            type:'spline',
            zoomType: 'xy'
        },
        scrollbar: {
            enabled: true
        },
        navigator: {
            enabled: true
        },
        rangeSelector: {
            selected: 1
        },
        title: {
            text: 'JPred: Daily Usage Statistics (updated daily)'
        },
        subtitle: {
            text: myDate
        },
        rangeSelector : {
                selected : 1
        },
        xAxis: {
            type: 'datetime',
            minRange: 5 * 24 * 3600000, // five days
            labels: {style: {fontSize:'14px'} }
        },
        yAxis: {
            type: 'logarithmic',
            minorTickInterval: 0.1,
            minPadding: 0.2,
            maxPadding: 0.2,
            floor: 0,
            title: {
               text: 'n(jobs)',
               margin: 30,
               style: {fontSize:'16px'}
            },
            labels: {style: {fontSize:'14px'} }
        },
        legend: {
            enabled: false
        },
        series: [{
            type: 'area',
            //step: true,
            name: 'N JPred jobs'
        }]
    };

    $.getJSON('mystatistics/statPerDay.json', function(data) {
        options.series[0].data = data;
        var chart = new Highcharts.StockChart(options);
    });

   $("#linear").click(function(){
        $('#container').highcharts().yAxis[0].update({ type: 'linear'});
    });
   $("#logarithmic").click(function(){
        $('#container').highcharts().yAxis[0].update({ type: 'logarithmic'});
    });
});

[an error occurred while processing this directive]
<div class="row mytoppadding">
    <div class="col-md-12">
      <h6><b>Primary citation:</b> Drozdetskiy A, Cole C, Procter J &amp; Barton GJ. Nucl. Acids Res.<br>(first published online April 16, 2015) doi: 10.1093/nar/gkv332 [<a href="http://nar.oxfordjournals.org/content/early/2015/04/16/nar.gkv332">link</a>]<br>
      <!--b>Previous:</b> Cole C, Barber JD &amp; Barton GJ. Nucleic Acids Res. 2008. 35 (suppl. 2) W197-W201 [<a href="http://nar.oxfordjournals.org/cgi/content/abstract/gkn238">link</a>]<br-->
      More citations: <a href="/jpred4/refs.shtml">link</a>.</h6>
      <!--h6><a href="http://www.compbio.dundee.ac.uk/">The Barton Group</a> :: <a href="http://www.dundee.ac.uk/">The University of Dundee</a></h6-->
    </div>
  </div>


  <div class="row">
    <div class="col-md-3"><font color="#ffffff">.</font>
    </div>
    <div class="col-md-2">
        <a id=headerTable class="uniLogo" href="http://www.dundee.ac.uk/">
	<script>
	  var is_chrome = !!window.chrome;
          if (is_chrome) { var myOutput="<img id=bottomLogos type='image/svg+xml' src='/jpred4/myimages/University_white_logo0.svg'></img>"; $( "a.uniLogo" ).append(myOutput);} 
	  else { var myOutput="<embed id=bottomLogos type='image/svg+xml' src='/jpred4/myimages/University_white_logo0.svg'></embed>"; $( "a.uniLogo" ).append(myOutput);}
        </script></a></div>
    <div class="col-md-2">
        <a id=headerTable class="compbioLogo" href="http://www.compbio.dundee.ac.uk/">
	<script>
	  var is_chrome = !!window.chrome;
          if (is_chrome) { var myOutput="<img id=bottomLogos type='image/svg+xml' src='/jpred4/myimages/BG_with_text.svg'></img>"; $( "a.compbioLogo" ).append(myOutput);} 
	  else { var myOutput="<embed id=bottomLogos type='image/svg+xml' src='/jpred4/myimages/BG_with_text.svg'></embed>"; $( "a.compbioLogo" ).append(myOutput);}
        </script></a></div>
    <div class="col-md-2">
	<li id=headerTable><a id=headerTable class="BBSRClogo" href="http://www.bbsrc.ac.uk/"><img id=bottomLogos src='/jpred4/myimages/new-bbsrc-colour.gif'></img></a></div>
    <div class="col-md-3">
    </div>
  </div>


</div> <!-- /container -->


<script>
$( document ).ready(function() {

    /*var is_chrome = !!window.chrome;
    if (is_chrome) {
        var logo = document.createElement("li");
        
    }*/

    $(".advancedOptions").hide();
    $("#showMore").click(function(){
        console.log($(this));
        $(".advancedOptions").toggle(200);
    });

    $(".moreDetailsSeq").hide(); $("#showMoreOptions").click(function(){$(".moreDetailsSeq").toggle(200); $(".moreDetailsMSA").hide();});
    $(".moreDetailsMSA").hide(); $("#showMoreOptions2").click(function(){$(".moreDetailsMSA").toggle(200); $(".moreDetailsSeq").hide();});

    $(".moreDetails").hide(); $("#showMoreDetails1").click(function(){$(".moreDetails").toggle(200);});
    $(".moreDetails").hide(); $("#showMoreDetails2").click(function(){$(".moreDetails").toggle(200);});
    $(".moreDetails").hide(); $("#showMoreDetails3").click(function(){$(".moreDetails").toggle(200);});
    $(".moreDetails").hide(); $("#showMoreDetails4").click(function(){$(".moreDetails").toggle(200);});
    $(".moreDetails").hide(); $("#showMoreDetails5").click(function(){$(".moreDetails").toggle(200);});
    $(".moreDetails").hide(); $("#showMoreDetails6").click(function(){$(".moreDetails").toggle(200);});


    $('span.tipHelp').each(function() { // Grab all elements with a title attribute,and set "this"
        $(this).qtip({ // 
            content: {
                text: $(this).next('.tipText') // WILL work, because .each() sets "this" to refer to each element
            },
            style: {
                classes: 'qtip-blue qtip-shadow qtip-rounded'
            },
            show: {
                event: 'click mouseenter'
            },
            hide: {
                //event: 'unfocus'
                fixed: true,
                delay: 500
            }
        });
    });

});
</script>

<script defer data-domain="compbio.dundee.ac.uk" src="https://analytics.compbio.dundee.ac.uk/js/script.js"></script>

</body>
</html>


<!-- Trigger the modal on load -->
<script type="text/javascript">
    $(window).on('load',function(){
        $('#myModal').modal({backdrop:'static',keyboard:false, show:true});
    });
</script>


<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <!--button type="button" class="close" data-dismiss="modal">&times;</button-->
        <h4 class="modal-title">JPred Usage Statistics are Under Maintenance</h4>
      </div>
      <div class="modal-body">
        <p align="left">The JPred usage statistics pages are currently under maintenance.</p>
	<p align="left">Please check back soon.</p>
      </div>
      <div class="modal-footer">
        <!--button type="button" class="btn btn-default" data-dismiss="modal">Close</button-->
	<a href='/jpred'>Back to JPred</a?
      </div>
    </div>

  </div>
</div>