$(function(){

  // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
  // IT'S ALL JUST JUNK FOR OUR DOCS!
  // ++++++++++++++++++++++++++++++++++++++++++


  // Hide the Mobile Safari address bar once loaded
  // ==============================================

  // Set a timeout...
  // setTimeout(function(){
  //   // Hide the address bar!
  //   window.scrollTo(0, 1);
  // }, 0);


  // table sort example
  // ==================

  // make code pretty
  window.prettyPrint && prettyPrint()

  // table sort example
  if ($.fn.tablesorter) {
    $("#sortTableExample").tablesorter( { sortList: [[ 1, 0 ]] } )
    $(".tablesorter-example").tablesorter({ sortList: [[1,0]] })
  }

  // add on logic
  $('.add-on :checkbox').on('click', function () {
    var $this = $(this)
      , method = $this.attr('checked') ? 'addClass' : 'removeClass'
    $(this).parents('.add-on')[method]('active')
  })

  // Disable certain links in docs
  // Please do not carry these styles over to your projects
  // it's merely here to prevent button clicks form taking you
  // away from your spot on page!!

  $('section [href^=#]').click(function (e) {
    e.preventDefault()
  })

  // Copy code blocks in docs
  $(".copy-code").on('focus', function () {
    var el = this
    setTimeout(function () { $(el).select() }, 0)
  })

  if ($.fn.tooltip) {

    // position static twipsies for components page
    if ($(".twipsies a").length) {
      $(window).on('load resize', function () {
        $(".twipsies a").each(function () {
          $(this)
            .tooltip({
              placement: $(this).attr('title')
            , trigger: 'manual'
            })
            .tooltip('show')
          })
      })
    }

    // add tipsies to grid for scaffolding
    if ($('#grid-system').length) {

      $('#grid-system').tooltip({
          selector: '.show-grid > div'
        , title: function () { return $(this).width() + 'px' }
      })

    }
  }

 
  // fix sub nav playa
  var $win = $(window)
    , $nav = $('.subnav')
    , navTop = $('.subnav').length && $('.subnav').offset().top - 40
    , isFixed = 0

  processScroll()

  $win.on('scroll', processScroll)

  function processScroll() {
    var i, scrollTop = $win.scrollTop()
    if (scrollTop >= navTop && !isFixed) {
      isFixed = 1
      $nav.addClass('subnav-fixed')
    } else if (scrollTop <= navTop && isFixed) {
      isFixed = 0
      $nav.removeClass('subnav-fixed')
    }
  }

})

// JS for javascript demos
$(function () {
  // tooltip demo
  $('.tooltip-demo.well').tooltip({
    selector: "a[rel=tooltip]"
  })
  $('.tooltip-test').tooltip()

  // popover demo
  $("a[rel=popover]")
    .popover()
    .click(function(e) {
      e.preventDefault()
    })

  // button state demo
  $('#fat-btn')
    .click(function () {
      var btn = $(this)
      btn.button('loading')
      setTimeout(function () {
        btn.button('reset')
      }, 3000)
    })

  // carousel demo
  $('#myCarousel').carousel()
})


// Modified from the original jsonpi https://github.com/benvinegar/jquery-jsonpi
// by the talented Ben Vinegar
!function($) {
  $.ajaxTransport('jsonpi', function(opts, originalOptions, jqXHR) {
    var url = opts.url;

    return {
      send: function(_, completeCallback) {
        var name = 'jQuery_iframe_' + jQuery.now()
          , iframe, form

        iframe = $('<iframe>')
          .attr('name', name)
          .appendTo('head')

        form = $('<form>')
          .attr('method', opts.type) // GET or POST
          .attr('action', url)
          .attr('target', name)

        $.each(opts.params, function(k, v) {

          $('<input>')
            .attr('type', 'hidden')
            .attr('name', k)
            .attr('value', typeof v == 'string' ? v : JSON.stringify(v))
            .appendTo(form)
        })

        form.appendTo('body').submit()
      }
    }
  })
}(jQuery);

 // javascript build logic

$(function () {

  var inputsComponent = $("#components.download input")
    , inputsPlugin = $("#plugins.download input")
    , inputsVariables = $("#variables.download input")

  // toggle all plugin checkboxes
  $('#components.download .toggle-all').on('click', function (e) {
    e.preventDefault()
    inputsComponent.attr('checked', !inputsComponent.is(':checked'))
  })

  $('#plugins.download .toggle-all').on('click', function (e) {
    e.preventDefault()
    inputsPlugin.attr('checked', !inputsPlugin.is(':checked'))
  })

  $('#variables.download .toggle-all').on('click', function (e) {
    e.preventDefault()
    inputsVariables.val('')
  })

  // request built javascript
  $('.download-btn').on('click', function () {

    var css = $("#components.download input:checked")
          .map(function () { return this.value })
          .toArray()
      , js = $("#plugins.download input:checked")
          .map(function () { return this.value })
          .toArray()
      , vars = {}
      , img = ['glyphicons-halflings-sprite.png', 'glyphicons-halflings-sprite-white.png']

  $("#variables.download input")
    .each(function () {
      $(this).val() && (vars[ $(this).prev().text() ] = $(this).val())
    })

    $.ajax({
      type: 'POST'
    , url: 'http://bootstrap.herokuapp.com'
    , dataType: 'jsonpi'
    , params: {
        branch: '2.0-wip'
      , js: js
      , css: css
      , vars: vars
      , img: img
    }
    })
  })

})