// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT

// IT'S ALL JUST JUNK FOR OUR DOCS!

// ++++++++++++++++++++++++++++++++++++++++++

!function ($) {

  $(function(){

    // oh how stylish! no semicolons. I'm not hipster enough for that.

    // Keep your stumptown coffee and pbr, twats.

    // real-javascript {{

    /*

      document.body.appendChild(document.createElement('div')).setAttribute('style', [

        'position:fixed',

        'z-index:1000',

        'top:0',

        'left:0',

        'width:100%',

        'height:100%',

        'background:url("../img/8x5overlay.png") repeat'

      ].join(';'));

      */

    // }}

    var $window = $(window)

    // Disable certain links in docs

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

      e.preventDefault()

    })

    // side bar

    setTimeout(function () {

      $('.bs-docs-sidenav').affix({

        offset: {

          top: function () { return $window.width() <= 980 ? 290 : 210 }

        , bottom: 270

        }

      })

    }, 100)

    // make code pretty

    window.prettyPrint && prettyPrint()

    // add-ons

    $('.add-on :checkbox').on('click', function () {

      var $this = $(this)

        , method = $this.attr('checked') ? 'addClass' : 'removeClass'

      $(this).parents('.add-on')[method]('active')

    })

    // add tipsies to grid for scaffolding

    if ($('#gridSystem').length) {

      $('#gridSystem').tooltip({

          selector: '.show-grid > [class*="span"]'

        , title: function () { return $(this).width() + 'px' }

      })

    }

    // tooltip demo

    $('.tooltip-demo').tooltip({

      selector: "a[data-toggle=tooltip]"

    })

    $('.tooltip-test').tooltip()

    $('.popover-test').popover()

    // popover demo

    $("a[data-toggle=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()

    // javascript build logic

    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 .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.png', 'glyphicons-halflings-white.png']

    $("#variables.download input")

      .each(function () {

        $(this).val() && (vars[ $(this).prev().text() ] = $(this).val())

      })

      $.ajax({

        type: 'POST'

      , url: /\?dev/.test(window.location) ? 'http://localhost:3000' : 'http://bootstrap.herokuapp.com'

      , dataType: 'jsonpi'

      , params: {

          js: js

        , css: css

        , vars: vars

        , img: img

      }

      })

    })

  })

// Modified from the original jsonpi https://github.com/benvinegar/jquery-jsonpi

$.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()

    }

  }

})

}(window.jQuery)