/*
This demo is based on Lining.js -- A easy to use javascript plugin offers you complete DOWN-TO-THE-LINE control for radical web typography.
https://github.com/zmmbreeze/lining.js
*/
var g = function (id) {
  return document.getElementById(id);
};
var runEffect = function () {
  var effectName = g('effectName').value;
  var effectText = g('effectText');
  effectText.setAttribute('data-effect', effectName);
  if (!effectLining) {
    effectLining = lining(effectText, {
      'autoResize': true
    });
  }
  else {
    effectLining.relining(true);
  }
};
var effectLining;

window.addEventListener('load', function () {
  runEffect();
  
  g('runEffect').addEventListener('click', function (e) {
    e.preventDefault();
    runEffect();
  }, false);
});