function openPopup(url) {
  window.open(
    url,
    "",
    "width=900, height=550, scrollbars=yes, resizable=yes, location=no"
  );
  return false;
}

function ajax_POSTRequest(form, url, element) {
  var parameters = "sys_Source=ajax";

  for (var i = form.elements.length - 1; i >= 0; i--) {
    parameters =
      parameters +
      "&" +
      form.elements[i].name +
      "=" +
      encodeURIComponent(form.elements[i].value);
  }

  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
    if (request.overrideMimeType) request.overrideMimeType("text/html");
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("MSXML2.XMLHTTP");
  }

  request.onreadystatechange = function () {
    ajax_onResponse(element);
  };
  request.open("POST", url, true);
  request.setRequestHeader("X-Requested-With", "XMLHttpRequest");
  request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  //request.setRequestHeader("Content-length", parameters.length);
  //request.setRequestHeader("Connection", "close");
  request.send(parameters);
}

// Same as old POSTRequest but calls different callback
// function that greys out content when loading rather
// than replacing content with loading gif
function ajax_new_POSTRequest(form, url, element) {
  var parameters = "sys_Source=ajax";

  for (var i = form.elements.length - 1; i >= 0; i--) {
    parameters =
      parameters +
      "&" +
      form.elements[i].name +
      "=" +
      encodeURIComponent(form.elements[i].value);
  }

  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
    if (request.overrideMimeType) request.overrideMimeType("text/html");
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("MSXML2.XMLHTTP");
  }

  request.onreadystatechange = function () {
    ajax_new_onResponse(element);
  };
  request.open("POST", url, true);
  request.setRequestHeader("X-Requested-With", "XMLHttpRequest");
  request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  request.send(parameters);
}

function ajax_new_onResponse(element) {
  var lsError;

  if (request.readyState == 1) {
    setToLoading(element);
  }
  if (request.readyState == 4) {
    if (request.status == 200) {
      setContent(request.responseText, element);
    } else if (request.status == 404) {
      // Add a custom message or redirect the user to another page
      setContent("File not found", element);
    } else if (request.status == 403) {
      // Add a custom message for the error
      setContent("Access Denied", element);
    } else if (request.status == 401) {
      // Add a custom message for the error
      setContent(
        "<h2>Unauthorised</h2><br/>You must log in to view this content.",
        element
      );
    } else if (request.status == 400) {
      // Add a custom message for the error
      lsError = "" + request.getResponseHeader("X-Error-Message");

      // Make sure there is an error message - not sure if this correct, see next case -TB
      if (!lsError.length > 0)
        lsError = "There was a problem retrieving the content.";

      // Display the error as the content
      setContent("<h2>Unable to Continue:</h2><br/>" + lsError, element);
    } else {
      // Add a custom message for the error
      lsErrorID = "" + request.getResponseHeader("X-Error-ID");

      // Make sure there is an error message
      if (!(lsErrorID.length == 36)) {
        setContent(
          "System Error - There was a problem retrieving the content.",
          element
        );
      } else {
        // Display the error as the content
        ajax_makeRequest(
          "/matrix/D468F7A0-BA05-43EB-85AD-EB5A0FA392F8?" + lsErrorID,
          element
        );
      }
    }
  }
}

function setToLoading(element) {
  if (document.getElementById(element)) {
    var lElem = document.getElementById(element);

    // Always show content from response
    lElem.overrideHTML = "";

    // Do not append loading mask if already done so
    //        if(!hasChildWithClass(lElem,"matrix_ajax_refreshmask_holder")) {
    if (!hasChildWithClass(lElem, "matrix_ajax_refreshmask")) {
      if (lElem.tagName == "TR") {
        // Cannot use .innerHTML for table rows
        lElem.firstChild.innerHTML +=
          "<div class='matrix_ajax_refreshmask'><img src='data:image/gif;base64,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' style='position:absolute; top:50%; margin-top:-18px;' /></div>";
      } else {
        // This was in here 22-6-2018 but don't know why, assume it is because of another bug but no idea what. CP
        // lElem.className = "matrix_ajax_refreshmask_holder";

        // Don't apply relative to the right-click menu!
        // Don't apply relative css to queries - problems with BA - RB 18/12/13
        if (
          lElem.getAttribute("id") != "lContextMenu" &&
          lElem.getAttribute("id") != "query"
        ) {
          lElem.style.position = "relative";
        }

        lnodeHolder = document.createElement("div");
        lnodeHolder.className = "matrix_ajax_refreshmask";
        lnodeHolder.minHeight = "50px";
        lnodeHolder.innerHTML =
          "<img src='data:image/gif;base64,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' style='position:absolute; top:50%; margin-top:-18px;' />;";
        lElem.appendChild(lnodeHolder);
      }
    }
  }
}

function hasChildWithClass(element, classname) {
  // look for a child with specified class name
  for (var i = 0; i < element.childNodes.length; i++) {
    if (element.childNodes[i].className == classname) {
      return true;
    }
  }
  // Class not found
  return false;
}

function ajax_updateElement(url, element) {
  // Create Request
  if (window.XMLHttpRequest) request = new XMLHttpRequest();
  else if (window.ActiveXObject) request = new ActiveXObject("MSXML2.XMLHTTP");

  request.onreadystatechange = function () {
    ajax_updateElementonResponse(element);
  };
  request.open("GET", url, true);
  request.setRequestHeader("X-Requested-With", "XMLHttpRequest");
  request.send(null);
}

function ajax_updateElementonResponse(element) {
  if (request.readyState == 4) {
    if (request.status == 200) {
      setContent(request.responseText, element);
    } else if (request.status == 404) {
      // Add a custom message or redirect the user to another page
      setContent("File not found", element);
    } else if (request.status == 400) {
      // Add a custom message for the error
      lsError = "" + request.getResponseHeader("X-Error-Message");

      // Make sure there is an error message - not sure if this correct, see next case -TB
      if (!lsError.length > 0)
        lsError = "There was a problem retrieving the content.";

      // Display the error as the content
      setContent("<h2>Unable to Continue:</h2><br/>" + lsError, element);
    } else {
      // Add a custom message for the error
      lsErrorID = "" + request.getResponseHeader("X-Error-ID");

      // Make sure there is an error message
      if (!(lsErrorID.length == 36)) {
        setContent(
          "System Error - There was a problem retrieving the content.",
          element
        );
      } else {
        // Display the error as the content
        ajax_makeRequest(
          "/matrix/D468F7A0-BA05-43EB-85AD-EB5A0FA392F8?" + lsErrorID,
          element
        );
      }
    }
  }
}

function ajax_makeRequest(url, element) {
  if (window.XMLHttpRequest) request = new XMLHttpRequest();
  else if (window.ActiveXObject) request = new ActiveXObject("MSXML2.XMLHTTP");

  request.onreadystatechange = function () {
    ajax_onResponse(element);
  };
  request.open("GET", url, true);
  request.setRequestHeader("X-Requested-With", "XMLHttpRequest");
  request.send(null);
}

function ajax_onResponse(element) {
  //  if(request.readyState == 0) { setContent("Sending ...", element); }
  if (request.readyState == 1) {
    setToLoading(element);
  }
  //  if(request.readyState == 1) { setContent("<img src='/images/loading2.gif' />", element); }
  //  if(request.readyState == 2) { setContent("Loaded ...", element); }
  if (request.readyState == 3) {
    setContent("Processing ...", element);
  }
  if (request.readyState == 4) {
    if (request.status == 200) {
      setContent(request.responseText, element);
    } else if (request.status == 404) {
      // Add a custom message or redirect the user to another page
      setContent("File not found", element);
    } else if (request.status == 403) {
      // Add a custom message for the error
      setContent("Access Denied", element);
    } else if (request.status == 401) {
      // Add a custom message for the error
      setContent(
        "<h2>Unauthorised</h2><br/>You must log in to view this content.",
        element
      );
    } else if (request.status == 400) {
      // Add a custom message for the error
      lsError = "" + request.getResponseHeader("X-Error-Message");

      // Make sure there is an error message - not sure if this correct, see next case -TB
      if (!lsError.length > 0) {
        lsError = "There was a problem retrieving the content.";
      }

      // Display the error as the content
      setContent("<h2>Unable to Continue:</h2><br/>" + lsError, element);
    } else {
      // Add a custom message for the error
      lsErrorID = "" + request.getResponseHeader("X-Error-ID");

      // Make sure there is an error message
      if (!(lsErrorID.length == 36)) {
        setContent(
          "System Error - There was a problem retrieving the content.",
          element
        );
      } else {
        // Display the error as the content
        ajax_makeRequest(
          "/matrix/D468F7A0-BA05-43EB-85AD-EB5A0FA392F8?" + lsErrorID,
          element
        );
      }
    }
  }
}

function setContent(newContent, element) {
  if (document.getElementById(element)) {
    var lElem = document.getElementById(element);
    if (lElem) {
      if (lElem.overrideHTML != newContent) {
        lElem.overrideHTML = newContent;

        if (lElem.tagName != "TR") {
          lElem.innerHTML = newContent;
        } else {
          // Need to remove the existing cell
          lElem.removeChild(lElem.firstChild);

          //lElem = newContent
          var newCell = lElem.insertCell(0);
          newCell.innerHTML = newContent;
          newCell.style.position = "relative";
          newCell.colSpan = 3;
        }
      }
      // Execute javascript in the new code
      execJS(lElem);
    }
  }
}

var bSaf = navigator.userAgent.indexOf("Safari") != -1;
var bOpera = navigator.userAgent.indexOf("Opera") != -1;
var bMoz = navigator.appName == "Netscape";

function execJS(node) {
  var st = node.getElementsByTagName("SCRIPT");
  var strExec;
  for (var i = 0; i < st.length; i++) {
    if (bSaf) strExec = st[i].innerHTML;
    else if (bOpera) strExec = st[i].text;
    else if (bMoz) strExec = st[i].textContent;
    else strExec = st[i].text;

    try {
      eval(strExec.split("<!--").join("").split("-->").join(""));
    } catch (e) {
      alert(e);
    }
  }
}

function startDrag(ev, sourceObjectID) {
  // post the data for Windows:
  var dragData = ev.dataTransfer;

  // set the type of data for the clipboard:
  dragData.setData("Text", sourceObjectID);

  // allow only dragging that involves moving the object:
  dragData.effectAllowed = "all";

  // use the special 'move' cursor when dragging:
  dragData.dropEffect = "move";
}

function enterDrag(ev) {
  // allow target object to read clipboard:
  // window.event.dataTransfer.getData('Text');
  ev.returnValue = false;
}

function endDrag(ev) {
  // when done remove clipboard data
  ev.dataTransfer.clearData();
}

function overDrag(ev) {
  //window.event.srcElement.scrollIntoView();

  ev.preventDefault ? ev.preventDefault() : (ev.returnValue = false);

  //ev.srcElement.focus();
  //ev.returnValue=false;

  //window.event.srcElement.scrollIntoView();
  // tell onOverDrag handler not to do anything
  //window.event.returnValue = false;
}

function drop(ev, targetObjectID, ParameterName) {
  ev.preventDefault ? ev.preventDefault() : (ev.returnValue = false);
  // eliminate default action of ondrop so we can customize:
  parent.mainFrame.location =
    "/matrix/bxe-3B5F3014-CF29-4694-815A-FA834B77F506?" +
    ev.dataTransfer.getData("Text") +
    "&" +
    targetObjectID +
    "&" +
    ParameterName;
  ev.returnValue = false;
}

function droptv(ev, targetObjectID) {
  ev.preventDefault ? ev.preventDefault() : (ev.returnValue = false);
  // eliminate default action of ondrop so we can customize:
  //parent.mainFrame.location = '/matrix/bxe-DE5F1C15-09AC-4F2C-BBEF-985FB6092538?' + ev.dataTransfer.getData('Text') + '&' + targetObjectID;

  if (ev.ctrlKey) {
    // Ctrl key is held down - try and run the admin 'move/copy' override
    parent.mainFrame.location =
      "/matrix/bxe-DE5F1C15-09AC-4F2C-BBEF-985FB6092538?" +
      ev.dataTransfer.getData("Text") +
      "&" +
      targetObjectID;
  } else {
    // Run the standard code
    top.tbox_show(
      "/matrix/4AEDC633-A081-4D3F-8F10-A10A80C9647E?" +
        ev.dataTransfer.getData("Text") +
        "&" +
        targetObjectID,
      "Drag Item",
      { height: 340, width: 640 }
    );
  }

  ev.returnValue = false;
}

function fnCancelEffect(ev) {
  //alert(window.event.srcElement.innerHTML);
  ev.preventDefault ? ev.preventDefault() : (ev.returnValue = false);
  //ev.returnValue=false;
}

function clearSelection(targetField) {
  if (targetField.createTextRange) {
    var range = targetField.createTextRange();
    range.moveStart("character", targetField.value.length);
    range.select();
  }
}

function controlCursor_Tab(formControl, e) {
  if (
    (e.keyCode == 13 && e.shiftKey == false) ||
    (e.keyCode == 9 && e.shiftKey == false)
  ) {
    moveFocus(formControl, 1);
    return false;
  }
  if (
    (e.keyCode == 13 && e.shiftKey == true) ||
    (e.keyCode == 9 && e.shiftKey == true)
  ) {
    moveFocus(formControl, -1);
    return false;
  }
}

function controlCursor_Cursor(formControl, e) {
  if (e.keyCode == 40) {
    moveFocus(formControl, 1);
    return false;
  }
  if (e.keyCode == 38) {
    moveFocus(formControl, -1);
    return false;
  }
}

function controlCursor_Date(formControl, e) {
  // Check for any character that could seperate a date and use it to tab to the next control

  if (
    e.keyCode == 111 ||
    e.keyCode == 189 ||
    e.keyCode == 191 ||
    e.keyCode == 109 ||
    e.keyCode == 32
  ) {
    moveFocus(formControl, 1);
    return false;
  }
}

function checkInteger(formControl, e) {
  if (!isHorzCursor(e.keyCode) && !isNumeric(e.keyCode)) return false;
}

function checkNumeric(formControl, e) {
  if (
    !isHorzCursor(e.keyCode) &&
    !(isNumeric(e.keyCode) && e.shiftKey == false) &&
    !(e.keyCode == 109) &&
    !(e.keyCode == 110) &&
    !(e.keyCode == 189 && e.shiftKey == false) &&
    !(e.keyCode == 190 && e.shiftKey == false)
  )
    return false;
}

function checkAlpha(formControl, e) {
  if (!isHorzCursor(e.keyCode) && !isAlphabetical(e.keyCode)) return false;
}

function checkAlphaNumeric(formControl, e) {
  if (!isHorzCursor(e.keyCode) && !isAlphaNumeric(e.keyCode)) return false;
}

function checkEmail(formControl, e) {
  if (!isHorzCursor(e.keyCode) && !isEmail(e.keyCode, e.shiftKey)) return false;
}

function checkURL(formControl, e) {
  if (!isHorzCursor(e.keyCode) && !isURL(e.keyCode, e.shiftKey)) return false;
}

function checkCursor(formControl, e) {
  if (!isHorzCursor(e.keyCode) && !isVertCursor(e.keyCode)) return false;
}

function isCursor(key) {
  var flag = false;
  // Cursors
  // left right
  if (key == 37 && key == 39) flag = true;
  // up down
  if (key == 38 && key == 40) flag = true;
  return flag;
}

function isVertCursor(key) {
  var flag;
  // up down
  if (key == 38 || key == 40) flag = true;
  return flag;
}

function isHorzCursor(key) {
  var flag;
  // left right
  if (key == 37 || key == 39) flag = true;
  return flag;
}

function isNumeric(key) {
  flag = false;

  // Numbers along the top
  if (key >= 48 && key <= 57) {
    flag = true;
  }

  // Numeric keypad
  if (key >= 96 && key <= 105) {
    flag = true;
  }

  // Backspace and something else
  if (key == 8 || key == 46) {
    flag = true;
  }

  // Return
  return flag;
}

function isURL(key, shift) {
  //alert(key);
  var flag = false;

  // Numbers along the top
  if (key >= 48 && key <= 57 && shift == false) {
    flag = true;
  }

  // Numeric keypad
  if (key >= 96 && key <= 105) {
    flag = true;
  }

  // Hyphen and underscore
  if (key == 189 || key == 109) {
    flag = true;
  }

  // Backspace, Home, End, and delete
  if (key == 8 || key == 36 || key == 35 || key == 46) {
    flag = true;
  }

  // standard letters
  if (key >= 65 && key <= 90) {
    flag = true;
  }

  // Others such as Period Key and ???
  if ((key == 190 && shift == false) || key == 110) {
    flag = true;
  }

  // @ symbol - uk keyboard
  if (key == 192 && shift == true) {
    flag = true;
  }

  // @ symbol - us keyboard
  if (key == 50 && shift == true) {
    flag = true;
  }

  // url characters []!$&'()
  if (
    (key == 219 && shift == false) ||
    (key == 221 && shift == false) ||
    (key == 49 && shift == true) ||
    (key == 192 && shift == false) ||
    (key == 57 && shift == true) ||
    (key == 48 && shift == true)
  ) {
    flag = true;
  }

  // url characters *+,;=~
  if (
    (key == 56 && shift == true) ||
    (key == 187 && shift == true) ||
    (key == 188 && shift == false) ||
    (key == 187 && shift == false) ||
    (key == 186 && shift == false) ||
    (key == 222 && shift == true) ||
    (key == 192 && shift == true)
  ) {
    flag = true;
  }

  // url characters :/?%
  if (
    (key == 186 && shift == true) ||
    (key == 191 && shift == false) ||
    (key == 191 && shift == true) ||
    (key == 53 && shift == true)
  ) {
    flag = true;
  }

  // Return
  return flag;
}

function isEmail(key, shift) {
  //alert(key);
  var flag = false;

  // Numbers along the top
  if (key >= 48 && key <= 57 && shift == false) {
    flag = true;
  }

  // Numeric keypad
  if (key >= 96 && key <= 105) {
    flag = true;
  }

  // Hyphen and underscore
  if (key == 189 || key == 109) {
    flag = true;
  }

  // Backspace, Home, End, and delete
  if (key == 8 || key == 36 || key == 35 || key == 46) {
    flag = true;
  }

  // standard letters
  if (key >= 65 && key <= 90) {
    flag = true;
  }

  // Others such as Period Key and ???
  if ((key == 190 && shift == false) || key == 110) {
    flag = true;
  }

  // @ symbol - uk keyboard
  if (key == 192 && shift == true) {
    flag = true;
  }

  // @ symbol - firefox
  if (key == 222 && shift == true) {
    flag = true;
  }

  // @ symbol - us keyboard
  if (key == 50 && shift == true) {
    flag = true;
  }

  // Return
  return flag;
}

function isAlphabetical(key) {
  var flag = false;

  // standard letters
  if (key >= 65 && key <= 90) {
    flag = true;
  }

  // Other characters that are allowed ('_.del')
  if (
    key == 8 ||
    key == 46 ||
    key == 222 ||
    key == 192 ||
    key == 190 ||
    key == 110
  ) {
    flag = true;
  }

  // Space
  if (key == 32) {
    flag = true;
  }

  // Hyphen and underscore
  if (key == 109 || key == 189) {
    flag = true;
  }

  // Return
  return flag;
}

function isAlphaNumeric(key) {
  flag = isNumeric(key) || isAlphabetical(key);
  return flag;
}

function guessYear(fldYear) {
  // If the user enters '03' for the year, it will be seen as '0003'
  // We could easily convert this to '2003' so lets give it a bash

  // Declares
  var now;
  var date = "";
  var lsNewYear = "";
  var currentYear = 0;
  var lYear = "";

  // Extract the year in numeric form
  lYear = Number(fldYear);

  // If length of year value is 2 digits or less
  if (lYear < 100 && lYear > 0) {
    // Try to guess to relevant leading 2 digits

    // Make a note of the current date and time
    now = new Date();

    // Get the current year, i.e. 2003 = 03
    currentYear = Number(String(now.getFullYear()).substr(2, 2));

    // Get the right hand two characters from the entered year and prefix it with zeros, i.e. 3 = 03
    lsNewYear = "00" + fldYear;
    lsNewYear = lsNewYear.substring(lsNewYear.length - 2);

    // Select the prefix 19 or 20 and return it
    if (lYear > currentYear + 10) {
      return "19" + lsNewYear;
    } else {
      return "20" + lsNewYear;
    }
  } else {
    return fldYear;
  }
}

