Update interface script.

-  //var pluginUrl = "http://localhost:8888/Forms";
-  //var pdf_customizer = "http://localhost:8888/pdf-customizer/public";
-
-  var pluginUrl = "http://contact.gotenzing.com";
-  var pdf_customizer = "http://pdf-customizer.synapsus.co";
-
-  function getAuth() {
-
-      jQuery(document).ready(function($) {
-
-          var settings = {
-              "async": true,
-              "crossDomain": true,
-              "url": "" + pdf_customizer + "/api/authenticate",
-              "method": "POST",
-              "processData": false,
-              "contentType": false,
-              "mimeType": "multipart/form-data",
-              "data": form,
-              "success": function(data) {
-                  getJson(user_id);
-              },
-              error: function(xhr, ajaxOptions, thrownError) { //Add these parameters to display the required response
-                  //alert(xhr.status);
-                  document.getElementById('contentArea').innerHTML = xhr.responseText;
-              }
-
-          }
-
-          $.ajax(settings).done(function(response) {
-              console.log(response);
-              token = response;
-           });
-          
-          });
-
-  }
-
-
-
-
-  function offFocus(id) {
-
-
-      jQuery(document).ready(function($) {
-
-
-          $("#select" + id + "").removeClass("focus");
-          $(".entry_block").mouseleave(function() {
-              $("#select" + id + "").addClass("focus");
-          });
-      });
-  }
-
-
-  function ShowBox(pheight, pwidth, up, right, height, width, count, example) {
-
-
-      jQuery(document).ready(function($) {
-          $('span').hide();
-          $('#span' + count).show();
-          $('#Canvas').css("background-image", "url(" + pdf_customizer + '/fileentry/getImage/' + example + ")");
-
-          var Qc = document.getElementById("Canvas");
-          var Qctx = Qc.getContext("2d");
-          Qctx.clearRect(0, 0, Qc.width, Qc.height);
-          Qctx.restore();
+//var pluginUrl = "http://contact-form.dev";
+//var pdf_customizer = "http://pdf-customizer.dev/public";
 
+var pluginUrl = "http://contact.gotenzing.com";
+var pdf_customizer = "http://pdf-customizer.synapsus.co";
 
+function getAuth() {
+  jQuery(document).ready(function($) {
+    var settings = {
+      "async": true,
+      "crossDomain": true,
+      "url": "" + pdf_customizer + "/api/authenticate",
+      "method": "POST",
+      "processData": false,
+      "contentType": false,
+      "mimeType": "multipart/form-data",
+      "data": form,
+      "success": function(data) {
+        getJson(user_id);
+      },
+      error: function(xhr, ajaxOptions, thrownError) { //Add these parameters to display the required response
+        //alert(xhr.status);
+        document.getElementById('contentArea').innerHTML = xhr.responseText;
+      }
+    };
 
-          var down = pheight - (up + height);
-          var scaleH = $("Canvas").height() / pheight;
-          var scaleW = $("Canvas").width() / pwidth;
-          var scaleDown = down * scaleH;
-          var scaleRight = right * scaleW;
-          var scalewidth = width * scaleW;
-          var scaleheight = height * scaleH;
+    $.ajax(settings).done(function(response) {
+      console.log(response);
+      token = response;
+    });
+  });
+}
 
-          var c = document.getElementById("Canvas");
-          var ctx = c.getContext("2d");
-          ctx.save();
-          ctx.rect(scaleRight, scaleDown, scalewidth, scaleheight);
-          console.log(scaleRight, scaleDown, scalewidth, scaleheight);
-          console.log($("Canvas").height(), $("Canvas").width(), scaleW, scaleH);
-          ctx.stroke();
-          //console.log(pheight, pwidth,up, right, height, width);
-          // console.log(myrect )
 
+function offFocus(id) {
+  jQuery(document).ready(function($) {
+    $("#select" + id + "").removeClass("focus");
+    $(".entry_block").mouseleave(function() {
+      $("#select" + id + "").addClass("focus");
+    });
+  });
+}
 
+function ShowBox(pheight, pwidth, up, right, height, width, count, example) {
+  jQuery(document).ready(function($) {
+    $('span').hide();
+    $('#span' + count).show();
+    $('#Canvas').css("background-image", "url(" + pdf_customizer + '/fileentry/getImage/' + example + ")");
+
+    var Qc = document.getElementById("Canvas");
+    var Qctx = Qc.getContext("2d");
+    Qctx.clearRect(0, 0, Qc.width, Qc.height);
+    Qctx.restore();
+
+    var down = pheight - (up + height);
+    var scaleH = $("Canvas").height() / pheight;
+    var scaleW = $("Canvas").width() / pwidth;
+    var scaleDown = down * scaleH;
+    var scaleRight = right * scaleW;
+    var scalewidth = width * scaleW;
+    var scaleheight = height * scaleH;
+
+    var c = document.getElementById("Canvas");
+    var ctx = c.getContext("2d");
+    ctx.save();
+    ctx.rect(scaleRight, scaleDown, scalewidth, scaleheight);
+    console.log(scaleRight, scaleDown, scalewidth, scaleheight);
+    console.log($("Canvas").height(), $("Canvas").width(), scaleW, scaleH);
+    ctx.stroke();
+    //console.log(pheight, pwidth,up, right, height, width);
+    // console.log(myrect )
+  });
+}
 
-      });
 
-  }
-  
-     
 function SetFocus(i) {
   jQuery(document).ready(function($) {
-    $("label#focusButton"+i).css({"border": "2px solid #F7A800 !important"});
-    console.log($("label#focusButton"+i));
+    $("label#focusButton" + i).css({"border": "2px solid #F7A800 !important"});
+    console.log($("label#focusButton" + i));
 
- });
+  });
 }
 
 
