////////////////////////////////////////////////////////////////////////////////
// set up lazy loading of graphs and result set fetching

$(document).ready(function() {

  var more = 'More ↓'
  var loading = 'Loading...'
  var data = $('#more-data')
  var lakes = $('#more-lakes')

  $('input#field').focus()
  $('div.graph img.plot').lazyload({ effect: 'fadeIn' })

  var load = function() {
    if(data.val() != loading) {
      data.val(loading)
      $.getJSON('/main/_results',
        { start: data.attr('start'),
          length: data.attr('length') },
        function(response) {
          if(response.more)
            data.val(more)
                  .attr('start', Number(data.attr('start')) +
                                 Number(data.attr('length')))
          else
            data.hide()
          if(response.results) {
            var div = $(response.results).css({ display: 'none' })
            $('#dataresults').append(div)
            downloads.attach()
            div.slideDown()
          }
        })
    }
  }

  if(data)
    data.click(load)

  if(lakes) {
    $('#lakes-popup')
       .dialog(dialog_options)
       .dialog({ title: 'Lake Results',
                 minWidth: 450,
                 height: 400 })
    lakes.click(function() {
      $('#lakes-popup').dialog('open')
      return false
    })
  }

})