/* SoundManager 2 - project home utility JS */

(function() {

'use strict';

/* global window, document, navigator, soundManager */

var IS_CHRISTMAS = (document.domain.match(/schillmania.com/i) && new Date().getMonth() === 11) || window.location.toString().match(/christmas/i);

var utils;

function _id(sID) {
  return document.getElementById(sID);
}

function init() {
  var i;
  var o;
  var el;
  o = document.getElementById('main');
  el = o.getElementsByTagName('dt');
  for (i = el.length; i--;) {
    if ((i + 1) % 2 === 0) {
      utils.addClass(el[i], 'alt');
    }
  }
  el = o.getElementsByTagName('dl');
  for (i = el.length; i--;) {
    if ((i + 1) % 2 === 0) {
      utils.addClass(el[i], 'alt');
    }
  }
  var newCSS;
  if (IS_CHRISTMAS) {
    // overflow-x: hidden hack for homepage during christmas light season (so explosion fragments don't cause horizontal scrollbars.)
    newCSS = document.body.className.split(' ');
    newCSS.push('has-lights');
    document.body.className = newCSS.join(' ');
  }
}

// so dirty.
window.init = init;

function Utils() {
  var self = this;

  this.hasClass = function(o, cStr) {
    return (typeof (o.className) !== 'undefined' ? new RegExp('(^|\\s)' + cStr + '(\\s|$)').test(o.className) : false);
  };

  this.addClass = function(o, cStr) {
    if (!o || !cStr) return; // safety net
    if (self.hasClass(o, cStr)) return;
    o.className = (o.className ? o.className + ' ' : '') + cStr;
  };

  this.removeClass = function(o, cStr) {
    if (!o || !cStr) return; // safety net
    if (!self.hasClass(o, cStr)) return;
    o.className = o.className.replace(new RegExp('( ' + cStr + ')|(' + cStr + ')', 'g'), '');
  };

  this.toggleClass = function(o, cStr) {
    var m = (self.hasClass(o, cStr) ? self.removeClass : self.addClass);
    m(o, cStr);
  };

  this.getElementsByClassName = function(className, tagNames, oParent) {
    var doc = (oParent || document);
    var matches = [];
    var i, j;
    var nodes = [];
    if (typeof (tagNames) !== 'undefined' && typeof (tagNames) !== 'string') {
      for (i = tagNames.length; i--;) {
        if (!nodes || !nodes[tagNames[i]]) {
          nodes[tagNames[i]] = doc.getElementsByTagName(tagNames[i]);
        }
      }
    } else if (tagNames) {
      nodes = doc.getElementsByTagName(tagNames);
    } else {
      nodes = doc.all || doc.getElementsByTagName('*');
    }
    if (typeof (tagNames) !== 'string') {
      for (i = tagNames.length; i--;) {
        for (j = nodes[tagNames[i]].length; j--;) {
          if (self.hasClass(nodes[tagNames[i]][j], className)) {
            matches[matches.length] = nodes[tagNames[i]][j];
          }
        }
      }
    } else {
      for (i = 0; i < nodes.length; i++) {
        if (self.hasClass(nodes[i], className)) {
          matches[matches.length] = nodes[i];
        }
      }
    }
    return matches;
  };

  this.findParent = function(o) {
    if (!o || !o.parentNode) return false;
    o = o.parentNode;
    if (o.nodeType === 2) {
      while (o && o.parentNode && o.parentNode.nodeType === 2) {
        o = o.parentNode;
      }
    }
    return o;
  };

  this.getOffY = function(o) {
    // http://www.xs4all.nl/~ppk/js/findpos.html
    var curtop = 0;
    if (o.offsetParent) {
      while (o.offsetParent) {
        curtop += o.offsetTop;
        o = o.offsetParent;
      }
    } else if (o.y) curtop += o.y;
    return curtop;
  };

  this.isChildOfClass = function(oChild, oClass) {
    if (!oChild || !oClass) return false;
    while (oChild.parentNode && !self.hasClass(oChild, oClass)) {
      oChild = self.findParent(oChild);
    }
    return (self.hasClass(oChild, oClass));
  };

  this.getParentByClassName = function(oChild, sParentClassName) {
    if (!oChild || !sParentClassName) return false;
    sParentClassName = sParentClassName.toLowerCase();
    while (oChild.parentNode && !self.hasClass(oChild.parentNode, sParentClassName)) {
      oChild = self.findParent(oChild);
    }
    return (oChild.parentNode && self.hasClass(oChild.parentNode, sParentClassName) ? oChild.parentNode : null);
  };

}

utils = new Utils();

var lastSelected = null;

function resetFilter(o) {
  // reset everything
  var oParent = null;
  _id('filter-box').style.display = 'none';
  utils.removeClass(_id('main'), 'filtered');
  var blocks = utils.getElementsByClassName('f-block', ['div', 'dl'], _id('main'));
  for (var i = blocks.length; i--;) {
    blocks[i].style.display = 'block';
    oParent = utils.getParentByClassName(blocks[i], 'columnar', _id('main'));
    if (oParent) oParent.style.display = 'block';
  }
  if (lastSelected) utils.removeClass(lastSelected, 'active');
  if (o) lastSelected = o;
  return false;
}

// so dirty.
window.resetFilter = resetFilter;

function setFilter(e, sFilterPrefix) {
  var o = e ? e.target || e.srcElement : window.event.srcElement;
  utils.addClass(_id('main'), 'filtered');
  var oName = o.nodeName.toLowerCase();
  if (oName === 'a') {
    var parent = utils.findParent(o);
    if (parent && parent.nodeName.toLowerCase() === 'li') {
        // normalize to LI instead.
        o = parent;
        oName = o.nodeName.toLowerCase();
    }
  }
  var sClass = '';
  var blocks = utils.getElementsByClassName('f-block', ['div', 'dl'], _id('main'));
  var oParents = utils.getElementsByClassName('columnar', 'div', _id('main'));
  var oParent = null;
  var matchingParents = [];
  var i;
  if (oName !== 'li' || o.className === 'ignore') {
    return;
  }
  var isClear = (lastSelected && lastSelected === o && utils.hasClass(lastSelected, 'active'));
  if (oName === 'li' && isClear) {
    if (typeof e.preventDefault !== 'undefined') {
      e.preventDefault();
    }
    resetFilter();
    return;
  }
  if (oName === 'li') {
    // from shortcuts/filter menu
    var innerText = (o.getElementsByTagName('a').length ? o.getElementsByTagName('a')[0].innerHTML : o.innerHTML); // get inner text (minus link, if one is there)
    sClass = sFilterPrefix + innerText.substr(0, innerText.indexOf('(') !== -1 ? innerText.indexOf('(') : 999).toLowerCase().replace(/\s+/i, '-');
    var last = sClass.substr(sClass.length - 1);
    if (last === '-' || last === ' ') {
      sClass = sClass.substr(0, sClass.length - 1); // IE innerHTML trailing whitespace hack (?)
    }
    for (i = blocks.length; i--;) {
      oParent = utils.getParentByClassName(blocks[i], 'columnar', _id('main'));
      if (utils.hasClass(blocks[i], sClass)) {
        blocks[i].style.display = 'block';
        if (oParent) {
          matchingParents.push(oParent);
        }
      } else {
        blocks[i].style.display = 'none';
      }
    }
    for (i = oParents.length; i--;) {
      oParents[i].style.display = 'none';
    }
    for (i = matchingParents.length; i--;) {
      matchingParents[i].style.display = 'block';
    }
    _id('search-results').innerHTML = '<h3><span class="option"><a href="#" title="Restore full content" onclick="resetFilter();return false" style="text-decoration:none"> clear filter </a></span>Content filter: ' + (sFilterPrefix === 'f-' ? 'soundManager.' : (sFilterPrefix === 's-' ? '[SMSound object].' : '')) + '<b style="font-weight:bold">' + o.innerHTML + '</b></h3>';
    _id('search-results').style.display = 'block';
    _id('filter-box').style.display = 'block';
    if (isClear) {
      _id('filter-box').style.paddingBottom = '0px';
      _id('filter-box').style.display = 'none';
    } else {
      _id('filter-box').style.paddingBottom = '0px';
      if (!navigator.userAgent.match(/msie/i)) {
        _id('filter-box').style.paddingBottom = Math.max(0, (document.documentElement.scrollTop || window.scrollY) - utils.getOffY(_id('filter-box')) - parseInt(_id('filter-box').offsetHeight, 10) - 20) + 'px';
      }
      _id('filter-box').style.display = 'block';
      // if ((!document.documentElement.scrollTop && !window.scrollY)) _id('filter-box').style.display = 'none';
    }
    if (lastSelected) {
      if (lastSelected === o) {
        utils.toggleClass(lastSelected, 'active');
      } else {
        utils.removeClass(lastSelected, 'active');
        utils.addClass(o, 'active');
      }
    } else {
      utils.addClass(o, 'active');
    }
    lastSelected = o;
    if (typeof e.preventDefault !== 'undefined') {
      e.preventDefault();
    }
  }
}

// so dirty.
window.setFilter = setFilter;

function loadScript(sURL, onLoad) {
  var loadScriptHandler = function() {
    var rs = this.readyState;
    if (rs === 'loaded' || rs === 'complete') {
      this.onreadystatechange = null;
      this.onload = null;
      window.setTimeout(onLoad, 20);
    }
  };
  function scriptOnload() {
    this.onreadystatechange = null;
    this.onload = null;
    window.setTimeout(onLoad, 20);
  }
  var oS = document.createElement('script');
  oS.type = 'text/javascript';
  if (onLoad) {
    oS.onreadystatechange = loadScriptHandler;
    oS.onload = scriptOnload;
  }
  oS.src = sURL;
  document.getElementsByTagName('head')[0].appendChild(oS);
}

function getLiveData() {
  // Attempt to fetch data from schillmania.com: "Get Satisfaction" topics, version updates etc.
  loadScript('http://www.schillmania.com/services/soundmanager2/info/?version=' + soundManager.versionNumber + '&rnd=' + parseInt(Math.random() * 1048576, 10));
}

function doAltShortcuts() {
/*
  var o = _id('shortcuts-list');
  if (!o) {
    return false;
  }
  var oParents = [];
  var oLIs = o.getElementsByTagName('li');
  var isIgnore = null;
  var offset = 0;
  for (var i=0; i<oLIs.length; i++) {
    isIgnore = utils.hasClass(oLIs[i],'ignore');
    if (isIgnore) {
      offset = 0;
    }
    offset++;
    if ((offset)%2 === 0 && !isIgnore) {
      utils.addClass(oLIs[i],'alt');
    }
  }
*/
}

function fixLinks() {
  if (document.location.protocol.match(/http/i)) {
    return;
  }
  // presumably offline - add index.html to local links, so offline browsing is seamless
  var l = document.getElementsByTagName('a');
  var s = null;
  var tmp = null;
  for (var i = l.length; i--;) {
    s = l[i].href.toString();
    if (!s.match(/http/i) && !utils.hasClass(l[i], 'norewrite') && (s.match(/doc/i) || s.match(/demo/i) || s.match(/../))) {
      // yep, local.
      tmp = Math.max(s.lastIndexOf('?'), -1);
      tmp = Math.max(s.lastIndexOf('#'), tmp);
      tmp = Math.max(s.lastIndexOf('/') + 1, tmp);
       // console.log(s+' '+s.lastIndexOf('?')+', '+s.lastIndexOf('#')+', '+s.lastIndexOf('/')+' = '+tmp);
      if (tmp === -1) {
        tmp = s.length;
      }
      if (!s.match(/\.html/i)) {
        l[i].setAttribute('href', s.substr(0, tmp) + 'index.html' + s.substr(tmp));
      }
    }
  }
}

function ie6Sucks() {
  // no :hover, generally-broken layout etc.
  if (!navigator.userAgent.match(/msie 6/i)) {
    return;
  }
  var o = _id('nav').getElementsByTagName('li')[1];
  var oA = o.getElementsByTagName('a')[0];
  var oUL = o.getElementsByTagName('ul')[0];
  oA.onclick = function() {
      oUL.style.display = 'block';
    setTimeout(function() {
      document.onclick = function() {
        oUL.style.display = 'none';
        document.onclick = null;
      };
    }, 20);
    return false;
  };
}

function doVersion() {
  var o = _id('version');
  if (!o) {
    return;
  }
  o.innerHTML = soundManager.versionNumber;
}

function doChristmasLights() {
  if (IS_CHRISTMAS) {
    // homepage overrides
    window.XLSF_URL_BASE = 'demo/christmas-lights/';
    window.XLSF_LIGHT_CLASS = 'pico';
    loadScript('demo/christmas-lights/christmaslights.js', function() {
      if (window.smashInit) {
        window.setTimeout(window.smashInit, 20);
      }
    });
  }
}

// ---------- home JS ------------

function checkBadSafari() {
  var _ua = navigator.userAgent;
  if (!document.location.href.match(/sm2-usehtml5audio/i) && !window.location.toString().match(/sm2-ignorebadua/i) && _ua.match(/safari/i) && !_ua.match(/chrome/i) && _ua.match(/OS X 10_6_([3-7])/i)) { // Safari 4 and 5 occasionally fail to load/play HTML5 audio on Snow Leopard due to bug(s) in QuickTime X and/or other underlying frameworks. :/ Known Apple "radar" bug. https://bugs.webkit.org/show_bug.cgi?id=32159
    var complaint = document.createElement('li');
    complaint.innerHTML = '<b>Note</b>: Partial HTML5 in effect. Using Flash for MP3/MP4 formats (if available) for this browser/OS due to HTML5 audio load/play failures in Safari 4 + 5 on Snow Leopard 10.6.3 - 10.6.7 (purportedly fixed in OS X 10.6.8 and 10.7 "Lion.") Issue caused by bugs in QuickTime X and/or underlying frameworks. See <a href="https://bugs.webkit.org/show_bug.cgi?id=32159#c9">bugs.webkit.org #32519</a>. (Safari on iOS, Leopard and Windows OK, however.) <p style="margin:0.5em 0px 0.5em 0px">Try <a href="?sm2-ignorebadua&sm2-usehtml5audio=1">HTML5 anyway?</a> (some MP3 playback may intermittently fail.)';
    _id('html5-audio-notes').appendChild(complaint);
  }
}

if (window.is_home) {

    // by default, enable native audio (with all its potential caveats.)
    soundManager.useHTML5Audio = true;

    // URL overrides for demo/testing..
    if (document.location.href.match(/sm2-usehtml5audio=1/i)) {
      soundManager.useHTML5Audio = true; // w00t.
    } else if (document.location.href.match(/sm2-usehtml5audio=0/i)) {
      soundManager.useHTML5Audio = false;
    }

    soundManager.setup({
      // HTML5 by default.
      preferFlash: false,
      useFlashBlock: true,
      useHighPerformance: true,
      bgColor: '#ffffff',
      debugMode: false,
      url: 'swf/',
      // hide initial flash of white on everything except firefox, IE 8 and Safari on Windoze
      wmode: 'transparent'
    });

    var PP_CONFIG = {
      autoStart: false,      // begin playing first sound when page loads
      playNext: true,        // stop after one sound, or play through list until end
      useThrottling: false,  // try to rate-limit potentially-expensive calls (eg. dragging position around)</span>
      usePeakData: true,     // [Flash 9 only] whether or not to show peak data (left/right channel values) - nor noticable on CPU
      useWaveformData: false, // [Flash 9 only] show raw waveform data - WARNING: LIKELY VERY CPU-HEAVY
      useEQData: false,      // [Flash 9 only] show EQ (frequency spectrum) data
      useFavIcon: false     // try to apply peakData to address bar (Firefox + Opera) - performance note: appears to make Firefox 3 do some temporary, heavy disk access/swapping/garbage collection at first(?) - may be too heavy on CPU
    };

    window.PP_CONFIG = PP_CONFIG;

    window.threeSixtyPlayer.config = {

      playNext: false,
      autoPlay: false,
      allowMultiple: true,
      loadRingColor: '#ccc',
      playRingColor: '#000',
      backgroundRingColor: '#eee',
      circleDiameter: 256,
      circleRadius: 128,
      scaleArcWidth: 1,
      animDuration: 500,
      animTransition: window.Animator.tx.bouncy,
      showHMSTime: true,

      useWaveformData: true,
      waveformDataColor: '#0099ff',
      waveformDataDownsample: 2,
      waveformDataOutside: false,
      waveformDataConstrain: false,
      waveformDataLineRatio: 0.73,

      useEQData: true,
      eqDataColor: '#339933',
      eqDataDownsample: 2,
      eqDataOutside: true,
      eqDataLineRatio: 0.69,

      usePeakData: true,
      peakDataColor: '#ff33ff',
      peakDataOutside: true,
      peakDataLineRatio: 0.5,

      useAmplifier: true

    };

    if (navigator.platform.match(/win32/i) && navigator.userAgent.match(/firefox/i)) {
      // extra-special homepage case (you should never see this), prevent out-of-view SWF load failure WITH high performance AND flashblock AND SWF in a placed element
      soundManager.useHighPerformance = false;
    }

    soundManager.onready(function() {

      _id('sm2-support').style.display = 'none';
      _id('sm2-support-warning').style.display = 'none';

      if (soundManager.didFlashBlock) {
        soundManager.createSound({
          id: 'success',
          url: 'demo/_mp3/mouseover.mp3'
        }).play();
      }

      doChristmasLights();

      var items;

      // hat tip: Flash Detect library (BSD, (C) 2007) by Carl "DocYes" S. Yestrau - http://featureblend.com/javascript-flash-detection-library.html / http://featureblend.com/license.txt

      var _hasFlash;
      var hasPlugin = false, n = navigator, nP = n.plugins, obj, type, types, AX = window.ActiveXObject;

      if (nP && nP.length) {

        type = 'application/x-shockwave-flash';
        types = n.mimeTypes;

        if (types && types[type] && types[type].enabledPlugin && types[type].enabledPlugin.description) {
          hasPlugin = true;
        }

      } else if (typeof AX !== 'undefined') {

        try {
          obj = new AX('ShockwaveFlash.ShockwaveFlash');
        } catch(e) {
          // oh well
        }
        hasPlugin = (!!obj);

        }

      _hasFlash = hasPlugin;

      // if using HTML5, show some additional format support info
      // written while watching The Big Lebowski for the Nth time. Donny, you're out of your element!
      var s = soundManager;

      if (s.useHTML5Audio && s.hasHTML5) {
        var liID = 'html5-support-li';
        var oldLI = document.getElementById(liID);
        if (oldLI) {
          oldLI.parentNode.removeChild(oldLI);
        }
        // what lies. not an <li> at all. ;)
        var li = document.createElement('div');
        li.id = liID;
        li.className = 'html5support';
        var item;
        items = [];
        var needsFlash = false;
        for (item in s.audioFormats) {
          if (s.audioFormats.hasOwnProperty(item)) {
            needsFlash = (soundManager.filePattern.test('.' + item));
            items.push('<span class="' + (s.html5[item] ? 'true' : 'false') + (!s.html5[item] && needsFlash ? ' partial' : '') + '" title="' + (s.html5[item] ? 'Native HTML5 support found' : 'No HTML5 support found' + (needsFlash ? ', using Flash fallback if present' : ', no Flash support either')) + '">' + (s.html5[item] ? '&lt;' : '') + item + (s.html5[item] ? '&gt;' : '') + '</span>');
          }
        }

        li.innerHTML = [
          '<b>This browser\'s <em class="true">&lt;HTML5&gt;</em> vs. <em class="partial">Flash</em> support:<p style="margin:0.5em 0px 0.5em 0px"></b>',
          items.join(''),
          '<br />',
          '<b class="note">',
          (soundManager.html5.mp3 || soundManager.html5.mp4 ? (_hasFlash && soundManager.preferFlash ? 'Preferring flash for MP3/MP4; try <a href="?sm2-preferFlash=0" title="Try using soundManager.preferFlash=false to have HTML5 actually play MP3/MP4 formats and depending on support, run SM2 entirely without flash." class="cta">preferFlash=false</a> for HTML5-only mode.' : (soundManager.html5Only ? 'HTML5-only mode.' + (!soundManager.canPlayMIME('audio/aac') ? ' Try <a href="?sm2-preferFlash=1,flash9" title="Try using soundManager.preferFlash=true to have Flash play MP3/MP4 formats." class="cta">preferFlash=true</a> for MP4 support as needed.' : '') : '&nbsp; Some flash required; allowing HTML5 to play MP3/MP4, as supported.' + '</p>')) : 'Flash is required for this browser to play MP3/MP4.'),
          '</b>'
        ].join('');
        _id('html5-audio-notes').appendChild(li);
        _id('without-html5').style.display = 'inline';

      } else {

        _id('without-html5').style.display = 'none';

      }

      checkBadSafari();

      // check inline player / HTML 5 bits
      items = utils.getElementsByClassName('button-exclude', 'a', _id('inline-playlist')).concat(utils.getElementsByClassName('exclude', 'a', _id('graphic-playlist')));
      for (var i = 0, j = items.length; i < j; i++) {
        if (!soundManager.canPlayLink(items[i])) {
          items[i].className += ' not-supported';
          items[i].title += '. \n\nNOTE: ' + (soundManager.useHTML5Audio ? 'Format apparently not supported under this configuration or browser.' : 'SoundManager 2\'s HTML5 feature is not currently enabled. (Try turning it on, see +html5 link.)');
        }
      }

    });

    soundManager.ontimeout(function() {

      // failed to load

      if (navigator.userAgent.match(/msie 6/i)) {
        // we don't care.
        return;
      }

      var o = _id('sm2-support');
      var o2 = _id('sm2-support-warning');
      var smLoadFailWarning = '<div style="margin:0.5em;margin-top:-0.25em"><h3>Oh snap!</h3><p>' + (soundManager.hasHTML5 ? 'The flash portion of ' : '') + 'SoundManager 2 was unable to start. ' + (soundManager.useHTML5Audio ? (soundManager.hasHTML5 ? '</p><p>Some HTML5 audio support is present, but flash is needed for MP3/MP4 support on this page.' : '</p><p>No HTML5 support was found, so flash is required.') : '') + '</p><p>All links to audio will degrade gracefully.</p><p id="flashblocker">If you have a flash blocker, try allowing the SWF to run - it may be visible below.</p><p id="flash-offline">' + (soundManager.useAltURL ? '<b>Viewing offline</b>? You may need to change a Flash security setting.' : 'Other possible causes: Missing .SWF, or no Flash?') + ' Not to worry, as guided help is provided.</p><p><a href="doc/getstarted/index.html#troubleshooting" class="feature-hot" style="display:inline-block;margin-left:0px">Troubleshooting</a></p></div>';
      var hatesFlash = (navigator.userAgent.match(/(ipad|iphone|ipod)/i));

      if (soundManager.html5.mp3 && soundManager.html5.mp4) {
        // flash portion was blocked, but support exists. We'll "downgrade" to HTML5-only.
        soundManager._wD('Special homepage case: Flash appears to blocked, HTML5 support for MP3/MP4 exists; trying HTML5-only mode...');
        soundManager.useHTML5Audio = true;
        soundManager.preferFlash = false;
        setTimeout(function() {
          soundManager.reboot();
          soundManager.onready(function() {
            // for when things start up in HTML5-only mode...
            o.innerHTML = '<div style="margin:0.5em;margin-top:-0.25em"><h3>Support note</h3><p>SoundManager 2 tried to start using HTML5 + Flash, but rebooted in HTML5-only mode as flash was blocked. Visualization demo features will not be shown in this mode. To enable flash, whitelist the blocked movie and reload this page.</p>' + (soundManager.useAltURL ? '<p><b>Running offline?</b> Flash may be blocked due to security restrictions; see <a href="doc/getstarted/index.html#troubleshooting">troubleshooting</a> for more.' : '') + '</div>';
            o.style.marginBottom = '1.5em';
            o.style.display = 'block';
          });
         }, 1);
        return;
      }

      o.innerHTML = smLoadFailWarning;
      o2.innerHTML = '<p style="margin:0px">SoundManager 2 could not start. <a href="#sm2-support">See below</a> for details.</p>';
      if (hatesFlash || soundManager.getMoviePercent()) {
        // movie loaded at least somewhat, so don't show flashblock things
        _id('flashblocker').style.display = 'none';
        if (hatesFlash) {
          // none of that here.
          _id('flash-offline').style.display = 'none';
        }
      }
      o.style.marginBottom = '1.5em';
      o.style.display = 'block';
      o2.style.display = 'inline-block';
    });

}

// side note: If it's not december but you want to smash things, try #christmas=1 in the homepage URL.

// --------- /home JS ------------

function startStuff() {
  if (navigator.userAgent.match(/safari/i)) {
    document.getElementsByTagName('html')[0].className = 'isSafari';
  }
  doVersion();
  ie6Sucks();
  fixLinks();
  getLiveData();
  doAltShortcuts();
  soundManager.onready(function() {
    if (window.turntables) {
      // require this for links to play on the turntable UI demo.
      window.turntables.config.requireCSS = 'turntable-include';
    }
  });
}

if (document.addEventListener) {
  document.addEventListener('DOMContentLoaded', startStuff, false);
} else {
  window.onload = startStuff;
}

}());