/* Copyright (C) 2012-2013 Denver Gingerich,
** Copyright (C) 2013-2014 Bradley M. Kuhn,
** Copyright (C) 2016 Brett Smith.
** License: GPLv3-or-later
**  Find a copy of GPL at https://sfconservancy.org/GPLv3
*/

"use strict";

function qs (selector) {
  return document.querySelector(selector);
}

function init () {
    /* When the browser doesn't support any video source, replace it
       with the HTML inside the <video> element. */
    var showVideoInnerHTML = function(event) {
        var video = event.target.parentNode;
        var div = document.createElement('div');
        div.classList = video.classList;
        div.innerHTML = video.innerHTML;
        video.parentNode.replaceChild(div, video);
    }
    $('video').each(function(index, video) {
        $('source', video).last().on('error', showVideoInnerHTML);
    });

    $('input[name=on0]:radio').on('change', function(event, duration) {
        var input = $(this);
        var wantShirt = input.val() == "wantGiftYes";
        var form = input.parents('form').last();
        var tShirtSelector = $('.t-shirt-size-selector', form);
        $('input', tShirtSelector).prop('disabled', wantShirt);
        $('input[name=no_shipping]', form).val(wantShirt ? '2' : '0');
        if (wantShirt) {
            tShirtSelector.slideDown(duration);
        } else {
            tShirtSelector.slideUp(duration);
        }
    }).filter(':checked').trigger('change', 0);

    // Open mobile/search menu.
    qs('#menu-icon').addEventListener('click', function(event) {
      qs('#navbar').classList.toggle('mobile');
    });
    qs('#search-icon').addEventListener('click', function(event) {
      qs('#navbar').classList.toggle('mobile');
      qs('#search-query').focus();
    });
}

init();