var MarketoRiser = (function ($, window, undefined) {
  'use strict';

  /* Marketo Account */
  var MktoAccount = {
      baseUrl: '//app-ab17.marketo.com',
      munchkinId: '361-IGT-147'
  };
  /* Riser Variables*/
  var body = $('body'),
      formContainer = $('.form-container'),
      riserTitle = $('.riser-title'),
      _isOpen = false;

  /**
   *  Private Methods
   */
  function getMktoForm(formid, title){

    //set the title in the riser
    riserTitle.text(title);

    //delete any previous forms inside riser
    deleteFormEl();

    //create form element dynamically, since we cannot have a <form> tag inside a web form
    var formEl = document.createElement("form");      //create form element
    formEl.setAttribute("id", "mktoForm_" + formid);  //set the form id so Marketo knows where to render the form
    formContainer.append(formEl);                     //add form element inside riser container
    console.log('form element created');

    //now that the <form> has been created, we need to load the MarketoForm
    MktoForms2.loadForm(MktoAccount.baseUrl, MktoAccount.munchkinId, formid);
    //when the form has been loaded and ready...
    MktoForms2.whenReady(function(form) {
      console.log('MktoForms2 is ready');
      form.onSuccess(function (values, followUpUrl) {
        riserTitle.text('Thank You!');          //set riser title to "thank you"
        // form.getFormElem().hide();  // Get the form's jQuery element and hide it
        deleteMktoForm();   //delete form element
        return false;       // Prevent the submission handler from taking the lead to the follow up url
      });
    });
  }

  function deleteFormEl(){
    if ($('.form-container form').length > 0){
      $('.form-container form').remove();
      console.log('form element deleted');
    }
  }

  /**
   *  Public Methods
   */
  function OpenRiser(data) {
    /* if the riser is closed */
    if (!_isOpen) {
      _isOpen = true;                           //set flag to true
      console.log("OpenRiser(), _isOpen:true");
      body.addClass('riser-open');
      //pass the form id and title from the clicked element to the renderForm method
      getMktoForm(data.mktoformid, data.title);
    }
  };

  function CloseRiser() {
    /* if the riser is open */
    if (_isOpen) {
      body.removeClass('riser-open');
      deleteFormEl();
      _isOpen = false;                           //set flag to true
      console.log("CloseRiser(), _isOpen:false");
    }
  };

  //return public methods
  return {
    OpenRiser: OpenRiser,
    CloseRiser: CloseRiser
  };

})(jQuery, window);



/*normally the code below is placed on page or 
  from within another js file, but putting it in
  here for readability*/
    $(document).ready(function(){
      //when a sidebar ad with open-riser class is clicked
      $('.open-riser').on('click', function(evt){
        evt.preventDefault();
        var elData = $(this).data();  //get the data from the data-attributes
        MarketoRiser.OpenRiser(elData);     //pass the data to the OpenRiser method
      });

      //when a riser is open we can close it by clicking the close X in the riser, 
      //or by clicking on the page overlay
      $('#closeRiser, #PageOverlay').on('click',function(){
        MarketoRiser.CloseRiser();
      })
    });