/* Custom JS - write your own functions for m20 */

jQuery(document).ready(function($){

/*
 *    Load libcal script that creates custom "make appointment" overlay.
 *    Need to add the script as a dom <script> tag because the libcal
 * code gets the iframe domain from the script tag. I.e., doesn't work
 * with $.getScript()
 */

var schedScript = document.createElement('script');
schedScript.src = "https://api3.libcal.com/js/myscheduler.min.js?002";

schedScript.onload = function() {
  if (typeof $.fn.LibCalMySched != 'undefined') {
    $(".mySchedButton").each(function() {
        var staffIDSelector = $( this ).attr('id');
        if (staffIDSelector.length) {
          var staffID = staffIDSelector.replace('mySched', '');
          //console.log("Script loaded. id: "+staffID+' sel: '+staffIDSelector);
          $("#"+staffIDSelector).LibCalMySched({ iid: 3446, uid: staffID, gid: 0,  width: 500, height: 450 });
        }
    });
  }
} // end onload

  if (typeof $.fn.LibCalMySched == 'undefined') {
    document.head.appendChild(schedScript);
  }

}); // end ready function