-  function HideBox() {
-      jQuery(document).ready(function($) {
-          $('span').hide();
-
-          var cnv = document.getElementById("Canvas");
-          var ctx = cnv.getContext('2d'); // gets reference to canvas context
-          ctx.beginPath(); // clear existing drawing paths
-          ctx.save(); // store the current transformation matrix
-      });
-
-  }
-
-  function HideBoxwithdate() {
-      jQuery(document).ready(function($) {
-          var cnv = document.getElementById("Canvas");
-          var ctx = cnv.getContext('2d'); // gets reference to canvas context
-          ctx.beginPath(); // clear existing drawing paths
-          ctx.save(); // store the current transformation matrix
-      });
-
-  }
-
-
-
-  function getJson(user_id) {
-
-      jQuery(document).ready(function($) {
-
-          $.getJSON("" + pdf_customizer + "/api/v1/get-list/" + user_id, function(data) {
-              // Get the element with id summary and set the inner text to the result.
-              var json = JSON.stringify(data);
-              pickPdfFromList(json);
-
-          });
-
+function HideBox() {
+  jQuery(document).ready(function($) {
+    $('span').hide();
 
+    var cnv = document.getElementById("Canvas");
+    var ctx = cnv.getContext('2d'); // gets reference to canvas context
+    ctx.beginPath(); // clear existing drawing paths
+    ctx.save(); // store the current transformation matrix
+  });
 
-      });
-  }
+}
 