function updateDateFieldKeyUp(fld) {
  // Declares
  var lsYear, lsMonth, lsDay, lsHour, lsMinute, lsSecond;
  var lsMasterFieldName;

  // Get the field values
  lsMasterFieldName = fld.name;
  lsYear = "0000" + fld.form.elements[lsMasterFieldName + "_YYYY"].value;
  lsMonth = "00" + fld.form.elements[lsMasterFieldName + "_MM"].value;
  lsDay = "00" + fld.form.elements[lsMasterFieldName + "_DD"].value;
  lsHour = "00" + fld.form.elements[lsMasterFieldName + "_HH"].value;
  lsMinute = "00" + fld.form.elements[lsMasterFieldName + "_MI"].value;
  lsSecond = "00" + fld.form.elements[lsMasterFieldName + "_SS"].value;

  lsYear = lsYear.substring(lsYear.length - 4);
  lsMonth = lsMonth.substring(lsMonth.length - 2);
  lsDay = lsDay.substring(lsDay.length - 2);
  lsHour = lsHour.substring(lsHour.length - 2);
  lsMinute = lsMinute.substring(lsMinute.length - 2);
  lsSecond = lsSecond.substring(lsSecond.length - 2);

  // Set the new date
  if (
    parseInt(lsYear) == 0 &&
    parseInt(lsMonth) == 0 &&
    (parseInt(lsDay) == 0 || parseInt(lsDay) == 1) &&
    parseInt(lsHour) == 0 &&
    parseInt(lsMinute) == 0 &&
    parseInt(lsSecond) == 0
  ) {
    // If there is no date return it as a blank
    fld.form.elements[lsMasterFieldName].value = "";
  } else {
    fld.form.elements[lsMasterFieldName].value =
      lsYear + lsMonth + lsDay + lsHour + lsMinute + lsSecond;
  }

  return lsYear + lsMonth + lsDay;
}

function updateDateField(fld, endDateFld) {
  // Declares
  var lsYear, lsMonth, lsDay, lsHour, lsMinute, lsSecond;
  var lsMasterFieldName;

  // Get the field values
  lsMasterFieldName = fld.name;

  // Get the field values
  // lsYear = "0000" + fld.form.elements[lsMasterFieldName + '_YYYY'].value;

  lsYear = guessYear(
    "0000" + fld.form.elements[lsMasterFieldName + "_YYYY"].value
  );

  lsMonth = "00" + fld.form.elements[lsMasterFieldName + "_MM"].value;
  lsDay = "00" + fld.form.elements[lsMasterFieldName + "_DD"].value;
  lsHour = "00" + fld.form.elements[lsMasterFieldName + "_HH"].value;
  lsMinute = "00" + fld.form.elements[lsMasterFieldName + "_MI"].value;
  lsSecond = "00" + fld.form.elements[lsMasterFieldName + "_SS"].value;

  lsYear = lsYear.substring(lsYear.length - 4);
  lsMonth = lsMonth.substring(lsMonth.length - 2);
  lsDay = lsDay.substring(lsDay.length - 2);
  lsHour = lsHour.substring(lsHour.length - 2);
  lsMinute = lsMinute.substring(lsMinute.length - 2);
  lsSecond = lsSecond.substring(lsSecond.length - 2);

  // Set the new date
  if (
    parseInt(lsYear) == 0 &&
    parseInt(lsMonth) == 0 &&
    parseInt(lsDay) == 0 &&
    parseInt(lsHour) == 0 &&
    parseInt(lsMinute) == 0 &&
    parseInt(lsSecond) == 0
  ) {
    // If there is no date return it as a blank
    fld.form.elements[lsMasterFieldName].value = "";
  } else if (
    parseInt(lsYear) == 0 &&
    parseInt(lsMonth) == 0 &&
    parseInt(lsDay) == 1 &&
    parseInt(lsHour) == 0 &&
    parseInt(lsMinute) == 0 &&
    parseInt(lsSecond) == 0
  ) {
    // If there is no date other than 01 in the day then return it as a blank
    fld.form.elements[lsMasterFieldName].value = "";
  } else {
    fld.form.elements[lsMasterFieldName].value =
      lsYear + lsMonth + lsDay + lsHour + lsMinute + lsSecond;
  }

  // Time range
  if (endDateFld) {
    lsEndHour = "00" + fld.form.elements[lsMasterFieldName + "_END_HH"].value;
    lsEndMinute = "00" + fld.form.elements[lsMasterFieldName + "_END_MI"].value;
    lsEndHour = lsEndHour.slice(-2);
    lsEndMinute = lsEndMinute.slice(-2);

    lsEndDate = lsYear + lsMonth + lsDay + lsEndHour + lsEndMinute + "00";
    if (lsEndDate.length == 14) endDateFld.value = lsEndDate;
  }

  return lsYear + lsMonth + lsDay;
}


//SW 30/09/2022 - Added ability to uncheck buttons in buttonset
function updateRadioField(fld) {
  var lFields = fld.form.elements;
  var textField = fld.form.elements.namedItem(fld.name.substr(3));
  for (var i = 0; i < lFields.length; i++) {
    lField = lFields[i];
    if (lField.name == fld.name) {
      if (lField.checked) {
        if(textField.value === lField.value) {
          textField.value = "";
          lField.checked = false;
          $(fld.parentElement).buttonset('refresh');
        }
        else {
          textField.value = lField.value;
        }
        try {
          var event = new Event("change");
          textField.dispatchEvent(event);
        } catch (e) {}
      }
    }
  }
}

function updateCheckField(fld) {
  var checkField = fld;
  var textField = eval("checkField.form." + fld.name.substr(3));

  if (checkField.checked) textField.value = 1;
  else textField.value = 0;

  try {
    var event = new Event("change");
    textField.dispatchEvent(event);
  } catch (e) {}
}

// added by JH 18.12 to update our new lookup type
function updateGrid(pSelection) {
  // get all of the children associated with this container
  var parentWrapperChildren = pSelection.parentElement.children;
  // unset the display class and radio significance
  for (var i = 0; parentWrapperChildren.length > i; i++) {
    if (parentWrapperChildren[i].nodeName == "LABEL")
      parentWrapperChildren[i].classList.remove("selected");
    if (parentWrapperChildren[i].nodeName == "INPUT")
      parentWrapperChildren[i].setAttribute("significant", "false");
  }

  // reset the selection to be this value
  pSelection.setAttribute("significant", "true");
  document.getElementById(pSelection.id + "_label").classList.add("selected");
}

// added by JH 18.12 to update our new lookup type
function updateButtonSet(pSelection) {
  // get all of the children associated with this container
  var parentWrapperChildren = pSelection.parentElement.children;
  // unset the display class and radio significance
  for (var i = 0; parentWrapperChildren.length > i; i++) {
    if (parentWrapperChildren[i].nodeName == "LABEL")
      parentWrapperChildren[i].classList.remove("ui-state-active");
    if (parentWrapperChildren[i].nodeName == "INPUT")
      parentWrapperChildren[i].setAttribute("significant", "false");
  }

  // reset the selection to be this value
  pSelection.setAttribute("significant", "true");
  document
    .getElementById(pSelection.id + "_label")
    .classList.add("ui-state-active");
}
function onBeforePrint() {
  // Show the new page
  for (var i = 1; i < lastPage; i++) {
    if (checkIfPageIsAllowed(i)) {
      document.getElementById("Page" + i).style.display = "block";
    }
  }

  // Hide the buttons
  document.getElementById("button_submit").style.visibility = "hidden";
  document.getElementById("button_next").style.visibility = "hidden";
  document.getElementById("button_back").style.visibility = "hidden";
}

function onAfterPrint() {
  // Hide all the pages except the current one
  for (var i = 1; i < lastPage; i++) {
    if (i == currentPage) {
    } else {
      document.getElementById("Page" + i).style.display = "none";
    }
  }

  // Show the right buttons
  hideShowButtons(currentPage);
}

function validateValidCurrency(targetField) {
  var regXp = /^[-]?([1-9]{1}[0-9]{0,}(\.[0-9]{0,2})?|0(\.[0-9]{0,2})?|\.[0-9]{1,2})$/;

  if (targetField.value.match(regXp)) return true;
  else return false;
}

/**
function validateAjax(targetField){ 

   var strReturn = "";
   var lbValid = 0;
   var parameters = "sys_Source=ajax"

   for (var i=targetField.form.elements.length - 1; i>=0; i--){  
     parameters = parameters + "&" + targetField.form.elements[i].name + "=" + encodeURI(targetField.form.elements[i].value)
   }  

   jQuery.ajax({
     type: 'POST',
     data: parameters,
     url: '/matrix/' + targetField.eventobjectid + '?' + queryObjectID,
     success:function(html){strReturn = html;lbValid=1},
     error:function(x, e){strReturn = x.responseText;},
     async:false
   });

   if (lbValid==1) return true;
   else return false;
}
**/

// targetField is a validation rule object

function validateAjax(targetField) {
  var strReturn = "";
  var lbValid = 0;
  var parameters = "sys_Source=ajax";
  var lform = targetField.field.form;

  for (var i = lform.elements.length - 1; i >= 0; i--) {
    parameters =
      parameters +
      "&" +
      lform.elements[i].name +
      "=" +
      encodeURI(lform.elements[i].value);
  }

  jQuery.ajax({
    type: "POST",
    data: parameters,
    url: "/matrix/" + targetField.eventobjectid + "?" + queryObjectID,
    success: function (html) {
      // eval('validate' + targetField.Name + '()');
      strReturn = html;
      lbValid = 1;
      if (targetField.async)
        targetField.displayRow.className = "Form_Row_Valid";
    },
    error: function (x, e) {
      strReturn = x.responseText;
    },
    async: targetField.async,
  });

  if (targetField.async) {
    return false;
  } else {
    if (lbValid == 1) {
      return true;
    } else {
      // As the validation is being done async return false until set in callback
      return false;
    }
  }
}

function validateValidDate(targetField) {
  var inyear = "";
  var inmonth = "";
  var inday = "";
  var inmydate = targetField.value; // The input date should be in the format '19001231000000'
  var ch = ""; // A var used to store a character from a string

  inyear = inmydate.substr(0, 4);
  inmonth = inmydate.substr(4, 2);
  inday = inmydate.substr(6, 2);
  inhour = inmydate.substr(8, 2);
  inminute = inmydate.substr(10, 2);
  insecond = inmydate.substr(12, 2);

  // If no date specified assume it is OK
  if (inmydate.length == 0) return true;

  // Make sure the user has entered all of the date
  if (inmydate.length != 14) return false;

  // Check to make sure the user has only entered numbers
  for (var i = 0; i < inmydate.length; i++) {
    // Get this particular character from the date string
    ch = inmydate.substring(i, i + 1);

    // See if it is outside the valid range
    if (ch < "0" || ch > "9") {
      // tsch, no good.
      return false;
    }
  }

  // Check to make sure the user hasn't entered a day outside the number of days in the month
  if (
    parseInt(inday, 10) >
      daysInMonth(parseInt(inmonth, 10), parseInt(inyear, 10)) ||
    parseInt(inday, 10) < 1
  )
    return false;
  if (parseInt(inmonth, 10) > 12 || parseInt(inmonth, 10) < 1) return false;
  if (parseInt(inhour, 10) > 23 || parseInt(inhour, 10) < 0) return false;
  if (parseInt(inminute, 10) > 59 || parseInt(inminute, 10) < 0) return false;
  if (parseInt(insecond, 10) > 59 || parseInt(insecond, 10) < 0) return false;

  // Check to make sure the user has entered a year
  if (parseInt(inyear, 10) == 0) return false;

  // Check bounds from datepicker
  if (targetField.upperbounds && targetField.upperbounds.length > 0) {
    arrayUpperBounds = targetField.upperbounds.split(",");
    for (var i = 0; i < arrayUpperBounds.length; i++) {
      upperBoundValue = document.getElementById("fld" + arrayUpperBounds[i])
        .value;
      if (upperBoundValue.length > 0 && targetField.value > upperBoundValue)
        return false;
    }
  }
  if (targetField.lowerbounds && targetField.lowerbounds.length > 0) {
    arrayLowerBounds = targetField.lowerbounds.split(",");
    for (var i = 0; i < arrayLowerBounds.length; i++) {
      lowerBoundValue = document.getElementById("fld" + arrayLowerBounds[i])
        .value;
      if (lowerBoundValue.length > 0 && targetField.value < lowerBoundValue)
        return false;
    }
  }

  // Still Here?? - must be correct
  return true;
}

function validateLength2(targetField) {
  if (
    targetField.value.length < parseInt(targetField.min) ||
    targetField.value.length > parseInt(targetField.max)
  ) {
    return false;
  } else {
    return true;
  }
}

function validateRequired(targetField) {
  if (targetField.value.length == 0) {
    return false;
  } else {
    return true;
  }
}

function validateSum(targetField) {
  var fieldsArray = targetField.fields.split(",");
  var runningTotal = parseInt(targetField.value);

  for (var i = 0; i < fieldsArray.length; i++) {
    runningTotal =
      runningTotal +
      parseInt(targetField.field.form.elements["fld" + fieldsArray[i]].value);
  }

  if (targetField.max) {
    if (parseInt(runningTotal) > parseInt(targetField.max)) {
      return false;
    }
  }
  if (targetField.min) {
    if (parseInt(runningTotal) < parseInt(targetField.min)) {
      return false;
    }
  }
  if (targetField.targetvalue) {
    if (runningTotal == targetField.targetvalue) {
      return false;
    }
  }

  return true;
}

function validateRegExpr(targetField) {
  var regXp = new RegExp(targetField.regxp);
  if (regXp.test(targetField.value)) {
    return true;
  } else {
    return false;
  }
}

function validateJavaExpr(targetField) {
  // Create some links to expose the field to the validation expression
  this.field = targetField.field;
  document.frmMain = targetField.field.form;

  // Run the expression and see if it return true (i.e. valid)
  if (eval(targetField.expr)) {
    return true;
  } else {
    return false;
  }
}

function validateValue(targetField) {
  // If a field has been specified to test the date against use that instead of the system date
  if (targetField.inrelationto) {
    var sourceField =
      targetField.field.form.elements["fld" + targetField.inrelationto].value;

    // Check the value of this field as a percentage of the related value
    var percIndex;
    var thisValue = targetField.value;

    if (targetField.min) {
      var minVal = targetField.min;
      minVal = parseFloat(minVal.substring(0, minVal.indexOf("%")));
      if (thisValue < (minVal / 100) * parseFloat(sourceField)) {
        return false;
      }
    }

    if (targetField.max) {
      var maxVal = targetField.max;
      maxVal = parseInt(maxVal.substring(0, maxVal.indexOf("%")));
      if (thisValue > (maxVal / 100) * parseFloat(sourceField)) {
        return false;
      }
    }
  } else {
    if (targetField.max) {
      if (parseInt(targetField.value) > parseInt(targetField.max)) {
        return false;
      }
    }
    if (targetField.min) {
      if (parseInt(targetField.value) < parseInt(targetField.min)) {
        return false;
      }
    }
    if (targetField.targetvalue) {
      if (targetField.value == targetField.targetvalue) {
        return false;
      }
    }
  }
  return true;
}

function validateLength(targetField) {
  if (targetField.max) {
    if (parseInt(targetField.value.length) > parseInt(targetField.max)) {
      return false;
    }
  }
  if (targetField.min) {
    if (
      parseInt(targetField.value.length) < parseInt(targetField.min) &&
      parseInt(targetField.value.length) > 0
    ) {
      return false;
    }
  }
  return true;
}

function validateValidURL(targetField) {
  // If no data assume it is OK
  if (targetField.value.length == 0) {
    return true;
  }
  var regXp = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/;

  var patt = new RegExp(regXp);

  if (patt.test(targetField.value)) {
    return true;
  } else {
    return false;
  }
}

function validateValidEmailAddress(targetField) {
  // If no data assume it is OK
  if (targetField.value.length == 0) {
    return true;
  }

  var regXp = /^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$/;

  if (targetField.value.match(regXp)) {
    return true;
  } else {
    return false;
  }
}

function validateValidPostCode(targetField) {
  // If no data assume it is OK
  if (targetField.value.length == 0) {
    return true;
  }

  // Convert to upper case
  targetField.value = targetField.value.toUpperCase();

  // Removed as postcodes with 4 characters at start don't work e.g. "RH15" puts "R H15" RB - Dec 2015
  // Check for no space
  // if (targetField.value.indexOf(' ') < 0) {
  //  size = targetField.value.length
  //  if (size > 3) {
  //    targetField.value = targetField.value.substr(0,size-3) + " " + targetField.value.substr(size-3,size);
  //  }
  // }

  targetField.field.value = targetField.value;

  var regXp = /^(((^[BEGLMNS][1-9]\d?)|(^W[2-9])|(^(A[BL]|B[ABDHLNRST]|C[ABFHMORTVW]|D[ADEGHLNTY]|E[HNX]|F[KY]|G[LUY]|H[ADGPRSUX]|I[GMPV]|JE|K[ATWY]|L[ADELNSU]|M[EKL]|N[EGNPRW]|O[LX]|P[AEHLOR]|R[GHM]|S[AEGKL-PRSTWY]|T[ADFNQRSW]|UB|W[ADFNRSV]|YO|ZE)\d\d?)|(^W1[A-HJKSTUW0-9])|(^E1[W])|(((^WC[1-2])|(^EC[1-4])|(^SW1))[ABEHMNPRVWXY]))(\s){1}([0-9][ABD-HJLNP-UW-Z]{2}))$|(^GIR\s?0AA$)$/;

  return targetField.value.match(regXp);
}

function validatePasswordComplexity(targetField) {
  var regXp = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).{4,8}$/;

  if (targetField.value.match(regXp)) {
    return true;
  } else {
    return false;
  }
}

function getTodayAsMatrixDate() {
  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth() + 1;
  var yyyy = today.getFullYear();
  if (dd < 10) {
    dd = "0" + dd;
  }
  if (mm < 10) {
    mm = "0" + mm;
  }
  today = "" + yyyy + mm + dd + "000000";
  return today;
}

function validateDateAge(targetField) {
  // Declares
  var minDate;
  var maxDate;
  var sourceDate;

  // If a field has been specified to test the date against use that instead of the system date
  if (targetField.inrelationto) {
    if (
      //targetField.form.elements["fld" + targetField.inrelationto].value
        //.length == 0
      targetField.field.form.elements["fld" + targetField.inrelationto].value
        .length == 0
    )
      return true;
    sourceDate =
      //targetField.form.elements["fld" + targetField.inrelationto].value;
      targetField.field.form.elements["fld" + targetField.inrelationto].value;
  } else {
    sourceDate = getTodayAsMatrixDate();
  }

  minDate = dateSubtract(sourceDate, targetField.min);
  maxDate = dateSubtract(sourceDate, targetField.max);

  minDate = "" + minDate;
  maxDate = "" + maxDate;

  minDate = minDate.substr(0, 8) + "000000";
  maxDate = maxDate.substr(0, 8) + "000000";

  if (
    ((targetField.value >= maxDate || targetField.max.length != 14) &&
      (targetField.value <= minDate || targetField.min.length != 14)) ||
    targetField.value.length == 0
  ) {
    return true;
  } else {
    return false;
  }
}

function validateFutureDate(targetField) {
  var minDate;
  var maxDate;
  var sourceDate;

  // If a field has been specified to test the date against use that instead of the system date
  if (targetField.inrelationto) {
    if (
      targetField.field.form.elements["fld" + targetField.inrelationto].value
        .length == 0
    )
      return true;
    sourceDate =
     targetField.field.form.elements["fld" + targetField.inrelationto].value;
  } else {
    sourceDate = getTodayAsMatrixDate();
  }

  minDate = dateAdd(sourceDate, targetField.min);
  maxDate = dateAdd(sourceDate, targetField.max);

  minDate = "" + minDate;
  maxDate = "" + maxDate;

  minDate = minDate.substr(0, 8) + "000000";
  maxDate = maxDate.substr(0, 8) + "000000";

  if (
    ((targetField.value <= maxDate || targetField.max.length != 14) &&
      (targetField.value >= minDate || targetField.min.length != 14)) ||
    targetField.value.length == 0
  ) {
    return true;
  } else {
    return false;
  }
}

function dateAdd(psDate1, psDate2) {
  // Declares
  var lsDate1 = psDate1,
    lsDate2 = psDate2;
  var liSecondsCarry = 0;
  var liMinutesCarry = 0;
  var liHoursCarry = 0;
  var liDaysCarry = 0;
  var liMonthsCarry = 0;
  var liOverflow = 0;
  var ldResult = "";
  var ldPreResult;
  var ldSec1, ldSec2, liTempSec;
  var ldMin1, ldMin2, liTempMin;
  var ldHour1, ldHour2, liTempHour;
  var ldDay1, ldDay2, liTempDay;
  var liDaysThisMonth;
  var ldMonth1, ldMonth2, liTempMonth;
  var ldYear1, ldYear2, liTempYear;
  var liRemainingDays = 0;

  // Check dates are of correct length
  if (lsDate1.length != 14 || lsDate2.length != 14) return false;

  // Add seconds
  ldSec1 = parseInt(lsDate1.substr(12, 2), 10);
  ldSec2 = parseInt(lsDate2.substr(12, 2), 10);
  liTempSec = ldSec1 + ldSec2;
  if (liTempSec > 59) {
    liSecondsCarry = parseInt(liTempSec / 60);
    liTempSec = liTempSec % 60;
  }
  liTempSec = "00" + liTempSec;
  liTempSec = liTempSec.substr(liTempSec.length - 2, 2);

  // Add minutes
  ldMin1 = parseInt(lsDate1.substr(10, 2), 10);
  ldMin2 = parseInt(lsDate2.substr(10, 2), 10);
  liTempMin = ldMin1 + ldMin2 + liSecondsCarry;
  if (liTempMin > 59) {
    liMinutesCarry = parseInt(liTempMin / 60);
    liTempMin = liTempMin % 60;
  }
  liTempMin = "00" + liTempMin;
  liTempMin = liTempMin.substr(liTempMin.length - 2, 2);

  // Add hours
  ldHour1 = parseInt(lsDate1.substr(8, 2), 10);
  ldHour2 = parseInt(lsDate2.substr(8, 2), 10);
  liTempHour = ldHour1 + ldHour2 + liMinutesCarry;
  if (liTempHour > 23) {
    liHoursCarry = parseInt(liTempHour / 24);
    liTempHour = liTempHour % 24;
  }
  liTempHour = "00" + liTempHour;
  liTempHour = liTempHour.substr(liTempHour.length - 2, 2);

  // Add days
  liDaysThisMonth = daysInMonth(lsDate1.substr(4, 2), lsDate1.substr(0, 4));
  ldDay1 = parseInt(lsDate1.substr(6, 2), 10);
  ldDay2 = parseInt(lsDate2.substr(6, 2), 10);
  liTempDay = ldDay1 + ldDay2 + liHoursCarry;
  if (liTempDay > liDaysThisMonth) {
    liDaysCarry = 1;
    liRemainingDays = liTempDay - liDaysThisMonth - 1;
    liTempDay = 1;
  }
  liTempDay = "00" + liTempDay;
  liTempDay = liTempDay.substr(liTempDay.length - 2, 2);

  // Add months
  ldMonth1 = parseInt(lsDate1.substr(4, 2), 10);
  ldMonth2 = parseInt(lsDate2.substr(4, 2), 10);
  liTempMonth = ldMonth1 + ldMonth2 + liDaysCarry;
  if (liTempMonth > 12) {
    liMonthsCarry = parseInt(liTempMonth / 12);
    liTempMonth = liTempMonth % 12;
  }
  liTempMonth = "00" + liTempMonth;
  liTempMonth = liTempMonth.substr(liTempMonth.length - 2, 2);

  // Add years
  ldYear1 = parseInt(lsDate1.substr(0, 4), 10);
  ldYear2 = parseInt(lsDate2.substr(0, 4), 10);
  liTempYear = ldYear1 + ldYear2 + liMonthsCarry;
  if (liTempYear > 9999) {
    liOverflow = parseInt(liTempMonth / 9999);
    liTempYear = liTempYear - liOverflow * 9999;
  }
  liTempYear = "0000" + liTempYear;
  liTempYear = liTempYear.substr(liTempYear.length - 4, 4);

  // Form results
  ldResult = liTempYear + liTempMonth + liTempDay;
  ldPreResult = liTempHour + liTempMin + liTempSec;

  ldResult = ldResult + ldPreResult;

  if (liRemainingDays > 0) {
    liRemainingDays = "00" + liRemainingDays;
    liRemainingDays = liRemainingDays.substr(liRemainingDays.length - 2, 2);
    return dateAdd(ldResult, "000000" + liRemainingDays + "000000");
  } else {
    return ldResult;
  }
}

function dateSubtract(psDate1, psDate2) {
  // Declares
  var lsDate1 = psDate1,
    lsDate2 = psDate2;
  var liSecondsCarry = 0;
  var liMinutesCarry = 0;
  var liHoursCarry = 0;
  var liDaysCarry = 0;
  var liMonthsCarry = 0;
  var liOverflow = 0;
  var ldResult = "";
  var ldPreResult;
  var ldSec1, ldSec2, liTempSec;
  var ldMin1, ldMin2, liTempMin;
  var ldHour1, ldHour2, liTempHour;
  var ldDay1, ldDay2, liTempDay;
  var liDaysThisMonth;
  var ldMonth1, ldMonth2, liTempMonth;
  var ldYear1, ldYear2, liTempYear;
  var liRemainingDays = 0;

  // Check dates are of the correct length
  if (lsDate1.length != 14) return false;
  if (lsDate2.length != 14) return false;

  // Subtract seconds
  ldSec1 = parseInt(lsDate1.substr(12, 2), 10);
  ldSec2 = parseInt(lsDate2.substr(12, 2), 10);
  liTempSec = ldSec1 - ldSec2;
  if (liTempSec < 0) {
    liSecondsCarry = 1;
    liTempSec = 60 + liTempSec;
  }
  liTempSec = "00" + liTempSec;
  liTempSec = liTempSec.substr(liTempSec.length - 2, 2);

  // Subtract minutes
  ldMin1 = parseInt(lsDate1.substr(10, 2), 10);
  ldMin2 = parseInt(lsDate2.substr(10, 2), 10);
  liTempMin = ldMin1 - ldMin2 - liSecondsCarry;
  if (liTempMin < 0) {
    liMinutesCarry = 1;
    liTempMin = liTempMin + 60;
  }
  liTempMin = "00" + liTempMin;
  liTempMin = liTempMin.substr(liTempMin.length - 2, 2);

  // Subtract hours
  ldHour1 = parseInt(lsDate1.substr(8, 2), 10);
  ldHour2 = parseInt(lsDate2.substr(8, 2), 10);
  liTempHour = ldHour1 - ldHour2 - liMinutesCarry;
  if (liTempHour < 0) {
    liHoursCarry = 1;
    liTempHour = liTempHour + 24;
  }
  liTempHour = "00" + liTempHour;
  liTempHour = liTempHour.substr(liTempHour.length - 2, 2);

  // Subtract days
  liDaysThisMonth = daysInMonth(lsDate1.substr(4, 2), lsDate1.substr(0, 4));
  ldDay1 = parseInt(lsDate1.substr(6, 2), 10);
  ldDay2 = parseInt(lsDate2.substr(6, 2), 10);
  liTempDay = ldDay1 - ldDay2 - liHoursCarry;
  if (liTempDay < 0) {
    liDaysCarry = 1;
    liTempDay = liTempDay + liDaysThisMonth;
  }
  liTempDay = "00" + liTempDay;
  liTempDay = liTempDay.substr(liTempDay.length - 2, 2);

  // Subtract months
  ldMonth1 = parseInt(lsDate1.substr(4, 2), 10);
  ldMonth2 = parseInt(lsDate2.substr(4, 2), 10);
  liTempMonth = ldMonth1 - ldMonth2 - liDaysCarry;
  if (liTempMonth < 0) {
    liMonthsCarry = 1;
    liTempMonth = liTempMonth + 12;
  }
  liTempMonth = "00" + liTempMonth;
  liTempMonth = liTempMonth.substr(liTempMonth.length - 2, 2);

  // Subtract years
  ldYear1 = parseInt(lsDate1.substr(0, 4), 10);
  ldYear2 = parseInt(lsDate2.substr(0, 4), 10);
  liTempYear = ldYear1 - ldYear2 - liMonthsCarry;
  if (liTempYear < 0) {
    liOverflow = liTempYear;
    liTempYear = 9999;
  }
  liTempYear = "0000" + liTempYear;
  liTempYear = liTempYear.substr(liTempYear.length - 4, 4);

  // Form the result
  ldResult = liTempYear + liTempMonth + liTempDay;
  ldPreResult = liTempHour + liTempMin + liTempSec;
  ldResult = ldResult + ldPreResult;

  // Return the result
  return ldResult;
}

function daysInMonth(psMonth, psYear) {
  var liMonth = parseInt(psMonth, 10);
  var liYear = parseInt(psYear, 10);

  // set liResult to the corresponding number of days
  var months = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

  // Adjust for leap years
  if (liYear % 4 != 0) months[1] = 28;
  else months[1] = 29;

  // Return result as integer
  return parseInt(months[liMonth - 1], 10);
}

function validateField(field) {
  field.blur;
  var vReturn;
  eval("vReturn = validate" + field + "();");

  if (vReturn.length == 0) {
    // Valid
    eval(
      'document.getElementById("frmParameter' +
        field +
        '").className="Form_Row_Valid";'
    );
  } else {
    // Not Valid
    eval(
      'document.getElementById("frmParameter' +
        field +
        '").className="Form_Row_NotValid";'
    );
  }
}

function showFirstPagez(frm) {
  // Declares
  var targetPage = 1;

  if (frm.fldSystemCurrentPage) {
    // Get the target page
    targetPage = parseInt(frm.fldSystemCurrentPage.value);

    // If the value is bad set it to 1
    if (isNaN(targetPage)) {
      for (var i = 1; i <= lastPage; i++) {
        if (checkIfPageIsAllowed(i) == true) {
          targetPage = i;
          break;
        }
      }
    }
  }
  // Show the target page
  showPage(targetPage);
}

var currentPage = 1;

function checkLastPagez() {
  // Stop to next page operation if the form data is incomplete
  if (isPageComplete(lastPage) == false) {
    return false;
  } else {
    return true;
  }
}

function hideShowButtonsz(newPage) {
  //Show buttons in the default state

  // Declares
  var pagesAfter = false;
  var pagesBefore = false;

  // Loop through the pages before until the beginning
  for (var i = newPage - 1; i >= 1; i--) {
    if (checkIfPageIsAllowed(i) == true) {
      pagesBefore = true;
      break;
    }
  }

  // Loop through the pages after until the end
  for (var i = newPage + 1; i <= lastPage; i++) {
    if (checkIfPageIsAllowed(i) == true) {
      pagesAfter = true;
      //break;
    }
  }

  if (document.frmMain.elements["fldFinishButtonCaption"]) {
    if (document.frmMain.elements["fldFinishButtonCaption"].value.length >= 0) {
      document.getElementById("button_submit").value =
        document.frmMain.elements["fldFinishButtonCaption"].value;
    }
  }

  if (document.frmMain.elements["fldCancelButtonCaption"]) {
    if (document.frmMain.elements["fldCancelButtonCaption"].value.length >= 0) {
      document.getElementById("button_cancel").value =
        document.frmMain.elements["fldCancelButtonCaption"].value;
      document.getElementById("button_cancel").style.visibility = "visible";
    } else {
      document.getElementById("button_cancel").style.visibility = "hidden";
    }
  }

  if (pagesBefore) {
    // Somewhere inthe middle so show the back button
    document.getElementById("button_back").style.visibility = "visible";
  } else {
    // At the first page so hide the back button
    document.getElementById("button_back").style.visibility = "hidden";
  }
  if (pagesAfter) {
    // More visible pages after this one
    document.getElementById("button_submit").style.visibility = "hidden";
    document.getElementById("button_next").style.visibility = "visible";
  } else {
    // At the last page so replace the next button with the finish button
    document.getElementById("button_submit").style.visibility = "visible";
    document.getElementById("button_next").style.visibility = "hidden";
  }
}

function forceFocus(formControl) {
  if (formControl.getAttribute("significant") == "true") {
    try {
      formControl.focus();
      if (formControl.select) formControl.select();
      return true;
    } catch (e) {
      return false;
    }
  } else return false;
}

function moveFocus(formControl, shiftAmount) {
  // Declares
  var lbFoundControl = false;

  for (var i = 0; i < formControl.form.elements.length; i++) {
    if (formControl.form.elements[i] == formControl) {
      if (shiftAmount < 0) {
        // Start with the previous control on this page and work backwards until we can set the focus
        for (var j = i - 1; j >= 0; j--) {
          if (
            formControl.form.elements[j].getAttribute("wizardPage") ==
            formControl.getAttribute("wizardPage")
          ) {
            if (forceFocus(formControl.form.elements[j])) {
              // Julian Mummery - 25th November 2011 - Fixes problem when trying to tab past a hidden element
              if (
                formControl.form.elements[j].offsetWidth == 0 &&
                formControl.form.elements[j].offsetHeight == 0
              ) {
                // Continue to next element as this one must be hidden!!!
              } else {
                lbFoundControl = true;
                break;
              }
            }
          }
        }

        // What to do if could not find a control to set focus to
        if (!lbFoundControl && formControl.form.matrix_pagesBefore())
          document.getElementById("button_back").onclick();
      } else {
        // Start with the next control on this page and work forwards until we can set the focus
        for (var j = i + 1; j < formControl.form.elements.length; j++) {
          if (
            formControl.form.elements[j].getAttribute("wizardPage") ==
            formControl.getAttribute("wizardPage")
          ) {
            if (forceFocus(formControl.form.elements[j])) {
              // Julian Mummery - 25th November 2011 - Fixes problem when trying to tab past a hidden element
              if (
                formControl.form.elements[j].offsetWidth == 0 &&
                formControl.form.elements[j].offsetHeight == 0
              ) {
                // Continue to next element as this one must be hidden!!!
              } else {
                lbFoundControl = true;
                break;
              }
            }
          }
        }

        // What to do if could not find a control to set focus to
        if (!lbFoundControl) {
          if (formControl.form.matrix_pagesAfter()) {
            formControl.form.button_next.onclick();
          } else {
            formControl.form.button_submit.onclick();
          }
        }
      }
    }
  }
}

// Make an ID to store how many dialog boxes we are up to
var tbox_id = 1;

// Hide and show the session timeout box
function tbox_show(AJAX_URL, tbox_name, options) {

  //React Native
  if (window.ReactNativeWebView) {
    window.ReactNativeWebView.postMessage("tbox_show");
  }

  // wg 11-12-2020 hide context menu if showing , was causing issues with new mobile context menu 
  $('#lContextMenu').hide()

  // Create the first one
  lobjDialogHolder = document.createElement("div");
  lobjDialog = document.createElement("div");
  lobjDialogContent = document.createElement("div");

  if (document.top_tbdialog) {
    // Already one open
    lobjDialogHolder.top_tbdialog = document.top_tbdialog;
    show_tbox_overlay(options.modal); // move infront of current tbox
  } else {
    // Add overlay to document
    show_tbox_overlay(options.modal);
  }

  // Setup the dialog holder - this is the fullscreen wrapper that centers the dialog and handles the onClick event
  //lobjDialogHolder.setAttribute("id","box_"+ tbox_id);
  //lobjDialogHolder.setAttribute("name", tbox_name );
  lobjDialogHolder.className = "tbox_holder";
  lobjDialogHolder.style.zIndex = 260 + 2 * tbox_id;

  // Setup the dialog div
  lobjDialog.setAttribute("id", "box_" + tbox_id);
  lobjDialog.setAttribute("name", tbox_name);
  //lobjDialog.setAttribute("class", "tbox_window"); broken in ie7???
  lobjDialog.className = "tbox_window";

  // Setup the dialog content div
  lobjDialogContent.setAttribute("class", "tbox_content");

  // Setup the header
  lobjDialogHeader = document.createElement("div");
  lobjDialogHeader.setAttribute("class", "tbox_header");

  // Setup the holder that loads the AJAX content
  lobjAjaxHolder = document.createElement("div");
  lobjAjaxHolder.setAttribute("class", "tbox_ajax_content");
  lobjAjaxHolder.setAttribute("id", "box_" + tbox_id + "_content");

  // Apply Any Display Options
  if (options.width) {
    //            lobjDialog.style.width = options.width + "px";
    //            marginLeft = (options.width / 2) * (-1);
    //            lobjDialog.style.marginLeft = marginLeft + "px";
    lobjDialog.style.minWidth = options.width + "px";
  }

  if (options.height) {
    lobjDialogContent.style.Height = options.height + "px";
    if (options.height > 500) lobjDialog.style.top = "10%"; // reduce top spacing (default = 20%)
  }
  if (options.modal !== true) {
    // Non-modal popup (show close button etc.)
    lobjDialogHeader.innerHTML =
      "<a class='tbox_close' accesskey='esc' onclick='tbox_close(); return false;' href='#'>&times;</a><div class='tbox_title'>" +
      tbox_name +
      "</div>";
  } else {
    lobjDialogHeader.innerHTML =
      "<div class='tbox_title'>" + tbox_name + "</div>";
  }

  // Prevent the window in the background from scrolling
  $(window).scroll(function () {
    return false;
  });

  // Show
  lobjDialog.appendChild(lobjDialogHeader);
  lobjDialog.appendChild(lobjDialogContent);
  lobjDialogContent.appendChild(lobjAjaxHolder);

  lobjDialogHolder.appendChild(lobjDialog);

  document.body.appendChild(lobjDialogHolder);

  if (options.modal !== true) {
    //SW 27/05/2022: Changed onclick to onmousedown  
    //lobjDialogHolder.setAttribute("onclick", "tbox_close()");
    lobjDialogHolder.setAttribute("onmousedown", "if(event.matrixBubbleFromDialog!=true) {tbox_close()}");
    // lobjDialog.setAttribute(
    //   "onclick",
    //   "if(event.stopPropagation){event.stopPropagation();}event.cancelBubble=true;"
    // );
    lobjDialog.setAttribute(
      "onmousedown",
//      "if(event.stopPropagation){event.stopPropagation();}event.cancelBubble=true;"
      "event.matrixBubbleFromDialog=true;"


    );
    
  }

  // Get the overlay node
  //lobjOverlay = document.getElementById("tbox_overlay")

  //lobjOverlay.appendChild(lobjDialog);

  // Get content for Dialog
  ajax_makeRequest(AJAX_URL, "box_" + tbox_id + "_content");

  // Increment identifier
  tbox_id++;

  // Set the new foremost Dialog
  document.top_tbdialog = lobjDialogHolder;
}