-  function getOneJson(id) {
+function HideBoxwithdate() {
+  jQuery(document).ready(function($) {
+    var cnv = document.getElementById("Canvas");
+    var ctx = cnv.getContext('2d'); // gets reference to canvas context
+    ctx.beginPath(); // clear existing drawing paths
+    ctx.save(); // store the current transformation matrix
+  });
 
-      jQuery(document).ready(function($) {
+}
 
-          $.getJSON("" + pdf_customizer + "/api/v1/get-pdf-google/" + id, function(data) {
-              // Get the element with id summary and set the inner text to the result.
-              var json = JSON.stringify(data);
 
-              changePdfOptions(json);
+function getJson(user_id) {
+  jQuery(document).ready(function($) {
+    $.getJSON("" + pdf_customizer + "/api/v1/get-list/" + user_id, function(data) {
+      // Get the element with id summary and set the inner text to the result.
+      var json = JSON.stringify(data);
+      pickPdfFromList(json);
+    });
+  });
+}
 
-          });
+function getOneJson(id) {
+  jQuery(document).ready(function($) {
+    $.getJSON("" + pdf_customizer + "/api/v1/get-pdf-google/" + id, function(data) {
+      // Get the element with id summary and set the inner text to the result.
+      var json = JSON.stringify(data);
 
+      changePdfOptions(json);
+    });
+  });
+}
 
+function pickPdfFromList(json) {
+  jQuery(document).ready(function($) {
+    json = JSON.parse(json);
+
+    var strVar = "";
+    var i;
+    var pdflist = "";
+    for (i = 0; i < json.length; ++i) {
+      pdflist += '<div class="column">';
+      pdflist += '<a href="#" onclick="getOneJson(' + json[i].idPDF + ');"><img class="thumbnail" src="' + pdf_customizer + '/fileentry/getImage/' + json[i].folder + '/' + json[i].image + '" height="270px"></a>';
+      pdflist += " <h5>" + json[i].name + "</h5>";
+      pdflist += "</div>";
+    }
+
+    strVar += ' <div class="callout primary"><div class="row column"> <h1 class="pdfeditortitle">CUBOS COLLATERAL MATERIAL</h1>';
+    strVar += ' ';
+    document.getElementById('contentArea').innerHTML = strVar;
+  });
+}
 
+function changePdfOptions(json) {
+  jQuery(function($) {
+    json = JSON.parse(json);
+    $(document).ready(function() {
+
+      $("#changescontentdate").datepicker({
+        plugins: "tabfocus",
+        changeMonth: true,
+        changeYear: true,
+        yearRange: '2015:2025',
+        dateFormat: 'DD MM dd yy',
+        minDate: 0,
+        defaultDate: null
+      }).on('change', function() {
+        $(this).valid(); // triggers the validation test
+        // '$(this)' refers to '$("#datepicker")'
       });
-  }
 
-  function pickPdfFromList(json) {
-      json = JSON.parse(json);
-
-
-
-
-      var strVar = "";
-
-
-      var i;
-      var pdflist = "";
-      for (i = 0; i < json.length; ++i) {
-          pdflist += '<div class="column">';
-          pdflist += '<a href="#" onclick="getOneJson(' + json[i].idPDF + ');"> <img class="thumbnail" src="' + pdf_customizer + '/fileentry/getImage/' + json[i].folder + '/' + json[i].image + '" height="270px"></a>';
-          pdflist += " <h5>" + json[i].name + "</h5>";
-          pdflist += "</div>";
+      $("#changes").validate();
+    });
+
+    var strVar2 = "";
+    var pdflist = "";
+    var pdfChange = "";
+    var f = 0;
+
+    var scaleImage = 400 / json[0].pwidth;
+    var imageHeight = json[0].pheight * scaleImage;
+    var imageWidth = '400';
+    console.log(json[0].pheight, scaleImage, imageHeight);
+
+    pdflist += '<div id="pdfPreview" class="column">';
+    // pdflist += '<img id="pdfimage"  src="' + pdf_customizer + '/fileentry/getImage/' + json[0].folder + '/' + json[0].example + '" width="300px">';
+    pdflist += '<canvas id="Canvas" width="' + imageWidth + '" height="' + imageHeight + '" style=" margin-top:60px; border-style: solid;  border-width:1px; background-image: url(' + pdf_customizer + '/fileentry/getImage/' + json[0].folder + '/' + json[0].example + '); background-size:' + imageWidth + 'px  ' + imageHeight + 'px"></div>';
+    pdfChange += '<form id="changes" name="changes" enctype="multipart/form-data" action=""  METHOD="POST"></br><h4>' + json[0].name + '</h4>';
+    pdfChange += '<input type="hidden" id="id" name="id" value="' + json[0].idPDF + '">';
+    for (i = 0; i < json.length; ++i) {
+      var example = json[0].folder + '/' + json[i].example;
+
+      if (json[i].change_type == "textflow") {
+        pdfChange += json[i].names + ': <textarea onfocus="ShowBox(' + json[0].pheight + ',' + json[0].pwidth + ',' + json[i].locationUp + ',' + json[i].locationRight + ',' + json[i].height + ',' + json[i].width + ',' + i + ',\'' + example + '\')"  id="changescontent' + [f] + '" class="textarea required"   value="' + json[i].content + '" name="content[' + i + ']">' + json[i].content + '</textarea>';
+        ++f;
+        pdfChange += '<span id="span' + i + '">' + json[i].tips + '</span><br/>';
       }
+      if (json[i].change_type == "text") {
+        pdfChange += json[i].names + ': <input onfocusout="HideBox()"  onfocus="ShowBox(' + json[0].pheight + ',' + json[0].pwidth + ',' + json[i].locationUp + ',' + json[i].locationRight + ',' + json[i].height + ',' + json[i].width + ',' + i + ',\'' + example + '\')"  id="changescontent[' + i + ']" type="text" class="required"   name="content[' + i + ']" value="' + json[i].content + '"">';
+        pdfChange += '<span id="span' + i + '">' + json[i].tips + '</span><br/>';
+      }
+      if (json[i].change_type == "img") {
+        pdfChange += json[i].names + ':<label id="focusButton' + i + '" class="custom-file-input" tabindex="0"><input tabindex="-1" onfocusout="HideBox()"  onfocus="SetFocus(' + i + '), ShowBox(' + json[0].pheight + ',' + json[0].pwidth + ',' + json[i].locationUp + ',' + json[i].locationRight + ',' + json[i].height + ',' + json[i].width + ',' + i + ',\'' + example + '\')"  class="fileupload upload required"  id="changescontent[' + i + ']"   type="file" name="content[' + i + ']"  ><span class="file-button"><span class="file-name file-button"></span><strong>Browse</strong></span></label>';
+        pdfChange += '<span id="span' + i + '">' + json[i].tips + '</span><br/>';
+      }
+      if (json[i].change_type == "date") {
+        pdfChange += json[i].names + ': <input onfocusout="HideBoxwithdate()" onfocus="ShowBox(' + json[0].pheight + ',' + json[0].pwidth + ',' + json[i].locationUp + ',' + json[i].locationRight + ',' + json[i].height + ',' + json[i].width + ',' + i + ',\'' + example + '\')"  id="changescontentdate" type="text" class="required date"   name="content[' + i + ']" value="' + json[i].content + '"">';
 
+      }
 
-      strVar += ' <div class="callout primary"><div class="row column"> <h1 class="pdfeditortitle">CUBOS COLLATERAL MATERIAL</h1>';
-      strVar += ' ';
-
-
-
-
-      document.getElementById('contentArea').innerHTML = strVar;
-
-
-
-
-  }
-
-
-  function changePdfOptions(json) {
-      jQuery(function($) {
-          json = JSON.parse(json);
-          $(document).ready(function() {
-
-              $("#changescontentdate").datepicker({
-                  plugins: "tabfocus",
-                  changeMonth: true,
-                  changeYear: true,
-                  yearRange: '2015:2025',
-                  dateFormat: 'DD MM dd yy',
-                  minDate: 0,
-                  defaultDate: null
-              }).on('change', function() {
-                  $(this).valid(); // triggers the validation test
-                  // '$(this)' refers to '$("#datepicker")'
-              });
-
-              $("#changes").validate();
-          });
-
-
-
-          var strVar2 = "";
-
-
-          var pdflist = "";
-          var pdfChange = "";
-          var f = 0;
-
-
-          var scaleImage = 400 / json[0].pwidth;
-          var imageHeight = json[0].pheight * scaleImage;
-          var imageWidth = '400';
-          console.log(json[0].pheight, scaleImage, imageHeight);
-
-
-          pdflist += '<div id="pdfPreview" class="column">';
-          // pdflist += '<img id="pdfimage"  src="' + pdf_customizer + '/fileentry/getImage/' + json[0].folder + '/' + json[0].example + '" width="300px">';
-          pdflist += '<canvas id="Canvas" width="' + imageWidth + '" height="' + imageHeight + '" style=" margin-top:60px; border-style: solid;  border-width:1px; background-image: url(' + pdf_customizer + '/fileentry/getImage/' + json[0].folder + '/' + json[0].example + '); background-size:' + imageWidth + 'px  ' + imageHeight + 'px"></div>';
-          pdfChange += '<form id="changes" name="changes" enctype="multipart/form-data" action=""  METHOD="POST"></br><h4>' + json[0].name + '</h4>';
-          pdfChange += '<input type="hidden" id="id" name="id" value="' + json[0].idPDF + '">';
-          for (i = 0; i < json.length; ++i) {
-              var example = json[0].folder + '/' + json[i].example
-
-              if (json[i].change_type == "textflow") {
-                  pdfChange += json[i].names + ': <textarea onfocus="ShowBox(' + json[0].pheight + ',' + json[0].pwidth + ',' + json[i].locationUp + ',' + json[i].locationRight + ',' + json[i].height + ',' + json[i].width + ',' + i + ',\'' + example + '\')"  id="changescontent' + [f] + '" class="textarea required"   value="' + json[i].content + '" name="content[' + i + ']">' + json[i].content + '</textarea>';
-                  ++f
-                  pdfChange += '<span id="span' + i + '">' + json[i].tips + '</span><br/>';
-              }
-              if (json[i].change_type == "text") {
-                  pdfChange += json[i].names + ': <input onfocusout="HideBox()"  onfocus="ShowBox(' + json[0].pheight + ',' + json[0].pwidth + ',' + json[i].locationUp + ',' + json[i].locationRight + ',' + json[i].height + ',' + json[i].width + ',' + i + ',\'' + example + '\')"  id="changescontent['+i+']" type="text" class="required"   name="content[' + i + ']" value="' + json[i].content + '"">';
-                  pdfChange += '<span id="span' + i + '">' + json[i].tips + '</span><br/>';
-              }
-              if (json[i].change_type == "img") {
-                  pdfChange += json[i].names + ':<label id="focusButton' + i + '" class="custom-file-input"><input onfocusout="HideBox()"  onfocus="SetFocus('+i+'), ShowBox(' + json[0].pheight + ',' + json[0].pwidth + ',' + json[i].locationUp + ',' + json[i].locationRight + ',' + json[i].height + ',' + json[i].width + ',' + i + ',\'' + example + '\')"  class="fileupload upload required"  id="changescontent[' + i + ']"   type="file" name="content[' + i + ']"  ></label>';
-                  pdfChange += '<span id="span' + i + '">' + json[i].tips + '</span><br/>';
-              }
-              if (json[i].change_type == "date") {
-                  pdfChange += json[i].names + ': <input onfocusout="HideBoxwithdate()" onfocus="ShowBox(' + json[0].pheight + ',' + json[0].pwidth + ',' + json[i].locationUp + ',' + json[i].locationRight + ',' + json[i].height + ',' + json[i].width + ',' + i + ',\'' + example + '\')"  id="changescontentdate" type="text" class="required date"   name="content[' + i + ']" value="' + json[i].content + '"">';
-
-              }
-
-          }
-          pdfChange += '<input  type="submit"  value="Save and download">';
-          pdfChange += '</form>';
-
-          strVar2 += ' <div class="callout primary"><div class="row column"><h1 class="pdfeditortitle">CUBOS COLLATERAL MATERIAL</h1>';
-          strVar2 += '';
-          strVar2 += ' </div></div><div id="wrapper" class="black small-up-2 medium-up-3 large-up-3">';
-          strVar2 += pdflist + '<div id="changesColumn" style="height:' + $("#changes").height() + ';" class="column" >' + pdfChange + '<div id="tezingLogo"></div></div><div id="pdfFooter"></div></div>';
-
-
-
-          document.getElementById('contentArea').innerHTML = strVar2;
-          document.getElementById('google_drive').innerHTML = " ";
-
-
-
-
-          if ($(window).width() > 700) {
-
-
-              $('#pdfPreview').css('position', 'relative');
-              var stickySidebar = $('#pdfPreview');
-
-              if (stickySidebar.length > 0) {
-                  var stickyHeight = stickySidebar.height(),
-                      sidebarTop = stickySidebar.offset().top;
-              }
+    }
+    pdfChange += '<input  type="submit"  value="Save and download">';
+    pdfChange += '</form>';
 
-              // on scroll move the sidebar
-              $(window).scroll(function() {
-                  if (stickySidebar.length > 0) {
-                      var scrollTop = $(window).scrollTop();
+    strVar2 += ' <div class="callout primary"><div class="row column"><h1 class="pdfeditortitle">CUBOS COLLATERAL MATERIAL</h1>';
+    strVar2 += '';
+    strVar2 += ' </div></div><div id="wrapper" class="black small-up-2 medium-up-3 large-up-3">';
+    strVar2 += pdflist + '<div id="changesColumn" style="height:' + $("#changes").height() + ';" class="column" >' + pdfChange + '<div id="tezingLogo"></div></div><div id="pdfFooter"></div></div>';
 
-                      if (sidebarTop < scrollTop) {
-                          stickySidebar.css('top', scrollTop - sidebarTop);
+    document.getElementById('contentArea').innerHTML = strVar2;
+    document.getElementById('google_drive').innerHTML = " ";
 
-                          // stop the sticky sidebar at the footer to avoid overlapping
-                          var sidebarBottom = stickySidebar.offset().top + stickyHeight,
-                              stickyStop = $('#changesColumn').offset().top + $('#changesColumn').height();
-                          if (stickyStop < sidebarBottom) {
-                              var stopPosition = $('#changesColumn').height() - stickyHeight;
-                              stickySidebar.css('top', stopPosition);
-                          }
-                      } else {
-                          stickySidebar.css('top', '0');
-                      }
-                  }
-              });
+    if ($(window).width() > 700) {
 
-              $(window).resize(function() {
-                  if (stickySidebar.length > 0) {
-                      stickyHeight = stickySidebar.height();
-                  }
-              });
+      $('#pdfPreview').css('position', 'relative');
+      var stickySidebar = $('#pdfPreview');
 
+      if (stickySidebar.length > 0) {
+        var stickyHeight = stickySidebar.height(),
+          sidebarTop = stickySidebar.offset().top;
+      }
 
+      // on scroll move the sidebar
+      $(window).scroll(function() {
+        if (stickySidebar.length > 0) {
+          var scrollTop = $(window).scrollTop();
+
+          if (sidebarTop < scrollTop) {
+            stickySidebar.css('top', scrollTop - sidebarTop);
+
+            // stop the sticky sidebar at the footer to avoid overlapping
+            var sidebarBottom = stickySidebar.offset().top + stickyHeight,
+              stickyStop = $('#changesColumn').offset().top + $('#changesColumn').height();
+            if (stickyStop < sidebarBottom) {
+              var stopPosition = $('#changesColumn').height() - stickyHeight;
+              stickySidebar.css('top', stopPosition);
+            }
+          } else {
+            stickySidebar.css('top', '0');
           }
-
-          tinymce.init({
-              selector: '.textarea',
-              entity_encoding: "raw",
-              menubar: false,
-              toolbar: ' bold italic',
-              remove_linebreaks: false,
-              remove_trailing_brs: false,
-              
-
-              setup: function(editor) {
-                  editor.on('focus', function(e) {
-                      console.log(editor.id);
-                      $('#' + editor.id).trigger("onfocus");
-                      $(this).css('border', '2px solid #F7A800 !important');
-                  });
-                  editor.on('focusout', function(e) {
-                      //  console.log('out'+editor.id);
-                      $(this).css('border', '0px solid #F7A800 !important');
-                      HideBox();
-                  });
-              }
-
-
-
-          });
-
-          var files;
-          var imagefiles = [];;
-
-
-          $(".fileupload").change(function(e) {
-              files = e.target.files;
-              for (var i = 0, file; file = files[i]; i++) {
-                  //console.log(file);
-                  imagefiles.push(file);
-                  // console.log(imagefiles);
-              }
-          });
-
-
-          $("#changes").submit(function(e) {
-              e.preventDefault();
-
-              if ($("#changes").valid()) {
-
-                  $(tinymce.get()).each(function(i, el) {
-
-                      if (el.id)
-                          document.getElementById(el.id).value = el.getContent();
-                      $('#changes').hide();
-                      tinymce.get(el.id).remove();
-                  });
-
-              var form = $("#changes");
-              
-              returnfileOptions(imagefiles, form);
-                  return false;
-              } else {
-                  return false;
-              }
-          });
-        
+        }
       });
 
-  }
-
-
-  function returnfileOptions(files, form) {
-      jQuery(function($) {
-
-          var data = new FormData();
-          $.each(files, function(key, value) {
-              data.append(key, value);
-
-          });
-
-          $.ajax({
-              url: '' + pluginUrl + '/wp-content/plugins/pdf-customizer-plugin/admin/uploadfile.php?files',
-              type: 'POST',
-              data: data,
-              cache: false,
-              dataType: 'json',
-              processData: false, // Don't process the files
-              contentType: false, // Set content type to false as jQuery will tell the server its a query string request
-              success: function(data, textStatus, jqXHR) {
-                  if (typeof data.error === 'undefined') {
-                      returnOptions(form);
-                  } else {
-                      // Handle errors here
-
-                      console.log('ERRORS: ' + data.error);
-                  }
-              },
-              error: function(jqXHR, textStatus, errorThrown) {
-                  // Handle errors here
-                  console.log('ERRORS: ' + textStatus);
-                  // STOP LOADING SPINNER
-              }
-          });
-
+      $(window).resize(function() {
+        if (stickySidebar.length > 0) {
+          stickyHeight = stickySidebar.height();
+        }
       });
-  }
-
-
-  function returnOptions(form) {
-
+    }
+
+    var tinymces = tinymce.init({
+      selector: '.textarea',
+      entity_encoding: "raw",
+      menubar: false,
+      toolbar: ' bold italic',
+      remove_linebreaks: false,
+      remove_trailing_brs: false,
+      init_instance_callback: function(editor) {
+        var editorDoc = document.getElementById(editor.id + '_ifr');
+        var editorDocContent = editorDoc.contentDocument;
+        editorDoc.style.border = "2px solid #131212";
+        editorDocContent.body.style.backgroundColor = "#131212";
+        editorDocContent.body.style.color = "#ccc";
+      },
+      setup: function(editor) {
+        editor.on('focus', function(e) {
+          console.log(editor.id);
+
+          var editorDoc = document.getElementById(editor.id + '_ifr');
+          var editorDocContent = editorDoc.contentDocument;
+          editorDoc.style.border = "2px solid #F7A800";
+
+          //$('#' + editor.id).trigger("focus");
+          //$(this).css('border', '2px solid #F7A800 !important');
+        });
+        editor.on('blur', function(e) {
+          console.log('out' + editor.id);
+          var editorDoc = document.getElementById(editor.id + '_ifr');
+          var editorDocContent = editorDoc.contentDocument;
+          editorDoc.style.border = "2px solid #131212";
+
+          //$(this).css('border', '0px solid #F7A800 !important');
+          //HideBox();
+        });
+      }
+    });
+
+    var files;
+    var imagefiles = [];
+
+    $(".fileupload").change(function(e) {
+      var target = e.target;
+      files = e.target.files;
+      console.log(files);
+
+      if(files.length >= 1) {
+        for (var i = 0, file; file = files[i]; i++) {
+          var fileName = file.name;
+          // insert file name
+          if(fileName) {
+            $(target).parent('label').find('.file-name').text(fileName);
+          } else {
+            $(target).parent('label').find('.file-name').text('');
+          }
 
+          imagefiles.push(file);
+          // console.log(imagefiles);
+        }
+      } else {
+        $(target).parent('label').find('.file-name').text('');
+      }
+    });
 
 
-      jQuery(function($) {
+    $("#changes").submit(function(e) {
+      e.preventDefault();
 
-          $.getJSON("" + pdf_customizer + "/api/v1/get-pdf/" + id.value, function(dataReturnd) {
-              // Get the element with id summary and set the inner text to the result.
-              var json = dataReturnd;
-              //console.log(json);
+      if ($("#changes").valid()) {
 
+        $(tinymce.get()).each(function(i, el) {
 
-              var jsonReturn = '{"pdf":[{"name":"' + json[0].name + '", "folder":"' + json[0].folder + '", "pdfLocation":"' + json[0].file + '","pageWidth":"' + json[0].pageWidth + '","pageHeight":"' + json[0].pageHeight + '"}],"changes":['
-              var e = 1;
-              for (i = 0; i < json.length; ++i) {
+          if (el.id)
+            document.getElementById(el.id).value = el.getContent();
+          $('#changes').hide();
+          tinymce.get(el.id).remove();
+        });
 
+        var form = $("#changes");
 
+        returnfileOptions(imagefiles, form);
+        return false;
+      } else {
+        return false;
+      }
+    });
 
-                  var style = JSON.stringify(json[i].style);
-                  var content = JSON.stringify(form[0][e].value);
-                  console.log(form[0][e].value);
+  });
 
+}
 
 
-                  jsonReturn += '{"label":"' + json[i].label + '", "locationUp":"' + json[i].locationUp + '", "locationRight":"' + json[i].locationRight + '","width":"' + json[i].width + '","height":"' + json[i].height + '", "pages":"' + json[i].pages + '", "content":' + content + ', "z-index":null, "idstylesPDF":"' + json[i].idstylesPDF + '", "style":' + style + ', "order":"' + json[i].order + '", "idchange_typePDF":"' + json[i].idchange_typePDF + '", "change_type":"' + json[i].change_type + '", "fileLocation":"' + pluginUrl + '/wp-content/uploads/pdf/"}';
+function returnfileOptions(files, form) {
+  jQuery(function($) {
+
+    var data = new FormData();
+    $.each(files, function(key, value) {
+      data.append(key, value);
+
+    });
+
+    $.ajax({
+      url: '' + pluginUrl + '/wp-content/plugins/pdf-customizer-plugin/admin/uploadfile.php?files',
+      type: 'POST',
+      data: data,
+      cache: false,
+      dataType: 'json',
+      processData: false, // Don't process the files
+      contentType: false, // Set content type to false as jQuery will tell the server its a query string request
+      success: function(data, textStatus, jqXHR) {
+        if (typeof data.error === 'undefined') {
+          returnOptions(form);
+        } else {
+          // Handle errors here
+
+          console.log('ERRORS: ' + data.error);
+        }
+      },
+      error: function(jqXHR, textStatus, errorThrown) {
+        // Handle errors here
+        console.log('ERRORS: ' + textStatus);
+        // STOP LOADING SPINNER
+      }
+    });
 
+  });
+}
 
-                  if (i < json.length - 1) {
-                      jsonReturn += ',';
-                  }
-                  ++e
-              }
-              jsonReturn += '  ]}';
-              //  console.log(jsonReturn);
 
+function returnOptions(form) {
+  jQuery(function($) {
 
+    $.getJSON("" + pdf_customizer + "/api/v1/get-pdf/" + id.value, function(dataReturnd) {
+      // Get the element with id summary and set the inner text to the result.
+      var json = dataReturnd;
+      //console.log(json);
 
 
-              $.ajax({
-                  url: "" + pdf_customizer + "/api/update",
-                  type: "POST",
-                  dataType: 'json',
-                  data: jsonReturn,
-                  processData: false,
-                  contentType: "application/json",
-                  CrossDomain: true,
-                  async: true,
-                  success: function(data) {
-                      var strVar2 = ""
-                      strVar2 += ' <div class="callout primary"><div class="row column"><h1 class="pdfeditortitle">CUBOS COLLATERAL MATERIAL</h1>';
-                      strVar2 += '</div></div><div class="row small-up-2 medium-up-3 large-up-3">';
-                      strVar2 += '<br/><br/>' + '<a class="downloadpdf" href="' + pdf_customizer + '/fileentry/getPDF/' + json[0].folder + '/new_' + json[0].file + '"  download="' + json[0].file + '" ><i class="fa  fa-cloud-download fa-5x"></i></br>Download Here</a></div>';
-                     
+      var jsonReturn = '{"pdf":[{"name":"' + json[0].name + '", "folder":"' + json[0].folder + '", "pdfLocation":"' + json[0].file + '","pageWidth":"' + json[0].pageWidth + '","pageHeight":"' + json[0].pageHeight + '"}],"changes":['
+      var e = 1;
+      for (i = 0; i < json.length; ++i) {
 
-                      document.getElementById('contentArea').innerHTML = strVar2
-                  },
-                  error: function(xhr, ajaxOptions, thrownError) { //Add these parameters to display the required response
-                      alert(xhr.status);
-                      document.getElementById('contentArea').innerHTML = xhr.responseText;
-                  }
 
-              });
+        var style = JSON.stringify(json[i].style);
+        var content = JSON.stringify(form[0][e].value);
+        console.log(form[0][e].value);
 
 
+        jsonReturn += '{"label":"' + json[i].label + '", "locationUp":"' + json[i].locationUp + '", "locationRight":"' + json[i].locationRight + '","width":"' + json[i].width + '","height":"' + json[i].height + '", "pages":"' + json[i].pages + '", "content":' + content + ', "z-index":null, "idstylesPDF":"' + json[i].idstylesPDF + '", "style":' + style + ', "order":"' + json[i].order + '", "idchange_typePDF":"' + json[i].idchange_typePDF + '", "change_type":"' + json[i].change_type + '", "fileLocation":"' + pluginUrl + '/wp-content/uploads/pdf/"}';
 
 
-          });
+        if (i < json.length - 1) {
+          jsonReturn += ',';
+        }
+        ++e
+      }
+      jsonReturn += '  ]}';
+      //  console.log(jsonReturn);
+
+
+      $.ajax({
+        url: "" + pdf_customizer + "/api/update",
+        type: "POST",
+        dataType: 'json',
+        data: jsonReturn,
+        processData: false,
+        contentType: "application/json",
+        CrossDomain: true,
+        async: true,
+        success: function(data) {
+          var strVar2 = ""
+          strVar2 += ' <div class="callout primary"><div class="row column"><h1 class="pdfeditortitle">CUBOS COLLATERAL MATERIAL</h1>';
+          strVar2 += '</div></div><div class="row small-up-2 medium-up-3 large-up-3">';
+          strVar2 += '<br/><br/>' + '<a class="downloadpdf" href="' + pdf_customizer + '/fileentry/getPDF/' + json[0].folder + '/new_' + json[0].file + '"  download="' + json[0].file + '" ><i class="fa  fa-cloud-download fa-5x"></i></br>Download Here</a></div>';
 
 
+          document.getElementById('contentArea').innerHTML = strVar2
+        },
+        error: function(xhr, ajaxOptions, thrownError) { //Add these parameters to display the required response
+          alert(xhr.status);
+          document.getElementById('contentArea').innerHTML = xhr.responseText;
+        }
       });
 
-
-  }
\ No newline at end of file
+    });
+  });
+}
\ No newline at end of file