function tbox_close(callback) {
  var unloadMessage = "";


  //React Native
  if (window.ReactNativeWebView) {
    window.ReactNativeWebView.postMessage("tbox_close");
  }

  //close any select 2s that are open
  // SW 23/05/2023: Added to fix issue where select2 dropdown didn't close when closing tbox
  if($('.select2-hidden-accessible')) {
    $('.select2-hidden-accessible').select2('close');
  }

  // Show warning message - don't continue if cancelled
  if (top.document.unloadMessage) {
    unloadMessage = top.document.unloadMessage;

    if (unloadMessage.length > 0) {
      if (document.frmMain) {
        if (document.frmMain.matrix_hasChanged()) {
          if (!confirm(unloadMessage + "\n\nAre you sure?")) return;
        }
      }
    }
  }

  // Clear message
  top.document.unloadMessage = "";

  // Try to remove any old thickbox
  try {
    tb_remove();
  } catch (err) {
  }

  if (top.document.top_tbdialog) {
    lobjMostHighdialog = top.document.top_tbdialog;
    top.document.top_tbdialog = lobjMostHighdialog.top_tbdialog;
    lobjParentNode = lobjMostHighdialog.parentNode;
    lobjParentNode.removeChild(lobjMostHighdialog);
  }

  if (top.document.top_tbdialog) {
    // still got at least one left after removal
    // Make sure the overlay is behind the thickbox
    document.getElementById("tbox_overlay").style.zIndex =
      top.document.top_tbdialog.style.zIndex - 1;

    // Restore unload message
    top.document.unloadMessage = unloadMessage;

    // Decrement the ID
    tbox_id--;
  } else {
    // None left - remove overlay
    $(window).unbind("scroll");
    hide_tbox_overlay();

    // Reset the ID
    tbox_id = 1;
  }

  // Check for callback function
  if (typeof callback == "function") callback();
}

// Show tbox overlay
// This function shows the translucent grey mask behind the tbox
function show_tbox_overlay(lbmodal) {
  if (document.getElementById("tbox_overlay") == null) {
    // Doesn't currently exist in DOM
    lobjOverlay = document.createElement("div");
    lobjOverlay.setAttribute("id", "tbox_overlay");

    // Click to close 
    //if (lbmodal !== true) lobjOverlay.setAttribute("onclick", "tbox_close()");
    //SW 27/05/2022: Changed onclick to onmousedown
    if (lbmodal !== true) lobjOverlay.setAttribute("onmousedown", "tbox_close()");

    // Add to DOM
    document.body.appendChild(lobjOverlay);

    // Add class to say we have an overlay - this allows us to do blur etc.
//    document.body.classList.add("hasPopup");   // Changed to HTML element so we have more control over scrolling when popup is visible
    document.documentElement.classList.add("hasPopup");

  } else {
    // Secondary box opened - move overlay forwards in Z index
    document.getElementById("tbox_overlay").style.zIndex =
      260 + 2 * tbox_id - 1;
  }
}

// Hide tbox overlay
// Removes the translucent grey mask from DOM
function hide_tbox_overlay() {
  var lobjOverlay = document.getElementById("tbox_overlay");

  if (lobjOverlay != null) {
    lobjParentNode = lobjOverlay.parentNode;
    lobjParentNode.removeChild(lobjOverlay);

    // Remove class to say we have an overlay - this allows us to do blur etc.
    //document.body.classList.remove("hasPopup");
    document.documentElement.classList.remove("hasPopup");
  }
}

// Calls Get Messages event
function checkConnection() {
  // Check if the user is still logged in
  // ajax_makeRequest("/data/E32674AF-1080-47DC-9D82-D9FD50C8517C?E32674AF-1080-47DC-9D82-D9FD50C8517C&" + sys_sessionID, "ajax_messaging");

  // Using this version as ajax_makeRequest seems to have problems with concurrent requests
  jQuery.ajax({
    type: "GET",
    url:
      "/data/E32674AF-1080-47DC-9D82-D9FD50C8517C?E32674AF-1080-47DC-9D82-D9FD50C8517C&" +
      sys_sessionID +
      "&" +
      matrix.generateViewportToken() +
      "&" +
      matrix.generateSessionToken(),
    success: function (data) {
      $("#ajax_messaging").html(data).show();
    },
  });
}

$(document).ready(function () {
  if (sys_sessionID) {
    var ajax_messaging_timeout;
    var ajax_messaging_interval;

    // Run get messages now and every 30 seconds thereafter
    if (top == self) {
      lobjAjaxMessage = document.createElement("div");
      lobjAjaxMessage.setAttribute("id", "ajax_messaging");
      lobjAjaxMessage.setAttribute("style", "display:none;");
      document.body.appendChild(lobjAjaxMessage);

      ajax_messaging_timeout = setTimeout("checkConnection()", 750);
      ajax_messaging_interval = setInterval("checkConnection()", 30000);
    }
  }

  $.ajaxSetup({
    error: function (x, e) {
      if (x.status == 0) {
        //alert('Unable to Connect!\n Please Check Your Internet Conenction.');
      } else if (x.status == 400) {
        //alert(x.responseText.replace("<br>","\n"));
      } else if (x.status == 404) {
        //alert('Requested URL not found.');
      } else if (x.status == 500) {
        //alert('Internel Server Error.');
      } else if (e == "parsererror") {
        //alert('Error.nParsing JSON Request failed.');
      } else if (e == "timeout") {
        //alert('Request Time out.');
      } else {
        //alert('Unknown Error');
      }
    },
  });
});

$.fn.m_load = function (pURL) {
  return $(this).each(function () {
    $(this).attr("data-url", pURL);
    $(this).css("cursor", "wait");
    $(this).css("position", "relative");

    $("#message", this).remove();
    $("#overlay", this).remove();

    $(this).append('<div id="overlay"></div>');
    $(this).append(
      "<div id=\"message\">&nbsp;<img src='data:image/gif;base64,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' style='position:absolute; top:50%; margin-top:-18px;' /></div>"
    );

    $(this).load(pURL, function (response, status, xhr) {
      $(this).css("cursor", "auto");

      if (status == "error") {
        if (xhr.getResponseHeader("X-Error-Message")) {
          var msg =
            "<p>Request has failed</p><p>" +
            xhr.getResponseHeader("X-Error-Message") +
            "</p>";
        } else {
          var msg = "<p>Request has failed - " + xhr.statusText + "</p>";
        }

        msg =
          msg +
          "<a href='#' onclick='$(this).parent().parent().m_load($(this).parent().parent().attr(\"data-url\"));'>Retry ...</a>";

        $(this).find("#message").html(msg);
      } else {
        $(this).find("#overlay").remove();
        $(this).find("#message").remove();
      }
    });
  });
};

// Set a cookie on the browser
function createCookie(name, value, days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
    var expires = "; expires=" + date.toGMTString();
  } else var expires = "";
  document.cookie = name + "=" + value + expires + "; path=/";
}

// Read a cookie on the browser
function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(";");
  for (var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == " ") c = c.substring(1, c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  }
  return null;
}

/**************** Graph Module (See PW Bookings) ******************/
function draw_AssetScheduleGraph01(date, reportstore, element, mapelement) {
  var url =
    "/matrix/C292D14F-3454-4908-909F-DC2144C92573?" +
    reportstore +
    "&" +
    date +
    "&" +
    element +
    "&" +
    mapelement;
  $.get(url, function (data) {
    $("#" + element).html(data);
  });
}

// Generating the image map
function processMapData(json) {
  var obj = JSON.parse(json);
  var objLength = obj.chartshape.length;
  var res = "<map name='imagemap'>";

  for (var i = 0; i < objLength; i++) {
    // Map only blue bars
    var objName = obj["chartshape"][i]["name"];
    var searchName = objName.search("bar");

    if (searchName !== -1) {
      var modName = objName.split("_");
      modNameA = modName[0];
      // Get the column number
      modName = modNameA.slice(3);
      // If even then will be hidden?
      modName = parseInt(modName);
      if (modName === 0 || !!(modName && !(modName % 2))) {
      } else {
        // Is odd
        res = res + "<area";
        res = res + " name='" + obj["chartshape"][i]["name"] + "'";
        res = res + " coords='" + obj["chartshape"][i]["coords"] + "'";
        res = res + " shape='" + obj["chartshape"][i]["type"] + "'";
        res = res + " title='Booking (Link Not Avaliable)'";
        res = res + " href='#'";
        res = res + "/>";
      }
    }
  }
  res = res + "</map>";
  return res;
}
/*****************************************************************/

function addSource(ev, targetObjectID, ParameterName, inputID) {
  /* needs to update the sources in the query and redraw the page/refresh the query so that new filter and sort xml can be generated*/

  /* get the sources element*/
  var elSources = document.getElementById(inputID);

  /* get the current sources value*/
  var lsCurrentSources = elSources.value;

  /* get the dragged data*/
  var draggedData = ev.dataTransfer.getData("Text");

  /* check we have some data*/
  if (draggedData != undefined) {
    /* check the data is the right length to be an objectID*/
    if (draggedData.length == 73 || draggedData.length == 36) {
      /* get the object id from the data*/
      if (draggedData.indexOf("&") != -1) {
        draggedData = draggedData.split("&")[0];
      }

      /* check to see if we already have the item*/
      if (lsCurrentSources.indexOf(draggedData) != -1) {
        /* we already have the item so alert the user*/
        alert("You have already added this item to the list of sources");
      } else {
        /*add the new source to the current sources*/
        elSources.value = lsCurrentSources + draggedData + ",";
      }
    } else {
      /* alert the user that the current item cannot be added to the sources*/
      alert("Sorry this item cannot be added as a source");
    }
  } else {
    /* alert the user that the current item cannot be added to the sources*/
    alert("Sorry this item cannot be added as a source");
  }

  elSources.form.matrix_refreshPage();
  ev.returnValue = false;
}

function removeSource(psObjectId, inputID) {
  /* get the sources element*/
  var elSources = document.getElementById(inputID);

  /* get the current sources*/
  var lsCurrentSources = elSources.value;

  /* find the position of the id to be removed*/
  var liIdPos = lsCurrentSources.indexOf(psObjectId);

  /* check we have the id and remove it from the sources*/
  if (lsCurrentSources.indexOf(psObjectId) != -1) {
    lsObjectId = psObjectId + ",";
    elSources.value = lsCurrentSources.replace(lsObjectId, "");
  }

  /* save and redraw the current page*/
  elSources.form.matrix_refreshPage();
  return false;
}

function updateTextValue(pelObjectRoot, psInputID, psTextID, psValueLocation) {
  switch ($(pelObjectRoot).val()) {
    case "all":
      document.getElementById(psInputID).value = "";
      break;
    default:
      document.getElementById(psInputID).value =
        psValueLocation +
        $(pelObjectRoot).val() +
        "_" +
        $("#" + psTextID).val();
      break;
  }
}

function updateObjectValues(pelMasterSwitchObject, pelRootObject, psInputID) {
  var lbAllChildrenChecked = true;
  var lsValues = "";
  var liChildrenUnchecked = 0;

  childCheckboxes = pelRootObject.getElementsByTagName("input");

  for (var j = 0; j < childCheckboxes.length; j++) {
    if (childCheckboxes[j].checked) {
      lsValues = lsValues + $(childCheckboxes[j]).val() + ",";
    } else {
      lbAllChildrenChecked = false;
      liChildrenUnchecked++;
    }
  }

  if (lbAllChildrenChecked || liChildrenUnchecked == childCheckboxes.length) {
    document.getElementById(psInputID).value = "";
  } else {
    document.getElementById(psInputID).value = lsValues;
  }
}

/* Bind this to the on change of a master object filter switch on change */
function updateChildObjectValues(pelMasterSwitch, pelRootObject, psInputID) {
  /* Get the child check boxes */
  childCheckboxes = pelRootObject.getElementsByTagName("input");

  /* Loop through all the child check boxes and (un)check them */
  for (var j = 0; j < childCheckboxes.length; j++) {
    /* Check if we need to check the boxes or unchecked them */
    if (pelMasterSwitch.checked) {
      /* Check the current child */
      childCheckboxes[j].checked = true;
    } else {
      /* Uncheck the current child */
      childCheckboxes[j].checked = false;
    }
  }

  /* Update the stored values to blank as either way we are not filtering by anything yet */
  document.getElementById(psInputID).value = "";
}
function checkThis(pElem) {
  pElem.checked = true;
}

function updateNumberValue(psName, psValueLocation) {
  var liMin = document.getElementById("min_" + psName).value;
  var liMax = document.getElementById("max_" + psName).value;
  document.getElementById("fld" + psName).value =
    psValueLocation + "min_" + liMin + ",max_" + liMax;
}

function updateRangeType(pelemSelect, psName, psValueLocation) {
  switch ($(pelemSelect).val()) {
    case "any":
      document.getElementById("min_" + psName).value = "";
      document.getElementById("max_" + psName).value = "";
      $("#min_" + psName).hide();
      $("#max_" + psName).hide();
      $("#dash_" + psName).hide();
      break;
    case "morethan":
      document.getElementById("min_" + psName).value = "";
      $("#min_" + psName).show();
      $("#max_" + psName).hide();
      $("#dash_" + psName).hide();
      break;
    case "lessthan":
      document.getElementById("max_" + psName).value = "";
      $("#min_" + psName).hide();
      $("#max_" + psName).show();
      $("#dash_" + psName).hide();
      break;
    case "range":
      $("#min_" + psName).show();
      $("#max_" + psName).show();
      $("#dash_" + psName).attr("style", "display:inline");
      break;
    default:
      // do nothing
      break;
  }
  updateNumberValue(psName, psValueLocation);
}
function updateDateValue(pelObjectRoot, psInputID, psName, psValueLocation) {
  switch ($(pelObjectRoot).val()) {
    case "all":
      document.getElementById(psInputID).value = "";
      break;
    case "custom":
      var lsMin = "";
      var lsMax = "";
      var lsNewValue = "";
      lsMin = document.getElementById("fldMin_" + psName).value;
      lsMax = document.getElementById("fldMax_" + psName).value;
      if (lsMax.length > 0) {
        lsNewValue = lsNewValue + "max_" + lsMax + ",";
      }
      if (lsMin.length > 0) {
        lsNewValue = lsNewValue + "min_" + lsMin + ",";
      }
      document.getElementById(psInputID).value = psValueLocation + lsNewValue;
      break;
    default:
      document.getElementById(psInputID).value =
        psValueLocation + $(pelObjectRoot).val();
      break;
  }
}

function updateCheckFilterValue(pInput, psElementValueID) {
  var lsValue = pInput.value;
  if (pInput.checked) {
    document.getElementById(psElementValueID).value = lsValue;
  }
}

// Check if the user device is touch
// the double exclamation forces a boolean rather than 'undefined'
function isTouch() {
  return "ontouchstart" in window || !!navigator.msMaxTouchPoints;
}

/***************************************************************************/

/*! jQuery UI - Core - v1.10.4
 * http://jqueryui.com
 * Copyright jQuery Foundation and other contributors; Licensed MIT */

(function ($, undefined) {
  var uuid = 0,
    runiqueId = /^ui-id-\d+$/;

  // $.ui might exist from components with no dependencies, e.g., $.ui.position
  $.ui = $.ui || {};

  $.extend($.ui, {
    version: "1.10.4",

    keyCode: {
      BACKSPACE: 8,
      COMMA: 188,
      DELETE: 46,
      DOWN: 40,
      END: 35,
      ENTER: 13,
      ESCAPE: 27,
      HOME: 36,
      LEFT: 37,
      NUMPAD_ADD: 107,
      NUMPAD_DECIMAL: 110,
      NUMPAD_DIVIDE: 111,
      NUMPAD_ENTER: 108,
      NUMPAD_MULTIPLY: 106,
      NUMPAD_SUBTRACT: 109,
      PAGE_DOWN: 34,
      PAGE_UP: 33,
      PERIOD: 190,
      RIGHT: 39,
      SPACE: 32,
      TAB: 9,
      UP: 38,
    },
  });

  // plugins
  $.fn.extend({
    focus: (function (orig) {
      return function (delay, fn) {
        return typeof delay === "number"
          ? this.each(function () {
              var elem = this;
              setTimeout(function () {
                $(elem).focus();
                if (fn) {
                  fn.call(elem);
                }
              }, delay);
            })
          : orig.apply(this, arguments);
      };
    })($.fn.focus),

    scrollParent: function () {
      var scrollParent;
      if (
        ($.ui.ie && /(static|relative)/.test(this.css("position"))) ||
        /absolute/.test(this.css("position"))
      ) {
        scrollParent = this.parents()
          .filter(function () {
            return (
              /(relative|absolute|fixed)/.test($.css(this, "position")) &&
              /(auto|scroll)/.test(
                $.css(this, "overflow") +
                  $.css(this, "overflow-y") +
                  $.css(this, "overflow-x")
              )
            );
          })
          .eq(0);
      } else {
        scrollParent = this.parents()
          .filter(function () {
            return /(auto|scroll)/.test(
              $.css(this, "overflow") +
                $.css(this, "overflow-y") +
                $.css(this, "overflow-x")
            );
          })
          .eq(0);
      }

      return /fixed/.test(this.css("position")) || !scrollParent.length
        ? $(document)
        : scrollParent;
    },

    zIndex: function (zIndex) {
      if (zIndex !== undefined) {
        return this.css("zIndex", zIndex);
      }

      if (this.length) {
        var elem = $(this[0]),
          position,
          value;
        while (elem.length && elem[0] !== document) {
          // Ignore z-index if position is set to a value where z-index is ignored by the browser
          // This makes behavior of this function consistent across browsers
          // WebKit always returns auto if the element is positioned
          position = elem.css("position");
          if (
            position === "absolute" ||
            position === "relative" ||
            position === "fixed"
          ) {
            // IE returns 0 when zIndex is not specified
            // other browsers return a string
            // we ignore the case of nested elements with an explicit value of 0
            // <div style="z-index: -10;"><div style="z-index: 0;"></div></div>
            value = parseInt(elem.css("zIndex"), 10);
            if (!isNaN(value) && value !== 0) {
              return value;
            }
          }
          elem = elem.parent();
        }
      }

      return 0;
    },

    uniqueId: function () {
      return this.each(function () {
        if (!this.id) {
          this.id = "ui-id-" + ++uuid;
        }
      });
    },

    removeUniqueId: function () {
      return this.each(function () {
        if (runiqueId.test(this.id)) {
          $(this).removeAttr("id");
        }
      });
    },
  });

  // selectors
  function focusable(element, isTabIndexNotNaN) {
    var map,
      mapName,
      img,
      nodeName = element.nodeName.toLowerCase();
    if ("area" === nodeName) {
      map = element.parentNode;
      mapName = map.name;
      if (!element.href || !mapName || map.nodeName.toLowerCase() !== "map") {
        return false;
      }
      img = $("img[usemap=#" + mapName + "]")[0];
      return !!img && visible(img);
    }
    return (
      (/input|select|textarea|button|object/.test(nodeName)
        ? !element.disabled
        : "a" === nodeName
        ? element.href || isTabIndexNotNaN
        : isTabIndexNotNaN) &&
      // the element and all of its ancestors must be visible
      visible(element)
    );
  }

  function visible(element) {
    return (
      $.expr.filters.visible(element) &&
      !$(element)
        .parents()
        .addBack()
        .filter(function () {
          return $.css(this, "visibility") === "hidden";
        }).length
    );
  }

  $.extend($.expr[":"], {
    data: $.expr.createPseudo
      ? $.expr.createPseudo(function (dataName) {
          return function (elem) {
            return !!$.data(elem, dataName);
          };
        })
      : // support: jQuery <1.8
        function (elem, i, match) {
          return !!$.data(elem, match[3]);
        },

    focusable: function (element) {
      return focusable(element, !isNaN($.attr(element, "tabindex")));
    },

    tabbable: function (element) {
      var tabIndex = $.attr(element, "tabindex"),
        isTabIndexNaN = isNaN(tabIndex);
      return (
        (isTabIndexNaN || tabIndex >= 0) && focusable(element, !isTabIndexNaN)
      );
    },
  });

  // support: jQuery <1.8
  if (!$("<a>").outerWidth(1).jquery) {
    $.each(["Width", "Height"], function (i, name) {
      var side = name === "Width" ? ["Left", "Right"] : ["Top", "Bottom"],
        type = name.toLowerCase(),
        orig = {
          innerWidth: $.fn.innerWidth,
          innerHeight: $.fn.innerHeight,
          outerWidth: $.fn.outerWidth,
          outerHeight: $.fn.outerHeight,
        };

      function reduce(elem, size, border, margin) {
        $.each(side, function () {
          size -= parseFloat($.css(elem, "padding" + this)) || 0;
          if (border) {
            size -= parseFloat($.css(elem, "border" + this + "Width")) || 0;
          }
          if (margin) {
            size -= parseFloat($.css(elem, "margin" + this)) || 0;
          }
        });
        return size;
      }

      $.fn["inner" + name] = function (size) {
        if (size === undefined) {
          return orig["inner" + name].call(this);
        }

        return this.each(function () {
          $(this).css(type, reduce(this, size) + "px");
        });
      };

      $.fn["outer" + name] = function (size, margin) {
        if (typeof size !== "number") {
          return orig["outer" + name].call(this, size);
        }

        return this.each(function () {
          $(this).css(type, reduce(this, size, true, margin) + "px");
        });
      };
    });
  }

  // support: jQuery <1.8
  if (!$.fn.addBack) {
    $.fn.addBack = function (selector) {
      return this.add(
        selector == null ? this.prevObject : this.prevObject.filter(selector)
      );
    };
  }

  // support: jQuery 1.6.1, 1.6.2 (http://bugs.jquery.com/ticket/9413)
  if ($("<a>").data("a-b", "a").removeData("a-b").data("a-b")) {
    $.fn.removeData = (function (removeData) {
      return function (key) {
        if (arguments.length) {
          return removeData.call(this, $.camelCase(key));
        } else {
          return removeData.call(this);
        }
      };
    })($.fn.removeData);
  }

  // deprecated
  $.ui.ie = !!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase());

  $.support.selectstart = "onselectstart" in document.createElement("div");
  $.fn.extend({
    disableSelection: function () {
      return this.bind(
        ($.support.selectstart ? "selectstart" : "mousedown") +
          ".ui-disableSelection",
        function (event) {
          event.preventDefault();
        }
      );
    },

    enableSelection: function () {
      return this.unbind(".ui-disableSelection");
    },
  });

  $.extend($.ui, {
    // $.ui.plugin is deprecated. Use $.widget() extensions instead.
    plugin: {
      add: function (module, option, set) {
        var i,
          proto = $.ui[module].prototype;
        for (i in set) {
          proto.plugins[i] = proto.plugins[i] || [];
          proto.plugins[i].push([option, set[i]]);
        }
      },
      call: function (instance, name, args) {
        var i,
          set = instance.plugins[name];
        if (
          !set ||
          !instance.element[0].parentNode ||
          instance.element[0].parentNode.nodeType === 11
        ) {
          return;
        }

        for (i = 0; i < set.length; i++) {
          if (instance.options[set[i][0]]) {
            set[i][1].apply(instance.element, args);
          }
        }
      },
    },

    // only used by resizable
    hasScroll: function (el, a) {
      //If overflow is hidden, the element might have extra content, but the user wants to hide it
      if ($(el).css("overflow") === "hidden") {
        return false;
      }

      var scroll = a && a === "left" ? "scrollLeft" : "scrollTop",
        has = false;

      if (el[scroll] > 0) {
        return true;
      }

      // TODO: determine which cases actually cause this to happen
      // if the element doesn't have the scroll set, see if it's possible to
      // set the scroll
      el[scroll] = 1;
      has = el[scroll] > 0;
      el[scroll] = 0;
      return has;
    },
  });
})(jQuery);

/*! jQuery UI - Widget - v1.10.4
 * http://jqueryui.com
 * Copyright jQuery Foundation and other contributors; Licensed MIT */

(function ($, undefined) {
  var uuid = 0,
    slice = Array.prototype.slice,
    _cleanData = $.cleanData;
  $.cleanData = function (elems) {
    for (var i = 0, elem; (elem = elems[i]) != null; i++) {
      try {
        $(elem).triggerHandler("remove");
        // http://bugs.jquery.com/ticket/8235
      } catch (e) {}
    }
    _cleanData(elems);
  };

  $.widget = function (name, base, prototype) {
    var fullName,
      existingConstructor,
      constructor,
      basePrototype,
      // proxiedPrototype allows the provided prototype to remain unmodified
      // so that it can be used as a mixin for multiple widgets (#8876)
      proxiedPrototype = {},
      namespace = name.split(".")[0];

    name = name.split(".")[1];
    fullName = namespace + "-" + name;

    if (!prototype) {
      prototype = base;
      base = $.Widget;
    }

    // create selector for plugin
    $.expr[":"][fullName.toLowerCase()] = function (elem) {
      return !!$.data(elem, fullName);
    };

    $[namespace] = $[namespace] || {};
    existingConstructor = $[namespace][name];
    constructor = $[namespace][name] = function (options, element) {
      // allow instantiation without "new" keyword
      if (!this._createWidget) {
        return new constructor(options, element);
      }

      // allow instantiation without initializing for simple inheritance
      // must use "new" keyword (the code above always passes args)
      if (arguments.length) {
        this._createWidget(options, element);
      }
    };
    // extend with the existing constructor to carry over any static properties
    $.extend(constructor, existingConstructor, {
      version: prototype.version,
      // copy the object used to create the prototype in case we need to
      // redefine the widget later
      _proto: $.extend({}, prototype),
      // track widgets that inherit from this widget in case this widget is
      // redefined after a widget inherits from it
      _childConstructors: [],
    });

    basePrototype = new base();
    // we need to make the options hash a property directly on the new instance
    // otherwise we'll modify the options hash on the prototype that we're
    // inheriting from
    basePrototype.options = $.widget.extend({}, basePrototype.options);
    $.each(prototype, function (prop, value) {
      if (!$.isFunction(value)) {
        proxiedPrototype[prop] = value;
        return;
      }
      proxiedPrototype[prop] = (function () {
        var _super = function () {
            return base.prototype[prop].apply(this, arguments);
          },
          _superApply = function (args) {
            return base.prototype[prop].apply(this, args);
          };
        return function () {
          var __super = this._super,
            __superApply = this._superApply,
            returnValue;

          this._super = _super;
          this._superApply = _superApply;

          returnValue = value.apply(this, arguments);

          this._super = __super;
          this._superApply = __superApply;

          return returnValue;
        };
      })();
    });
    constructor.prototype = $.widget.extend(
      basePrototype,
      {
        // TODO: remove support for widgetEventPrefix
        // always use the name + a colon as the prefix, e.g., draggable:start
        // don't prefix for widgets that aren't DOM-based
        widgetEventPrefix: existingConstructor
          ? basePrototype.widgetEventPrefix || name
          : name,
      },
      proxiedPrototype,
      {
        constructor: constructor,
        namespace: namespace,
        widgetName: name,
        widgetFullName: fullName,
      }
    );

    // If this widget is being redefined then we need to find all widgets that
    // are inheriting from it and redefine all of them so that they inherit from
    // the new version of this widget. We're essentially trying to replace one
    // level in the prototype chain.
    if (existingConstructor) {
      $.each(existingConstructor._childConstructors, function (i, child) {
        var childPrototype = child.prototype;

        // redefine the child widget using the same prototype that was
        // originally used, but inherit from the new version of the base
        $.widget(
          childPrototype.namespace + "." + childPrototype.widgetName,
          constructor,
          child._proto
        );
      });
      // remove the list of existing child constructors from the old constructor
      // so the old child constructors can be garbage collected
      delete existingConstructor._childConstructors;
    } else {
      base._childConstructors.push(constructor);
    }

    $.widget.bridge(name, constructor);
  };

  $.widget.extend = function (target) {
    var input = slice.call(arguments, 1),
      inputIndex = 0,
      inputLength = input.length,
      key,
      value;
    for (; inputIndex < inputLength; inputIndex++) {
      for (key in input[inputIndex]) {
        value = input[inputIndex][key];
        if (input[inputIndex].hasOwnProperty(key) && value !== undefined) {
          // Clone objects
          if ($.isPlainObject(value)) {
            target[key] = $.isPlainObject(target[key])
              ? $.widget.extend({}, target[key], value)
              : // Don't extend strings, arrays, etc. with objects
                $.widget.extend({}, value);
            // Copy everything else by reference
          } else {
            target[key] = value;
          }
        }
      }
    }
    return target;
  };

  $.widget.bridge = function (name, object) {
    var fullName = object.prototype.widgetFullName || name;
    $.fn[name] = function (options) {
      var isMethodCall = typeof options === "string",
        args = slice.call(arguments, 1),
        returnValue = this;

      // allow multiple hashes to be passed on init
      options =
        !isMethodCall && args.length
          ? $.widget.extend.apply(null, [options].concat(args))
          : options;

      if (isMethodCall) {
        this.each(function () {
          var methodValue,
            instance = $.data(this, fullName);
          if (!instance) {
            return $.error(
              "cannot call methods on " +
                name +
                " prior to initialization; " +
                "attempted to call method '" +
                options +
                "'"
            );
          }
          if (!$.isFunction(instance[options]) || options.charAt(0) === "_") {
            return $.error(
              "no such method '" +
                options +
                "' for " +
                name +
                " widget instance"
            );
          }
          methodValue = instance[options].apply(instance, args);
          if (methodValue !== instance && methodValue !== undefined) {
            returnValue =
              methodValue && methodValue.jquery
                ? returnValue.pushStack(methodValue.get())
                : methodValue;
            return false;
          }
        });
      } else {
        this.each(function () {
          var instance = $.data(this, fullName);
          if (instance) {
            instance.option(options || {})._init();
          } else {
            $.data(this, fullName, new object(options, this));
          }
        });
      }

      return returnValue;
    };
  };

  $.Widget = function (/* options, element */) {};
  $.Widget._childConstructors = [];

  $.Widget.prototype = {
    widgetName: "widget",
    widgetEventPrefix: "",
    defaultElement: "<div>",
    options: {
      disabled: false,

      // callbacks
      create: null,
    },
    _createWidget: function (options, element) {
      element = $(element || this.defaultElement || this)[0];
      this.element = $(element);
      this.uuid = uuid++;
      this.eventNamespace = "." + this.widgetName + this.uuid;
      this.options = $.widget.extend(
        {},
        this.options,
        this._getCreateOptions(),
        options
      );

      this.bindings = $();
      this.hoverable = $();
      this.focusable = $();

      if (element !== this) {
        $.data(element, this.widgetFullName, this);
        this._on(true, this.element, {
          remove: function (event) {
            if (event.target === element) {
              this.destroy();
            }
          },
        });
        this.document = $(
          element.style
            ? // element within the document
              element.ownerDocument
            : // element is window or document
              element.document || element
        );
        this.window = $(
          this.document[0].defaultView || this.document[0].parentWindow
        );
      }

      this._create();
      this._trigger("create", null, this._getCreateEventData());
      this._init();
    },
    _getCreateOptions: $.noop,
    _getCreateEventData: $.noop,
    _create: $.noop,
    _init: $.noop,

    destroy: function () {
      this._destroy();
      // we can probably remove the unbind calls in 2.0
      // all event bindings should go through this._on()
      this.element
        .unbind(this.eventNamespace)
        // 1.9 BC for #7810
        // TODO remove dual storage
        .removeData(this.widgetName)
        .removeData(this.widgetFullName)
        // support: jquery <1.6.3
        // http://bugs.jquery.com/ticket/9413
        .removeData($.camelCase(this.widgetFullName));
      this.widget()
        .unbind(this.eventNamespace)
        .removeAttr("aria-disabled")
        .removeClass(this.widgetFullName + "-disabled " + "ui-state-disabled");

      // clean up events and states
      this.bindings.unbind(this.eventNamespace);
      this.hoverable.removeClass("ui-state-hover");
      this.focusable.removeClass("ui-state-focus");
    },
    _destroy: $.noop,

    widget: function () {
      return this.element;
    },

    option: function (key, value) {
      var options = key,
        parts,
        curOption,
        i;

      if (arguments.length === 0) {
        // don't return a reference to the internal hash
        return $.widget.extend({}, this.options);
      }

      if (typeof key === "string") {
        // handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
        options = {};
        parts = key.split(".");
        key = parts.shift();
        if (parts.length) {
          curOption = options[key] = $.widget.extend({}, this.options[key]);
          for (i = 0; i < parts.length - 1; i++) {
            curOption[parts[i]] = curOption[parts[i]] || {};
            curOption = curOption[parts[i]];
          }
          key = parts.pop();
          if (arguments.length === 1) {
            return curOption[key] === undefined ? null : curOption[key];
          }
          curOption[key] = value;
        } else {
          if (arguments.length === 1) {
            return this.options[key] === undefined ? null : this.options[key];
          }
          options[key] = value;
        }
      }

      this._setOptions(options);

      return this;
    },
    _setOptions: function (options) {
      var key;

      for (key in options) {
        this._setOption(key, options[key]);
      }

      return this;
    },
    _setOption: function (key, value) {
      this.options[key] = value;

      if (key === "disabled") {
        this.widget()
          .toggleClass(
            this.widgetFullName + "-disabled ui-state-disabled",
            !!value
          )
          .attr("aria-disabled", value);
        this.hoverable.removeClass("ui-state-hover");
        this.focusable.removeClass("ui-state-focus");
      }

      return this;
    },

    enable: function () {
      return this._setOption("disabled", false);
    },
    disable: function () {
      return this._setOption("disabled", true);
    },

    _on: function (suppressDisabledCheck, element, handlers) {
      var delegateElement,
        instance = this;

      // no suppressDisabledCheck flag, shuffle arguments
      if (typeof suppressDisabledCheck !== "boolean") {
        handlers = element;
        element = suppressDisabledCheck;
        suppressDisabledCheck = false;
      }

      // no element argument, shuffle and use this.element
      if (!handlers) {
        handlers = element;
        element = this.element;
        delegateElement = this.widget();
      } else {
        // accept selectors, DOM elements
        element = delegateElement = $(element);
        this.bindings = this.bindings.add(element);
      }

      $.each(handlers, function (event, handler) {
        function handlerProxy() {
          // allow widgets to customize the disabled handling
          // - disabled as an array instead of boolean
          // - disabled class as method for disabling individual parts
          if (
            !suppressDisabledCheck &&
            (instance.options.disabled === true ||
              $(this).hasClass("ui-state-disabled"))
          ) {
            return;
          }
          return (typeof handler === "string"
            ? instance[handler]
            : handler
          ).apply(instance, arguments);
        }

        // copy the guid so direct unbinding works
        if (typeof handler !== "string") {
          handlerProxy.guid = handler.guid =
            handler.guid || handlerProxy.guid || $.guid++;
        }

        var match = event.match(/^(\w+)\s*(.*)$/),
          eventName = match[1] + instance.eventNamespace,
          selector = match[2];
        if (selector) {
          delegateElement.delegate(selector, eventName, handlerProxy);
        } else {
          element.bind(eventName, handlerProxy);
        }
      });
    },

    _off: function (element, eventName) {
      eventName =
        (eventName || "").split(" ").join(this.eventNamespace + " ") +
        this.eventNamespace;
      element.unbind(eventName).undelegate(eventName);
    },

    _delay: function (handler, delay) {
      function handlerProxy() {
        return (typeof handler === "string"
          ? instance[handler]
          : handler
        ).apply(instance, arguments);
      }
      var instance = this;
      return setTimeout(handlerProxy, delay || 0);
    },

    _hoverable: function (element) {
      this.hoverable = this.hoverable.add(element);
      this._on(element, {
        mouseenter: function (event) {
          $(event.currentTarget).addClass("ui-state-hover");
        },
        mouseleave: function (event) {
          $(event.currentTarget).removeClass("ui-state-hover");
        },
      });
    },

    _focusable: function (element) {
      this.focusable = this.focusable.add(element);
      this._on(element, {
        focusin: function (event) {
          $(event.currentTarget).addClass("ui-state-focus");
        },
        focusout: function (event) {
          $(event.currentTarget).removeClass("ui-state-focus");
        },
      });
    },

    _trigger: function (type, event, data) {
      var prop,
        orig,
        callback = this.options[type];

      data = data || {};
      event = $.Event(event);
      event.type = (type === this.widgetEventPrefix
        ? type
        : this.widgetEventPrefix + type
      ).toLowerCase();
      // the original event may come from any element
      // so we need to reset the target on the new event
      event.target = this.element[0];

      // copy original event properties over to the new event
      orig = event.originalEvent;
      if (orig) {
        for (prop in orig) {
          if (!(prop in event)) {
            event[prop] = orig[prop];
          }
        }
      }

      this.element.trigger(event, data);
      return !(
        ($.isFunction(callback) &&
          callback.apply(this.element[0], [event].concat(data)) === false) ||
        event.isDefaultPrevented()
      );
    },
  };

  $.each({ show: "fadeIn", hide: "fadeOut" }, function (method, defaultEffect) {
    $.Widget.prototype["_" + method] = function (element, options, callback) {
      if (typeof options === "string") {
        options = { effect: options };
      }
      var hasOptions,
        effectName = !options
          ? method
          : options === true || typeof options === "number"
          ? defaultEffect
          : options.effect || defaultEffect;
      options = options || {};
      if (typeof options === "number") {
        options = { duration: options };
      }
      hasOptions = !$.isEmptyObject(options);
      options.complete = callback;
      if (options.delay) {
        element.delay(options.delay);
      }
      if (hasOptions && $.effects && $.effects.effect[effectName]) {
        element[method](options);
      } else if (effectName !== method && element[effectName]) {
        element[effectName](options.duration, options.easing, callback);
      } else {
        element.queue(function (next) {
          $(this)[method]();
          if (callback) {
            callback.call(element[0]);
          }
          next();
        });
      }
    };
  });
})(jQuery);

/*! jQuery UI - Mouse - v1.10.4
 * http://jqueryui.com
 * Copyright jQuery Foundation and other contributors; Licensed MIT */

(function ($, undefined) {
  var mouseHandled = false;
  $(document).mouseup(function () {
    mouseHandled = false;
  });

  $.widget("ui.mouse", {
    version: "1.10.4",
    options: {
      cancel: "input,textarea,button,select,option",
      distance: 1,
      delay: 0,
    },
    _mouseInit: function () {
      var that = this;

      this.element
        .bind("mousedown." + this.widgetName, function (event) {
          return that._mouseDown(event);
        })
        .bind("click." + this.widgetName, function (event) {
          if (
            true ===
            $.data(event.target, that.widgetName + ".preventClickEvent")
          ) {
            $.removeData(event.target, that.widgetName + ".preventClickEvent");
            event.stopImmediatePropagation();
            return false;
          }
        });

      this.started = false;
    },

    // TODO: make sure destroying one instance of mouse doesn't mess with
    // other instances of mouse
    _mouseDestroy: function () {
      this.element.unbind("." + this.widgetName);
      if (this._mouseMoveDelegate) {
        $(document)
          .unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
          .unbind("mouseup." + this.widgetName, this._mouseUpDelegate);
      }
    },

    _mouseDown: function (event) {
      // don't let more than one widget handle mouseStart
      if (mouseHandled) {
        return;
      }

      // we may have missed mouseup (out of window)
      this._mouseStarted && this._mouseUp(event);

      this._mouseDownEvent = event;

      var that = this,
        btnIsLeft = event.which === 1,
        // event.target.nodeName works around a bug in IE 8 with
        // disabled inputs (#7620)
        elIsCancel =
          typeof this.options.cancel === "string" && event.target.nodeName
            ? $(event.target).closest(this.options.cancel).length
            : false;
      if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) {
        return true;
      }

      this.mouseDelayMet = !this.options.delay;
      if (!this.mouseDelayMet) {
        this._mouseDelayTimer = setTimeout(function () {
          that.mouseDelayMet = true;
        }, this.options.delay);
      }

      if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
        this._mouseStarted = this._mouseStart(event) !== false;
        if (!this._mouseStarted) {
          event.preventDefault();
          return true;
        }
      }

      // Click event may never have fired (Gecko & Opera)
      if (
        true === $.data(event.target, this.widgetName + ".preventClickEvent")
      ) {
        $.removeData(event.target, this.widgetName + ".preventClickEvent");
      }

      // these delegates are required to keep context
      this._mouseMoveDelegate = function (event) {
        return that._mouseMove(event);
      };
      this._mouseUpDelegate = function (event) {
        return that._mouseUp(event);
      };
      $(document)
        .bind("mousemove." + this.widgetName, this._mouseMoveDelegate)
        .bind("mouseup." + this.widgetName, this._mouseUpDelegate);

      event.preventDefault();

      mouseHandled = true;
      return true;
    },

    _mouseMove: function (event) {
      // IE mouseup check - mouseup happened when mouse was out of window
      if (
        $.ui.ie &&
        (!document.documentMode || document.documentMode < 9) &&
        !event.button
      ) {
        return this._mouseUp(event);
      }

      if (this._mouseStarted) {
        this._mouseDrag(event);
        return event.preventDefault();
      }

      if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
        this._mouseStarted =
          this._mouseStart(this._mouseDownEvent, event) !== false;
        this._mouseStarted ? this._mouseDrag(event) : this._mouseUp(event);
      }

      return !this._mouseStarted;
    },

    _mouseUp: function (event) {
      $(document)
        .unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
        .unbind("mouseup." + this.widgetName, this._mouseUpDelegate);

      if (this._mouseStarted) {
        this._mouseStarted = false;

        if (event.target === this._mouseDownEvent.target) {
          $.data(event.target, this.widgetName + ".preventClickEvent", true);
        }

        this._mouseStop(event);
      }

      return false;
    },

    _mouseDistanceMet: function (event) {
      return (
        Math.max(
          Math.abs(this._mouseDownEvent.pageX - event.pageX),
          Math.abs(this._mouseDownEvent.pageY - event.pageY)
        ) >= this.options.distance
      );
    },

    _mouseDelayMet: function (/* event */) {
      return this.mouseDelayMet;
    },

    // These are placeholder methods, to be overriden by extending plugin
    _mouseStart: function (/* event */) {},
    _mouseDrag: function (/* event */) {},
    _mouseStop: function (/* event */) {},
    _mouseCapture: function (/* event */) {
      return true;
    },
  });
})(jQuery);

/*! jQuery UI - Button - v1.10.4
 * http://jqueryui.com
 * Copyright jQuery Foundation and other contributors; Licensed MIT */

(function ($, undefined) {
  var lastActive,
    baseClasses = "ui-button ui-widget ui-state-default ui-corner-all",
    typeClasses =
      "ui-button-icons-only ui-button-icon-only ui-button-text-icons ui-button-text-icon-primary ui-button-text-icon-secondary ui-button-text-only",
    formResetHandler = function () {
      var form = $(this);
      setTimeout(function () {
        form.find(":ui-button").button("refresh");
      }, 1);
    },
    radioGroup = function (radio) {
      var name = radio.name,
        form = radio.form,
        radios = $([]);
      if (name) {
        name = name.replace(/'/g, "\\'");
        if (form) {
          radios = $(form).find("[name='" + name + "']");
        } else {
          radios = $("[name='" + name + "']", radio.ownerDocument).filter(
            function () {
              return !this.form;
            }
          );
        }
      }
      return radios;
    };

  $.widget("ui.button", {
    version: "1.10.4",
    defaultElement: "<button>",
    options: {
      disabled: null,
      text: true,
      label: null,
      icons: {
        primary: null,
        secondary: null,
      },
    },
    _create: function () {
      this.element
        .closest("form")
        .unbind("reset" + this.eventNamespace)
        .bind("reset" + this.eventNamespace, formResetHandler);

      if (typeof this.options.disabled !== "boolean") {
        this.options.disabled = !!this.element.prop("disabled");
      } else {
        this.element.prop("disabled", this.options.disabled);
      }

      this._determineButtonType();
      this.hasTitle = !!this.buttonElement.attr("title");

      var that = this,
        options = this.options,
        toggleButton = this.type === "checkbox" || this.type === "radio",
        activeClass = !toggleButton ? "ui-state-active" : "";

      if (options.label === null) {
        options.label =
          this.type === "input"
            ? this.buttonElement.val()
            : this.buttonElement.html();
      }

      this._hoverable(this.buttonElement);

      this.buttonElement
        .addClass(baseClasses)
        .attr("role", "button")
        .bind("mouseenter" + this.eventNamespace, function () {
          if (options.disabled) {
            return;
          }
          if (this === lastActive) {
            $(this).addClass("ui-state-active");
          }
        })
        .bind("mouseleave" + this.eventNamespace, function () {
          if (options.disabled) {
            return;
          }
          $(this).removeClass(activeClass);
        })
        .bind("click" + this.eventNamespace, function (event) {
          if (options.disabled) {
            event.preventDefault();
            event.stopImmediatePropagation();
          }
        });

      // Can't use _focusable() because the element that receives focus
      // and the element that gets the ui-state-focus class are different
      this._on({
        focus: function () {
          this.buttonElement.addClass("ui-state-focus");
        },
        blur: function () {
          this.buttonElement.removeClass("ui-state-focus");
        },
      });

      if (toggleButton) {
        this.element.bind("change" + this.eventNamespace, function () {
          that.refresh();
        });
      }

      if (this.type === "checkbox") {
        this.buttonElement.bind("click" + this.eventNamespace, function () {
          if (options.disabled) {
            return false;
          }
        });
      } else if (this.type === "radio") {
        this.buttonElement.bind("click" + this.eventNamespace, function () {
          if (options.disabled) {
            return false;
          }
          $(this).addClass("ui-state-active");
          that.buttonElement.attr("aria-pressed", "true");

          var radio = that.element[0];
          radioGroup(radio)
            .not(radio)
            .map(function () {
              return $(this).button("widget")[0];
            })
            .removeClass("ui-state-active")
            .attr("aria-pressed", "false");
        });
      } else {
        this.buttonElement
          .bind("mousedown" + this.eventNamespace, function () {
            if (options.disabled) {
              return false;
            }
            $(this).addClass("ui-state-active");
            lastActive = this;
            that.document.one("mouseup", function () {
              lastActive = null;
            });
          })
          .bind("mouseup" + this.eventNamespace, function () {
            if (options.disabled) {
              return false;
            }
            $(this).removeClass("ui-state-active");
          })
          .bind("keydown" + this.eventNamespace, function (event) {
            if (options.disabled) {
              return false;
            }
            if (
              event.keyCode === $.ui.keyCode.SPACE ||
              event.keyCode === $.ui.keyCode.ENTER
            ) {
              $(this).addClass("ui-state-active");
            }
          })
          // see #8559, we bind to blur here in case the button element loses
          // focus between keydown and keyup, it would be left in an "active" state
          .bind(
            "keyup" + this.eventNamespace + " blur" + this.eventNamespace,
            function () {
              $(this).removeClass("ui-state-active");
            }
          );

        if (this.buttonElement.is("a")) {
          this.buttonElement.keyup(function (event) {
            if (event.keyCode === $.ui.keyCode.SPACE) {
              // TODO pass through original event correctly (just as 2nd argument doesn't work)
              $(this).click();
            }
          });
        }
      }

      // TODO: pull out $.Widget's handling for the disabled option into
      // $.Widget.prototype._setOptionDisabled so it's easy to proxy and can
      // be overridden by individual plugins
      this._setOption("disabled", options.disabled);
      this._resetButton();
    },

    _determineButtonType: function () {
      var ancestor, labelSelector, checked;

      if (this.element.is("[type=checkbox]")) {
        this.type = "checkbox";
      } else if (this.element.is("[type=radio]")) {
        this.type = "radio";
      } else if (this.element.is("input")) {
        this.type = "input";
      } else {
        this.type = "button";
      }

      if (this.type === "checkbox" || this.type === "radio") {
        // we don't search against the document in case the element
        // is disconnected from the DOM
        ancestor = this.element.parents().last();
        labelSelector = "label[for='" + this.element.attr("id") + "']";
        this.buttonElement = ancestor.find(labelSelector);
        if (!this.buttonElement.length) {
          ancestor = ancestor.length
            ? ancestor.siblings()
            : this.element.siblings();
          this.buttonElement = ancestor.filter(labelSelector);
          if (!this.buttonElement.length) {
            this.buttonElement = ancestor.find(labelSelector);
          }
        }
        this.element.addClass("ui-helper-hidden-accessible");

        checked = this.element.is(":checked");
        if (checked) {
          this.buttonElement.addClass("ui-state-active");
        }
        this.buttonElement.prop("aria-pressed", checked);
      } else {
        this.buttonElement = this.element;
      }
    },

    widget: function () {
      return this.buttonElement;
    },

    _destroy: function () {
      this.element.removeClass("ui-helper-hidden-accessible");
      this.buttonElement
        .removeClass(baseClasses + " ui-state-active " + typeClasses)
        .removeAttr("role")
        .removeAttr("aria-pressed")
        .html(this.buttonElement.find(".ui-button-text").html());

      if (!this.hasTitle) {
        this.buttonElement.removeAttr("title");
      }
    },

    _setOption: function (key, value) {
      this._super(key, value);
      if (key === "disabled") {
        this.element.prop("disabled", !!value);
        if (value) {
          this.buttonElement.removeClass("ui-state-focus");
        }
        return;
      }
      this._resetButton();
    },

    refresh: function () {
      //See #8237 & #8828
      var isDisabled = this.element.is("input, button")
        ? this.element.is(":disabled")
        : this.element.hasClass("ui-button-disabled");

      if (isDisabled !== this.options.disabled) {
        this._setOption("disabled", isDisabled);
      }
      if (this.type === "radio") {
        radioGroup(this.element[0]).each(function () {
          if ($(this).is(":checked")) {
            $(this)
              .button("widget")
              .addClass("ui-state-active")
              .attr("aria-pressed", "true");
          } else {
            $(this)
              .button("widget")
              .removeClass("ui-state-active")
              .attr("aria-pressed", "false");
          }
        });
      } else if (this.type === "checkbox") {
        if (this.element.is(":checked")) {
          this.buttonElement
            .addClass("ui-state-active")
            .attr("aria-pressed", "true");
        } else {
          this.buttonElement
            .removeClass("ui-state-active")
            .attr("aria-pressed", "false");
        }
      }
    },

    _resetButton: function () {
      if (this.type === "input") {
        if (this.options.label) {
          this.element.val(this.options.label);
        }
        return;
      }
      var buttonElement = this.buttonElement.removeClass(typeClasses),
        buttonText = $("<span></span>", this.document[0])
          .addClass("ui-button-text")
          .html(this.options.label)
          .appendTo(buttonElement.empty())
          .text(),
        icons = this.options.icons,
        multipleIcons = icons.primary && icons.secondary,
        buttonClasses = [];

      if (icons.primary || icons.secondary) {
        if (this.options.text) {
          buttonClasses.push(
            "ui-button-text-icon" +
              (multipleIcons ? "s" : icons.primary ? "-primary" : "-secondary")
          );
        }

        if (icons.primary) {
          buttonElement.prepend(
            "<span class='ui-button-icon-primary ui-icon " +
              icons.primary +
              "'></span>"
          );
        }

        if (icons.secondary) {
          buttonElement.append(
            "<span class='ui-button-icon-secondary ui-icon " +
              icons.secondary +
              "'></span>"
          );
        }

        if (!this.options.text) {
          buttonClasses.push(
            multipleIcons ? "ui-button-icons-only" : "ui-button-icon-only"
          );

          if (!this.hasTitle) {
            buttonElement.attr("title", $.trim(buttonText));
          }
        }
      } else {
        buttonClasses.push("ui-button-text-only");
      }
      buttonElement.addClass(buttonClasses.join(" "));
    },
  });

  $.widget("ui.buttonset", {
    version: "1.10.4",
    options: {
      items:
        "button, input[type=button], input[type=submit], input[type=reset], input[type=checkbox], input[type=radio], a, :data(ui-button)",
    },

    _create: function () {
      this.element.addClass("ui-buttonset");
    },

    _init: function () {
      this.refresh();
    },

    _setOption: function (key, value) {
      if (key === "disabled") {
        this.buttons.button("option", key, value);
      }

      this._super(key, value);
    },

    refresh: function () {
      var rtl = this.element.css("direction") === "rtl";

      this.buttons = this.element
        .find(this.options.items)
        .filter(":ui-button")
        .button("refresh")
        .end()
        .not(":ui-button")
        .button()
        .end()
        .map(function () {
          return $(this).button("widget")[0];
        })
        .removeClass("ui-corner-all ui-corner-left ui-corner-right")
        .filter(":first")
        .addClass(rtl ? "ui-corner-right" : "ui-corner-left")
        .end()
        .filter(":last")
        .addClass(rtl ? "ui-corner-left" : "ui-corner-right")
        .end()
        .end();
    },

    _destroy: function () {
      this.element.removeClass("ui-buttonset");
      this.buttons
        .map(function () {
          return $(this).button("widget")[0];
        })
        .removeClass("ui-corner-left ui-corner-right")
        .end()
        .button("destroy");
    },
  });
})(jQuery);

/*! jQuery UI - Slider - v1.10.4
 * http://jqueryui.com
 * Copyright jQuery Foundation and other contributors; Licensed MIT */

(function ($, undefined) {
  // number of pages in a slider
  // (how many times can you page up/down to go through the whole range)
  var numPages = 5;

  $.widget("ui.slider", $.ui.mouse, {
    version: "1.10.4",
    widgetEventPrefix: "slide",

    options: {
      animate: false,
      distance: 0,
      max: 100,
      min: 0,
      orientation: "horizontal",
      range: false,
      step: 1,
      value: 0,
      values: null,

      // callbacks
      change: null,
      slide: null,
      start: null,
      stop: null,
    },

    _create: function () {
      this._keySliding = false;
      this._mouseSliding = false;
      this._animateOff = true;
      this._handleIndex = null;
      this._detectOrientation();
      this._mouseInit();

      this.element.addClass(
        "ui-slider" +
          " ui-slider-" +
          this.orientation +
          " ui-widget" +
          " ui-widget-content" +
          " ui-corner-all"
      );

      this._refresh();
      this._setOption("disabled", this.options.disabled);

      this._animateOff = false;
    },

    _refresh: function () {
      this._createRange();
      this._createHandles();
      this._setupEvents();
      this._refreshValue();
    },

    _createHandles: function () {
      var i,
        handleCount,
        options = this.options,
        existingHandles = this.element
          .find(".ui-slider-handle")
          .addClass("ui-state-default ui-corner-all"),
        handle =
          "<a class='ui-slider-handle ui-state-default ui-corner-all' href='#'></a>",
        handles = [];

      handleCount = (options.values && options.values.length) || 1;

      if (existingHandles.length > handleCount) {
        existingHandles.slice(handleCount).remove();
        existingHandles = existingHandles.slice(0, handleCount);
      }

      for (i = existingHandles.length; i < handleCount; i++) {
        handles.push(handle);
      }

      this.handles = existingHandles.add(
        $(handles.join("")).appendTo(this.element)
      );

      this.handle = this.handles.eq(0);

      this.handles.each(function (i) {
        $(this).data("ui-slider-handle-index", i);
      });
    },

    _createRange: function () {
      var options = this.options,
        classes = "";

      if (options.range) {
        if (options.range === true) {
          if (!options.values) {
            options.values = [this._valueMin(), this._valueMin()];
          } else if (options.values.length && options.values.length !== 2) {
            options.values = [options.values[0], options.values[0]];
          } else if ($.isArray(options.values)) {
            options.values = options.values.slice(0);
          }
        }

        if (!this.range || !this.range.length) {
          this.range = $("<div></div>").appendTo(this.element);

          classes =
            "ui-slider-range" +
            // note: this isn't the most fittingly semantic framework class for this element,
            // but worked best visually with a variety of themes
            " ui-widget-header ui-corner-all";
        } else {
          this.range
            .removeClass("ui-slider-range-min ui-slider-range-max")
            // Handle range switching from true to min/max
            .css({
              left: "",
              bottom: "",
            });
        }

        this.range.addClass(
          classes +
            (options.range === "min" || options.range === "max"
              ? " ui-slider-range-" + options.range
              : "")
        );
      } else {
        if (this.range) {
          this.range.remove();
        }
        this.range = null;
      }
    },

    _setupEvents: function () {
      var elements = this.handles.add(this.range).filter("a");
      this._off(elements);
      this._on(elements, this._handleEvents);
      this._hoverable(elements);
      this._focusable(elements);
    },

    _destroy: function () {
      this.handles.remove();
      if (this.range) {
        this.range.remove();
      }

      this.element.removeClass(
        "ui-slider" +
          " ui-slider-horizontal" +
          " ui-slider-vertical" +
          " ui-widget" +
          " ui-widget-content" +
          " ui-corner-all"
      );

      this._mouseDestroy();
    },

    _mouseCapture: function (event) {
      var position,
        normValue,
        distance,
        closestHandle,
        index,
        allowed,
        offset,
        mouseOverHandle,
        that = this,
        o = this.options;

      if (o.disabled) {
        return false;
      }

      this.elementSize = {
        width: this.element.outerWidth(),
        height: this.element.outerHeight(),
      };
      this.elementOffset = this.element.offset();

      position = { x: event.pageX, y: event.pageY };
      normValue = this._normValueFromMouse(position);
      distance = this._valueMax() - this._valueMin() + 1;
      this.handles.each(function (i) {
        var thisDistance = Math.abs(normValue - that.values(i));
        if (
          distance > thisDistance ||
          (distance === thisDistance &&
            (i === that._lastChangedValue || that.values(i) === o.min))
        ) {
          distance = thisDistance;
          closestHandle = $(this);
          index = i;
        }
      });

      allowed = this._start(event, index);
      if (allowed === false) {
        return false;
      }
      this._mouseSliding = true;

      this._handleIndex = index;

      closestHandle.addClass("ui-state-active").focus();

      offset = closestHandle.offset();
      mouseOverHandle = !$(event.target)
        .parents()
        .addBack()
        .is(".ui-slider-handle");
      this._clickOffset = mouseOverHandle
        ? { left: 0, top: 0 }
        : {
            left: event.pageX - offset.left - closestHandle.width() / 2,
            top:
              event.pageY -
              offset.top -
              closestHandle.height() / 2 -
              (parseInt(closestHandle.css("borderTopWidth"), 10) || 0) -
              (parseInt(closestHandle.css("borderBottomWidth"), 10) || 0) +
              (parseInt(closestHandle.css("marginTop"), 10) || 0),
          };

      if (!this.handles.hasClass("ui-state-hover")) {
        this._slide(event, index, normValue);
      }
      this._animateOff = true;
      return true;
    },

    _mouseStart: function () {
      return true;
    },

    _mouseDrag: function (event) {
      var position = { x: event.pageX, y: event.pageY },
        normValue = this._normValueFromMouse(position);

      this._slide(event, this._handleIndex, normValue);

      return false;
    },

    _mouseStop: function (event) {
      this.handles.removeClass("ui-state-active");
      this._mouseSliding = false;

      this._stop(event, this._handleIndex);
      this._change(event, this._handleIndex);

      this._handleIndex = null;
      this._clickOffset = null;
      this._animateOff = false;

      return false;
    },

    _detectOrientation: function () {
      this.orientation =
        this.options.orientation === "vertical" ? "vertical" : "horizontal";
    },

    _normValueFromMouse: function (position) {
      var pixelTotal, pixelMouse, percentMouse, valueTotal, valueMouse;

      if (this.orientation === "horizontal") {
        pixelTotal = this.elementSize.width;
        pixelMouse =
          position.x -
          this.elementOffset.left -
          (this._clickOffset ? this._clickOffset.left : 0);
      } else {
        pixelTotal = this.elementSize.height;
        pixelMouse =
          position.y -
          this.elementOffset.top -
          (this._clickOffset ? this._clickOffset.top : 0);
      }

      percentMouse = pixelMouse / pixelTotal;
      if (percentMouse > 1) {
        percentMouse = 1;
      }
      if (percentMouse < 0) {
        percentMouse = 0;
      }
      if (this.orientation === "vertical") {
        percentMouse = 1 - percentMouse;
      }

      valueTotal = this._valueMax() - this._valueMin();
      valueMouse = this._valueMin() + percentMouse * valueTotal;

      return this._trimAlignValue(valueMouse);
    },

    _start: function (event, index) {
      var uiHash = {
        handle: this.handles[index],
        value: this.value(),
      };
      if (this.options.values && this.options.values.length) {
        uiHash.value = this.values(index);
        uiHash.values = this.values();
      }
      return this._trigger("start", event, uiHash);
    },

    _slide: function (event, index, newVal) {
      var otherVal, newValues, allowed;

      if (this.options.values && this.options.values.length) {
        otherVal = this.values(index ? 0 : 1);

        if (
          this.options.values.length === 2 &&
          this.options.range === true &&
          ((index === 0 && newVal > otherVal) ||
            (index === 1 && newVal < otherVal))
        ) {
          newVal = otherVal;
        }

        if (newVal !== this.values(index)) {
          newValues = this.values();
          newValues[index] = newVal;
          // A slide can be canceled by returning false from the slide callback
          allowed = this._trigger("slide", event, {
            handle: this.handles[index],
            value: newVal,
            values: newValues,
          });
          otherVal = this.values(index ? 0 : 1);
          if (allowed !== false) {
            this.values(index, newVal);
          }
        }
      } else {
        if (newVal !== this.value()) {
          // A slide can be canceled by returning false from the slide callback
          allowed = this._trigger("slide", event, {
            handle: this.handles[index],
            value: newVal,
          });
          if (allowed !== false) {
            this.value(newVal);
          }
        }
      }
    },

    _stop: function (event, index) {
      var uiHash = {
        handle: this.handles[index],
        value: this.value(),
      };
      if (this.options.values && this.options.values.length) {
        uiHash.value = this.values(index);
        uiHash.values = this.values();
      }

      this._trigger("stop", event, uiHash);
    },

    _change: function (event, index) {
      if (!this._keySliding && !this._mouseSliding) {
        var uiHash = {
          handle: this.handles[index],
          value: this.value(),
        };
        if (this.options.values && this.options.values.length) {
          uiHash.value = this.values(index);
          uiHash.values = this.values();
        }

        //store the last changed value index for reference when handles overlap
        this._lastChangedValue = index;

        this._trigger("change", event, uiHash);
      }
    },

    value: function (newValue) {
      if (arguments.length) {
        this.options.value = this._trimAlignValue(newValue);
        this._refreshValue();
        this._change(null, 0);
        return;
      }

      return this._value();
    },

    values: function (index, newValue) {
      var vals, newValues, i;

      if (arguments.length > 1) {
        this.options.values[index] = this._trimAlignValue(newValue);
        this._refreshValue();
        this._change(null, index);
        return;
      }

      if (arguments.length) {
        if ($.isArray(arguments[0])) {
          vals = this.options.values;
          newValues = arguments[0];
          for (i = 0; i < vals.length; i += 1) {
            vals[i] = this._trimAlignValue(newValues[i]);
            this._change(null, i);
          }
          this._refreshValue();
        } else {
          if (this.options.values && this.options.values.length) {
            return this._values(index);
          } else {
            return this.value();
          }
        }
      } else {
        return this._values();
      }
    },

    _setOption: function (key, value) {
      var i,
        valsLength = 0;

      if (key === "range" && this.options.range === true) {
        if (value === "min") {
          this.options.value = this._values(0);
          this.options.values = null;
        } else if (value === "max") {
          this.options.value = this._values(this.options.values.length - 1);
          this.options.values = null;
        }
      }

      if ($.isArray(this.options.values)) {
        valsLength = this.options.values.length;
      }

      $.Widget.prototype._setOption.apply(this, arguments);

      switch (key) {
        case "orientation":
          this._detectOrientation();
          this.element
            .removeClass("ui-slider-horizontal ui-slider-vertical")
            .addClass("ui-slider-" + this.orientation);
          this._refreshValue();
          break;
        case "value":
          this._animateOff = true;
          this._refreshValue();
          this._change(null, 0);
          this._animateOff = false;
          break;
        case "values":
          this._animateOff = true;
          this._refreshValue();
          for (i = 0; i < valsLength; i += 1) {
            this._change(null, i);
          }
          this._animateOff = false;
          break;
        case "min":
        case "max":
          this._animateOff = true;
          this._refreshValue();
          this._animateOff = false;
          break;
        case "range":
          this._animateOff = true;
          this._refresh();
          this._animateOff = false;
          break;
      }
    },

    //internal value getter
    // _value() returns value trimmed by min and max, aligned by step
    _value: function () {
      var val = this.options.value;
      val = this._trimAlignValue(val);

      return val;
    },

    //internal values getter
    // _values() returns array of values trimmed by min and max, aligned by step
    // _values( index ) returns single value trimmed by min and max, aligned by step
    _values: function (index) {
      var val, vals, i;

      if (arguments.length) {
        val = this.options.values[index];
        val = this._trimAlignValue(val);

        return val;
      } else if (this.options.values && this.options.values.length) {
        // .slice() creates a copy of the array
        // this copy gets trimmed by min and max and then returned
        vals = this.options.values.slice();
        for (i = 0; i < vals.length; i += 1) {
          vals[i] = this._trimAlignValue(vals[i]);
        }

        return vals;
      } else {
        return [];
      }
    },

    // returns the step-aligned value that val is closest to, between (inclusive) min and max
    _trimAlignValue: function (val) {
      if (val <= this._valueMin()) {
        return this._valueMin();
      }
      if (val >= this._valueMax()) {
        return this._valueMax();
      }
      var step = this.options.step > 0 ? this.options.step : 1,
        valModStep = (val - this._valueMin()) % step,
        alignValue = val - valModStep;

      if (Math.abs(valModStep) * 2 >= step) {
        alignValue += valModStep > 0 ? step : -step;
      }

      // Since JavaScript has problems with large floats, round
      // the final value to 5 digits after the decimal point (see #4124)
      return parseFloat(alignValue.toFixed(5));
    },

    _valueMin: function () {
      return this.options.min;
    },

    _valueMax: function () {
      return this.options.max;
    },

    _refreshValue: function () {
      var lastValPercent,
        valPercent,
        value,
        valueMin,
        valueMax,
        oRange = this.options.range,
        o = this.options,
        that = this,
        animate = !this._animateOff ? o.animate : false,
        _set = {};

      if (this.options.values && this.options.values.length) {
        this.handles.each(function (i) {
          valPercent =
            ((that.values(i) - that._valueMin()) /
              (that._valueMax() - that._valueMin())) *
            100;
          _set[that.orientation === "horizontal" ? "left" : "bottom"] =
            valPercent + "%";
          $(this).stop(1, 1)[animate ? "animate" : "css"](_set, o.animate);
          if (that.options.range === true) {
            if (that.orientation === "horizontal") {
              if (i === 0) {
                that.range
                  .stop(1, 1)
                  [animate ? "animate" : "css"](
                    { left: valPercent + "%" },
                    o.animate
                  );
              }
              if (i === 1) {
                that.range[animate ? "animate" : "css"](
                  { width: valPercent - lastValPercent + "%" },
                  { queue: false, duration: o.animate }
                );
              }
            } else {
              if (i === 0) {
                that.range
                  .stop(1, 1)
                  [animate ? "animate" : "css"](
                    { bottom: valPercent + "%" },
                    o.animate
                  );
              }
              if (i === 1) {
                that.range[animate ? "animate" : "css"](
                  { height: valPercent - lastValPercent + "%" },
                  { queue: false, duration: o.animate }
                );
              }
            }
          }
          lastValPercent = valPercent;
        });
      } else {
        value = this.value();
        valueMin = this._valueMin();
        valueMax = this._valueMax();
        valPercent =
          valueMax !== valueMin
            ? ((value - valueMin) / (valueMax - valueMin)) * 100
            : 0;
        _set[this.orientation === "horizontal" ? "left" : "bottom"] =
          valPercent + "%";
        this.handle.stop(1, 1)[animate ? "animate" : "css"](_set, o.animate);

        if (oRange === "min" && this.orientation === "horizontal") {
          this.range
            .stop(1, 1)
            [animate ? "animate" : "css"](
              { width: valPercent + "%" },
              o.animate
            );
        }
        if (oRange === "max" && this.orientation === "horizontal") {
          this.range[animate ? "animate" : "css"](
            { width: 100 - valPercent + "%" },
            { queue: false, duration: o.animate }
          );
        }
        if (oRange === "min" && this.orientation === "vertical") {
          this.range
            .stop(1, 1)
            [animate ? "animate" : "css"](
              { height: valPercent + "%" },
              o.animate
            );
        }
        if (oRange === "max" && this.orientation === "vertical") {
          this.range[animate ? "animate" : "css"](
            { height: 100 - valPercent + "%" },
            { queue: false, duration: o.animate }
          );
        }
      }
    },

    _handleEvents: {
      keydown: function (event) {
        var allowed,
          curVal,
          newVal,
          step,
          index = $(event.target).data("ui-slider-handle-index");

        switch (event.keyCode) {
          case $.ui.keyCode.HOME:
          case $.ui.keyCode.END:
          case $.ui.keyCode.PAGE_UP:
          case $.ui.keyCode.PAGE_DOWN:
          case $.ui.keyCode.UP:
          case $.ui.keyCode.RIGHT:
          case $.ui.keyCode.DOWN:
          case $.ui.keyCode.LEFT:
            event.preventDefault();
            if (!this._keySliding) {
              this._keySliding = true;
              $(event.target).addClass("ui-state-active");
              allowed = this._start(event, index);
              if (allowed === false) {
                return;
              }
            }
            break;
        }

        step = this.options.step;
        if (this.options.values && this.options.values.length) {
          curVal = newVal = this.values(index);
        } else {
          curVal = newVal = this.value();
        }

        switch (event.keyCode) {
          case $.ui.keyCode.HOME:
            newVal = this._valueMin();
            break;
          case $.ui.keyCode.END:
            newVal = this._valueMax();
            break;
          case $.ui.keyCode.PAGE_UP:
            newVal = this._trimAlignValue(
              curVal + (this._valueMax() - this._valueMin()) / numPages
            );
            break;
          case $.ui.keyCode.PAGE_DOWN:
            newVal = this._trimAlignValue(
              curVal - (this._valueMax() - this._valueMin()) / numPages
            );
            break;
          case $.ui.keyCode.UP:
          case $.ui.keyCode.RIGHT:
            if (curVal === this._valueMax()) {
              return;
            }
            newVal = this._trimAlignValue(curVal + step);
            break;
          case $.ui.keyCode.DOWN:
          case $.ui.keyCode.LEFT:
            if (curVal === this._valueMin()) {
              return;
            }
            newVal = this._trimAlignValue(curVal - step);
            break;
        }

        this._slide(event, index, newVal);
      },
      click: function (event) {
        event.preventDefault();
      },
      keyup: function (event) {
        var index = $(event.target).data("ui-slider-handle-index");

        if (this._keySliding) {
          this._keySliding = false;
          this._stop(event, index);
          this._change(event, index);
          $(event.target).removeClass("ui-state-active");
        }
      },
    },
  });
})(jQuery);

//JH 26.11.2018 highlighting searched terms
//pre extend jquery by adding another function called highlight
// we will be overrighting this with a modified versions
jQuery.extend({
  highlight: function (node, re, nodeName, className) {
    if (node.nodeType === 3) {
      var match = node.data.match(re);
      if (match) {
        var highlight = document.createElement(nodeName || "span");
        highlight.className = className || "highlight";
        var wordNode = node.splitText(match.index);
        wordNode.splitText(match[0].length);
        var wordClone = wordNode.cloneNode(true);
        highlight.appendChild(wordClone);
        wordNode.parentNode.replaceChild(highlight, wordNode);
        return 1; //skip added node in parent
      }
    } else if (
      node.nodeType === 1 &&
      node.childNodes && // only element nodes that have children
      !/(script|style)/i.test(node.tagName) && // ignore script and style nodes
      !(node.tagName === nodeName.toUpperCase() && node.className === className)
    ) {
      // skip if already highlighted
      for (var i = 0; i < node.childNodes.length; i++) {
        i += jQuery.highlight(node.childNodes[i], re, nodeName, className);
      }
    }
    return 0;
  },
});
// JH 26.11.2018 unhighlight searched terms
// our own unhighlight method which prevents the text being chopped up breaking
// the ability to highlight text
jQuery.fn.unhighlight = function (options) {
  //The newNormalize function replaces the JS Normalize() function  - fixes highlighting issue in IE
  function newNormalize(node) {
    for (
      var i = 0, children = node.childNodes, nodeCount = children.length;
      i < nodeCount;
      i++
    ) {
      var child = children[i];
      if (child.nodeType == 1) {
        newNormalize(child);
        continue;
      }
      if (child.nodeType != 3) {
        continue;
      }
      var next = child.nextSibling;
      if (next == null || next.nodeType != 3) {
        continue;
      }
      var combined_text = child.nodeValue + next.nodeValue;
      new_node = node.ownerDocument.createTextNode(combined_text);
      node.insertBefore(new_node, child);
      node.removeChild(child);
      node.removeChild(next);
      i--;
      nodeCount--;
    }
  }

  var settings = { className: "highlight", element: "span" };
  jQuery.extend(settings, options);

  return this.find(settings.element + "." + settings.className)
    .each(function () {
      var parent = this.parentNode;
      parent.replaceChild(this.firstChild, this);
      //parent.normalize();
      newNormalize(parent);
    })
    .end();
};

//JH 26.11.2018 highlighting searched terms
jQuery.fn.highlightModified = function (words, options) {
  var settings = {
    className: "highlight",
    element: "span",
    caseSensitive: false,
    wordsOnly: false,
  };

  jQuery.extend(settings, options);

  if (words.constructor === String) {
    words = [words];
  }
  words = jQuery.grep(words, function (word, i) {
    return word != "";
  });
  words = jQuery.map(words, function (word, i) {
    return word.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
  });
  if (words.length == 0) {
    return this;
  }

  var flag = settings.caseSensitive ? "" : "i";
  var pattern = "(" + words.join(")+.*(") + ")";
  if (settings.wordsOnly) {
    pattern = "\\b" + pattern + "\\b";
  }
  var re = new RegExp(pattern, flag);

  return this.each(function () {
    jQuery.highlight(this, re, settings.element, settings.className);
  });
};

// function to search for HTML elements that have the access key and run them if they exists
function runAccessKey(pKeyCode) {
  // Declares
  var lsAnchorTag = document.getElementsByTagName("A");
  var liCount;
  var lsAccessKey;

  // Loop through all the anchors
  for (liCount = lsAnchorTag.length - 1; liCount >= 0; liCount--) {
    //get attribute accessKey
    lsAccessKey = lsAnchorTag[liCount].getAttribute("accessKey");

    if (lsAccessKey != null) {
      // see if this one has the access key that was pressed by the user
      if (lsAccessKey.toLowerCase() == pKeyCode.toLowerCase()) {
        // Trigger the anchor
        lsAnchorTag[liCount].click();

        // Say we don't want to run anything else / any system hanlder for this key
        return false;
      }
    }
  }

  //if we are in a frame set to target anchors in parent document
  if (window.frameElement) {
    // Declares
    var lsAnchorTag = parent.document.getElementsByTagName("A");
    var liCount;
    var lsAccessKey;

    // Loop through all the anchors
    for (liCount = lsAnchorTag.length - 1; liCount >= 0; liCount--) {
      //get attribute accessKey
      lsAccessKey = lsAnchorTag[liCount].getAttribute("accessKey");

      if (lsAccessKey != null) {
        // see if this one has the access key that was pressed by the user
        if (lsAccessKey.toLowerCase() == pKeyCode.toLowerCase()) {
          // Trigger the anchor
          lsAnchorTag[liCount].click();

          // Say we don't want to run anything else / any system hanlder for this key
          return false;
        }
      }
    }
  }

  // look for links in the frame that have access keys
  if (parent.document.getElementById("mainFrame")) {
    // Declares
    var lsAnchorTag = parent.document
      .getElementById("mainFrame")
      .contentWindow.document.getElementsByTagName("A");
    var liCount;
    var lsAccessKey;

    // Loop through all the anchors
    for (liCount = lsAnchorTag.length - 1; liCount >= 0; liCount--) {
      //get attribute accessKey
      lsAccessKey = lsAnchorTag[liCount].getAttribute("accessKey");

      if (lsAccessKey != null) {
        // see if this one has the access key that was pressed by the user
        if (lsAccessKey.toLowerCase() == pKeyCode.toLowerCase()) {
          // Trigger the anchor
          lsAnchorTag[liCount].click();

          // Say we don't want to run anything else / any system hanlder for this key
          return false;
        }
      }
    }
  }

  // Still here? must not be an accesskey to run
  return true;
}

// Function to convert the keycode from the event to a friendly name that would match what we set in the accessKey attribute
// Todo: This doesn't look at keyboard layout - it will not work with non-uk keyboards!
function getKeyNamefromKeyCode(n) {
  if (47 <= n && n <= 90) return unescape("%" + n.toString(16));
  if (96 <= n && n <= 105) return "" + (n - 96);
  if (112 <= n && n <= 135) return "F" + (n - 111);

  if (n == 3) return "Cancel"; //DOM_VK_CANCEL
  if (n == 6) return "Help"; //DOM_VK_HELP
  if (n == 8) return "Backspace";
  if (n == 9) return "Tab";
  if (n == 12) return "Clear"; //DOM_VK_CLEAR
  if (n == 13) return "Enter";
  if (n == 16) return "Shift";
  if (n == 17) return "Ctrl";
  if (n == 18) return "Alt";
  if (n == 19) return "Pause|Break";
  if (n == 20) return "CapsLock";
  if (n == 27) return "Esc";
  if (n == 32) return "Space";
  if (n == 33) return "PageUp";
  if (n == 34) return "PageDown";
  if (n == 35) return "End";
  if (n == 36) return "Home";
  if (n == 37) return "Left";
  if (n == 38) return "Up";
  if (n == 39) return "Right";
  if (n == 40) return "Down";
  if (n == 42) return "*"; //Opera
  if (n == 43) return "+"; //Opera
  if (n == 44) return "PrntScrn";
  if (n == 45) return "Insert";
  if (n == 46) return "Delete";

  if (n == 91) return "WIN Start";
  if (n == 92) return "WIN Start Right";
  if (n == 93) return "WIN Menu";
  if (n == 106) return "*";
  if (n == 107) return "+";
  if (n == 108) return "Separator"; //DOM_VK_SEPARATOR
  if (n == 109) return "-";
  if (n == 110) return ".";
  if (n == 111) return "/";
  if (n == 144) return "NumLock";
  if (n == 145) return "ScrollLock";

  // Firefox 15+ (bug 787504)
  // https://bugzilla.mozilla.org/show_bug.cgi?id=787504
  // https://github.com/openlayers/openlayers/issues/605
  if (-1 != navigator.userAgent.indexOf("Firefox")) {
    if (n == 173 && KeyEvent && n == KeyEvent.DOM_VK_HYPHEN_MINUS) return "- _";
    if (n == 181 && KeyEvent && n == KeyEvent.DOM_VK_VOLUME_MUTE)
      return "Mute On|Off";
    if (n == 182 && KeyEvent && n == KeyEvent.DOM_VK_VOLUME_DOWN)
      return "Volume Down";
    if (n == 183 && KeyEvent && n == KeyEvent.DOM_VK_VOLUME_UP)
      return "Volume Up";
  }

  /*
  //Media buttons (Inspiron laptops) 
  if(n==173) return 'Mute On|Off'
  if(n==174) return 'Volume Down'
  if(n==175) return 'Volume Up'
  if(n==176) return 'Media >>'
  if(n==177) return 'Media <<'
  if(n==178) return 'Media Stop'
  if(n==179) return 'Media Play|Pause'
  */

  if (n == 182) return "WIN My Computer";
  if (n == 183) return "WIN Calculator";
  if (n == 186) return "; :";
  if (n == 187) return "=";
  if (n == 188) return ",";
  if (n == 189) return "-";
  if (n == 190) return ".";
  if (n == 191) return "/";
  if (n == 192) return "'";
  if (n == 219) return "[";
  if (n == 220) return "\\";
  if (n == 221) return "]";
  if (n == 222) return "#";
  if (n == 223) return "`";
  if (n == 224) return "META|Command";
  if (n == 229) return "WIN IME";

  //if(n==255) return 'Device-specific' //Dell Home button (Inspiron laptops)

  return null;
}

function doContextMenu(sourceObjectID, e) {
  var posx = 0;
  var posy = 0;
  if (!e) var e = window.event;
  if (e.pageX || e.pageY) {
    posx = e.pageX;
    posy = e.pageY;
  } else if (e.clientX || e.clientY) {
    posx =
      e.clientX +
      document.body.scrollLeft +
      document.documentElement.scrollLeft;
    posy =
      e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
  }

  // Get the context menu object
  contextMenuObj = document.getElementById("lContextMenu");
  contextMenuObj.style.left = posx + "px";
  contextMenuObj.style.top = posy + "px";
  contextMenuObj.style.display = "block";

  matrix.ajax_makeRequest(
    "/matrix/932C7F59-15F1-4ABC-AF17-A63C34C1ED58?" + sourceObjectID,
    "lContextMenu"
  );
}

//==============================================================================================================
// Matrix Library
//
// All new functionality should go in here!
//==============================================================================================================

matrix = {
  version: 1,

  viewportID: "",

  //==============================================================================================================
  // Our own none jQuery AJAX system
  //==============================================================================================================

  ajax_makeRequest: function (url, element) {
    if (window.XMLHttpRequest) request = new XMLHttpRequest();
    else if (window.ActiveXObject)
      request = new ActiveXObject("MSXML2.XMLHTTP");

    request.onreadystatechange = function () {
      matrix.ajax_onResponse(element);
    };
    request.open("GET", url, true);
    request.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    request.send(null);
  },

  ajax_onResponse: function (element) {
    //  if(request.readyState == 0) { matrix.setContent("Sending ...", element); }
    if (request.readyState == 1) {
      matrix.setToLoading(element);
    }
    //  if(request.readyState == 1) { matrix.setContent("<img src='/images/loading2.gif' />", element); }
    //  if(request.readyState == 2) { matrix.setContent("Loaded ...", element); }
    if (request.readyState == 3) {
      matrix.setContent("Processing ...", element);
    }
    if (request.readyState == 4) {
      if (request.status == 200) {
        matrix.setContent(request.responseText, element);
      } else if (request.status == 404) {
        // Add a custom message or redirect the user to another page
        matrix.setContent("File not found", element);
      } else if (request.status == 403) {
        // Add a custom message for the error
        matrix.setContent("Access Denied", element);
      } else if (request.status == 401) {
        // Add a custom message for the error
        matrix.setContent(
          "<h2>Unauthorised</h2><br/>You must log in to view this content.",
          element
        );
      } else if (request.status == 400) {
        // Add a custom message for the error
        lsError = "" + request.getResponseHeader("X-Error-Message");

        // Make sure there is an error message - not sure if this correct, see next case -TB
        if (!lsError.length > 0) {
          lsError = "There was a problem retrieving the content.";
        }

        // Display the error as the content
        matrix.setContent(
          "<h2>Unable to Continue:</h2><br/>" + lsError,
          element
        );
      } else {
        // Add a custom message for the error
        lsErrorID = "" + request.getResponseHeader("X-Error-ID");

        // Make sure there is an error message
        if (!(lsErrorID.length == 36)) {
          matrix.setContent(
            "System Error - There was a problem retrieving the content.",
            element
          );
        } else {
          // Display the error as the content
          matrix.ajax_makeRequest(
            "/matrix/D468F7A0-BA05-43EB-85AD-EB5A0FA392F8?" + lsErrorID,
            element
          );
        }
      }
    }
  },

  setContent: function (newContent, element) {
    if (document.getElementById(element)) {
      var lElem = document.getElementById(element);
      if (lElem) {
        if (lElem.overrideHTML != newContent) {
          lElem.overrideHTML = newContent;

          if (lElem.tagName != "TR") {
            lElem.innerHTML = newContent;
          } else {
            // Need to remove the existing cell
            lElem.removeChild(lElem.firstChild);

            //lElem = newContent
            var newCell = lElem.insertCell(0);
            newCell.innerHTML = newContent;
            newCell.style.position = "relative";
            newCell.colSpan = 3;
          }
        }
        // Execute javascript in the new code
        matrix.execJS(lElem);
      }
    }
  },

  execJS: function (node) {
    var bSaf = navigator.userAgent.indexOf("Safari") != -1;
    var bOpera = navigator.userAgent.indexOf("Opera") != -1;
    var bMoz = navigator.appName == "Netscape";

    var st = node.getElementsByTagName("SCRIPT");
    var strExec;
    for (var i = 0; i < st.length; i++) {
      if (bSaf) strExec = st[i].innerHTML;
      else if (bOpera) strExec = st[i].text;
      else if (bMoz) strExec = st[i].textContent;
      else strExec = st[i].text;

      try {
        eval(strExec.split("<!--").join("").split("-->").join(""));
      } catch (e) {
        // todo! Imrove this as it is hell to debug
        alert(e);
      }
    }
  },

  //==============================================================================================================
  // Set Wait cursor functions
  //==============================================================================================================

  setWaitCursor: function () {
    // Make a note of when the navigation started
    top.document.matrix_requestStartTime = new Date().getTime();

    // Create the overlay div
    var loadingOverlay = matrix.getCreateElement(
      "matrix_loadingoverlay",
      "div"
    );
    loadingOverlay.className = "matrix_ajax_refreshmask";
    loadingOverlay.minHeight = "50px";
    //loadingOverlay.innerHTML =
    //  "<img src='data:image/gif;base64,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' style='position:absolute; top:50%; margin-top:-18px;' />";
    loadingOverlay.style.cursor = "wait";

    // Set a timer to check if the user aborts the navigation
    clearInterval(matrix.setWaitCursor_areWeLoadingTimer);
    matrix.setWaitCursor_areWeLoadingTimer = setInterval(function () {
      matrix.setWaitCursor_AreWeStillLoading();
    }, 1000);
  },

  setWaitCursor_AreWeStillLoading: function () {
    // Create a div to handle an ajax request that asks the server if it is back
    var matrix_WaitCursorCheckDiv = matrix.getCreateElement(
      "matrix_WaitCursorCheckDiv",
      "span"
    );

    // Send an AJAX request to the UI thread on teh server. When this comes back the server is available
    ajax_makeRequest(
      "/matrix/1D6072A9-99BC-4091-8DDA-9BED7848EBCD?1D6072A9-99BC-4091-8DDA-9BED7848EBCD",
      "matrix_WaitCursorCheckDiv"
    );

    // Cancel the current timer - no need to hammer the server!
    clearInterval(matrix.setWaitCursor_areWeLoadingTimer);

    // Set a new timer to ensure the waiting mask is cleared if there was a connection error or if the previous request failed
    matrix.setWaitCursor_areWeLoadingTimer = setInterval(function () {
      matrix.setWaitCursor_AreWeStillLoading();
    }, 5000);
  },

  setWaitCursor_FinishedLoading: function () {
    // Delete the overlay div
    matrix.removeElementById("matrix_loadingoverlay");

    // Clear the timer to make sure we don't  bother checking anymore
    clearInterval(matrix.setWaitCursor_areWeLoadingTimer);

    // If timing was started, see how quick the page load was
    if (top.document.matrix_requestStartTime) {
      var end = new Date().getTime();
      var time = end - top.document.matrix_requestStartTime;

//      // If too slow, tell us
//      if (time > 2500) {
//        matrix.notifyDTC({
//          Content: "Execution time: " + time,
//          message: "Slow Page Load",
//          pageurl: document.location.href,
//        });
//      }
    }

    // Hide any context menus that are visible
    matrix.hidePopupMenus();
  },

  // Function to send a notification message back to DTC of an issue, error or performance problem
  notifyDTC: function (pContent) {
    console.log("Sent Notify:");
    console.log(pContent);
    $.post(
      "/matrix/50070F84-EB70-4122-86E6-CE6630B62E54?50070F84-EB70-4122-86E6-CE6630B62E54",
      pContent
    );
  },

  // Function to generate a session token
  generateSessionToken: function () {
    // Declares
    var lGUID = matrix.generateGUID();

    // save guid as cookie
    createCookie("sessionToken", lGUID, 40);

    // return guid
    return lGUID;
  },

  // Function to generate a session token
  generateViewportToken: function () {
    if (matrix.viewportID === "") {
      // Declares
      matrix.viewportID = matrix.generateGUID();

      // save viewportID as cookie
      //createCookie("sessionToken", matrix.viewportID, 40);
    }

    // return guid
    return matrix.viewportID;
  },


  //==============================================================================================================
  // Everything to do with accessing the url hash
  //==============================================================================================================

  getURLHashKey: function (pKey) {
    const urlHash = new URLSearchParams(
      window.location.hash.substr(1) // skip the first char (#)
    );
    return urlHash.get(pKey); 
  },

  setURLHashKey: function (pKey, pValue) {
    const urlHash = new URLSearchParams(
      window.location.hash.substr(1) // skip the first char (#)
    );
    urlHash.set(pKey, pValue); // any_value
    window.location.hash = urlHash;
  },


  //==============================================================================================================
  // Everything to do with dynamic display updates
  //==============================================================================================================

    // Todo: establish the websocket message channel for the viewportID

    // Function that notifies DOM elements that the data they were rendered from has changed.
//    notifyOnDataChanged: function(pID) {
//        elements = document.querySelectorAll(".matrix-dataobject[data-objectid='" + pID + "']");
//        for (i = 0; i < elements.length; ++i) {
//            if (elements[i].ondatachanged) {
//                elements[i].ondatachanged();
//            }
//        }
//    },

    notifyOnDataChanged: function(pID) {
        function findAndRunOndataChanged(source) {
            var elements = source.querySelectorAll(".matrix-dataobject[data-objectid='" + pID + "']");
            for (i = 0; i < elements.length; ++i) {
                if (elements[i].ondatachanged) {
                    elements[i].ondatachanged();
                    
                }
            }
        }
        //Run agains the document
        findAndRunOndataChanged(document);
        //Run agains the all the iframes
        document.querySelectorAll('iframe').forEach(function(targetFrame){
            findAndRunOndataChanged(targetFrame.contentWindow.document);
        });
        
    },

  //==============================================================================================================
  // General Helper functions
  //==============================================================================================================

  // Function to generate random code that looks like a GUID
  generateGUID: function () {
    function s4() {
      return Math.floor((1 + Math.random()) * 0x10000)
        .toString(16)
        .substring(1);
    }

    return (
      s4() +
      s4() +
      "-" +
      s4() +
      "-" +
      s4() +
      "-" +
      s4() +
      "-" +
      s4() +
      s4() +
      s4()
    );
  },

  // function to handle our global hotkeys from the window onKeyDown event
  // Todo: not tested with all browsers
  eventOnKeyDown: function (e) {
    // Get the keycode fromt he event in a cross browser and durable manor
    var keyCode = e.which || e.keyCode || window.event.keyCode;

    //when Control key is pressed
    if (e.ctrlKey) {
      //when Control and Alt keys are pressed
      if (e.altKey) {
        return runAccessKey("ctrl+alt+" + getKeyNamefromKeyCode(keyCode));
        //when Control and Shift keys are pressed
      } else if (e.shiftKey) {
        return runAccessKey("ctrl+shift+" + getKeyNamefromKeyCode(keyCode));
      } else {
        return runAccessKey("ctrl+" + getKeyNamefromKeyCode(keyCode));
      }
      //when Alt key are pressed
    } else if (e.altKey) {
      //when Alt and Shift keys are pressed
      if (e.shiftKey) {
        return runAccessKey("alt+shift+" + getKeyNamefromKeyCode(keyCode));
      } else {
        return runAccessKey("alt+" + getKeyNamefromKeyCode(keyCode));
      }

      //when functions keys, esc key, arrow keys, ... are pressed
    } else if (
      keyCode == 27 ||
      (112 <= keyCode && keyCode <= 135) ||
      (37 <= keyCode && keyCode <= 40) ||
      (33 <= keyCode && keyCode <= 36) ||
      keyCode == 45 ||
      keyCode == 46
    ) {
      // Key we want to intercept without modifiers, ie. the function keys
      return runAccessKey("" + getKeyNamefromKeyCode(keyCode));
    }
  },

  //Function to hide context menu
  // this function is deprecated and it is replaced with hidePopupMenus()
  hideContextMenu: function (e) {
    // Notify that the old event has been called
    matrix.notifyDTC("Deprecated hide context menu called");

    contextMenuObj = document.getElementById("lContextMenu");

    if (e) {
      //if(e.button==0){ } else { contextMenuObj.style.display='none'; }
      if (document.getElementById("lContextMenu")) {
        contextMenuObj.style.display = "none";
      }
    } else {
      if (document.getElementById("lContextMenu")) {
        contextMenuObj.style.display = "none";
      }
    }
  },

  //Function to hide any popup menus (replaces the hideContextMenu function)
  hidePopupMenus: function (e) {
    // Hide the context menu
    contextMenuObj = document.getElementById("lContextMenu");
    parentContextMenuObj = parent.document.getElementById("lContextMenu");

    //if(e.button==0){ } else { contextMenuObj.style.display='none'; }
    if (document.getElementById("lContextMenu")) {
      contextMenuObj.style.display = "none";
    }
    if (parentContextMenuObj) {
      parentContextMenuObj.style.display = "none";
    }

    //creates an array to put in the cms popouts
    var container = new Array();
    container.push($(".cms_popout_wrap .cms_popout"));

    // Has the event trigger been passed in? Only run this bit if it has
    if (e) {
      //go through the array
      $.each(container, function (key, value) {
        if (
          !$(value).is(e.target) && // if the target of the click isn't the container...
          $(value).has(e.target).length === 0
        ) {
          // ... nor a descendant of the container
          $(value).hide();
        }
      });
    }
  },

  getCreateElement: function (elemID, elemType) {
    // Attempt to get the element
    var attempt = document.getElementById(elemID);

    // If succeeded return element, otherwise create it
    if (attempt) {
      newElem = attempt;
    } else {
      var newElem = document.createElement(elemType);
      newElem.id = elemID;
      document.body.appendChild(newElem);
    }

    // Return it
    return newElem;
  },

  removeElementById: function (elemID) {
    var elem = document.getElementById(elemID);
    if (elem) {
      return elem.parentNode.removeChild(elem);
    }
  },

  //local search can search recordsets and is designed to hide items in a folder or view based on search terms
  // JH 26.11.18
  doLocalSearch: function (elem, recordsetID) {
    // assign searched term
    var searchTerm = elem.value;

    // clear any existing highlight
    $(".searchable_item").unhighlight();

    // highlight any of the search terms found in the visible divs
    $(".searchable_item").highlightModified(searchTerm);

    // hide or show any searchable items depending on whether they have a matched term
    $(".searchable_item")
      .show()
      .filter(function () {
        return (
          $(this).text().toLowerCase().indexOf(searchTerm.toLowerCase()) < 0
        );
      })
      .hide();

    // As the above code may have hidden items, re-trigger the lazyload
    $("#" + recordsetID + "childControl_Children").listLazyLoadNext();

    //This is being called within Lazyload currently
    //matrix.updateResultsHeader(recordsetID);
  },

  timerDeligate: {},

  // timeout method to search after finished typing
  startLocalSearch: function (elem, recordsetID) {
    // Cancel the old timer
    clearTimeout(matrix.timerDeligate);

    // Start a new timer to search in 250ms
    matrix.timerDeligate = setTimeout(function () {
      matrix.doLocalSearch(elem, recordsetID);
    }, 250);
  },

  updateResultsHeader: function (recordsetID) {
    // fix for iframe
    if (top.document.getElementById("mainFrame") != null)
      var frameWindow = top.document.getElementById("mainFrame").contentWindow;
    else var frameWindow = window;

    // Update search matches attribute - searchable items that aren't hidden
    //TODO Move this out of here ??
    $(function () {
      var el = $(".searchable_item").filter(function () {
        return $(this).css("display") == "block";
      });
      //check el has been populated
      if (typeof el !== "undefined") {
        //update search match data
        $("#" + recordsetID + "childControl_Children").attr(
          "data-searchmatches",
          el.length
        );
      }
    });

    //Attribute Selectors
    var liResultsCount = $("#" + recordsetID + "childControl_Children").attr(
      "data-totalrecords"
    );
    var liSearchMatchCount = $(
      "#" + recordsetID + "childControl_Children"
    ).attr("data-searchmatches");
    var liResultsDownloaded = $(
      "#" + recordsetID + "childControl_Children"
    ).attr("data-numberdownloaded");

    //update number of records downloaded data
    $("#" + recordsetID + "childControl_Children").attr(
      "data-numberdownloaded",
      $(".searchable_item").length
    );

    //default to total results
    //if(liResultsCount) frameWindow.$('.childControl_ResultsCount').html(liResultsCount + ' Results');

    //get the search input value
    var liSearchInput = frameWindow
      .$(
        "#" +
          recordsetID +
          "childControl_ResultsHeader .childControl_SearchInput"
      )
      .val();

    //Is there a search input ?
    if (liSearchInput != "") {
      // Are we downloading data ?
      if (
        $("#" + recordsetID + "childControl_Children").attr(
          "data-isComplete"
        ) == "0"
      ) {
        //Show the downloaded count
        $(
          "#" +
            recordsetID +
            "childControl_ResultsHeader .childControl_ResultsCount"
        ).html("Searching... " + liResultsDownloaded);
      } else {
        //Show the matches count
        $(
          "#" +
            recordsetID +
            "childControl_ResultsHeader .childControl_ResultsCount"
        ).html(liSearchMatchCount + " Matches");
      }

      // No search input
    } else {
      // Just show the total results
      if (liResultsCount)
        frameWindow
          .$(
            "#" +
              recordsetID +
              "childControl_ResultsHeader .childControl_ResultsCount"
          )
          .html(liResultsCount + " Records");
    }
  },
};


//==============================================================================================================
// Recordsets - new code / beta
//==============================================================================================================


function RecordSet(pControl, options) {
  this.control = pControl
  this.template = options.template
  this.source = options.source
  this.reload();
}

RecordSet.prototype.reload = function () {
  var lURL = '/matrix/336C8C97-5254-4756-B1FF-E0892E3F0947?' + this.template + '&s=' + this.source + '&id=' + this.control.id;
  $('#' + this.control.id).m_load(lURL);
}


RecordSet.prototype.changeView = function (psNewView) {
  var lURL = '/matrix/336C8C97-5254-4756-B1FF-E0892E3F0947?' + this.template + '&s=' + this.source + '&v=' + psNewView + '&id=' + this.control.id;
  $('#' + this.control.id).m_load(lURL);
}


//==============================================================================================================
// Global code that runs on every page
//==============================================================================================================

// Catch ALL JavaScript Error Messages from users, don't show the user but let us know!
window.onerror = function (errorMsg, url, lineNumber) {
  //   var lscontent = document.getElementsByTagName("HTML")[0].innerHTML;
  var lscontent = "JS error:" + errorMsg;
  console.log("JS error:" + errorMsg + " " + lineNumber);
  $.post(
    "/matrix/50070F84-EB70-4122-86E6-CE6630B62E54?50070F84-EB70-4122-86E6-CE6630B62E54",
    {
      content: lscontent,
      linenumber: lineNumber,
      message: errorMsg,
      pageurl: url,
    }
  );
  return true;
};

// Capture Events
document.onkeydown = matrix.eventOnKeyDown;
document.onmouseup = matrix.hidePopupMenus;

// Always say we have finished loading - this does the logging of page response times and removes any loading indicators
matrix.setWaitCursor_FinishedLoading();