function newQuotedAssetalances () {
  const MODULE_NAME = 'Asset Balances'

  let thisObject = {
    visible: true,
    container: undefined,
    paramsArray: undefined,
    setParamsArray: setParamsArray,
    physics: physics,
    draw: draw,
    speedometers: [],
    getContainer: getContainer,
    initialize: initialize,
    finalize: finalize
  }

  thisObject.container = newContainer()
  thisObject.container.initialize(MODULE_NAME)

  thisObject.container.isDraggeable = false
  thisObject.container.isWheelable = false

  return thisObject

  function finalize () {
    for (let i = 0; i < thisObject.speedometers.length; i++) {
      let speedometer = thisObject.speedometers[i]
      speedometer.finalize()
    }
    thisObject.container.finalize()
    thisObject.container = undefined
    thisObject.paramsArray = undefined
  }

  function initialize () {
    for (let i = 0; i < 2; i++) {
      let speedometer = newSpeedometer()

      speedometer.initialize()
      thisObject.speedometers.push(speedometer)
    }
  }

  function getContainer (point, purpose) {
    if (thisObject.visible !== true) { return }

    let container
    for (let i = 0; i < thisObject.speedometers.length; i++) {
      container = thisObject.speedometers[i].getContainer(point, purpose)
      if (container !== undefined) {
        if (container.isForThisPurpose(purpose)) {
          if (thisObject.container.frame.isThisPointHere(point, true) === true) {
            return container
          }
        }
      }
    }

    if (thisObject.container.frame.isThisPointHere(point, true) === true) {
      return thisObject.container
    } else {
      return undefined
    }
  }

  function setParamsArray (paramsArray) {
    thisObject.paramsArray = paramsArray
    for (let i = 0; i < thisObject.speedometers.length; i++) {
      let speedometer = thisObject.speedometers[i]
      speedometer.params = paramsArray[i]
    }
  }

  function physics () {

  }

  function draw () {
    if (thisObject.visible !== true) { return }

    for (let i = 0; i < thisObject.speedometers.length; i++) {
      let speedometer = thisObject.speedometers[i]
      speedometer.draw()
    }

    drawQuotedAssetalances()
  }

  function drawQuotedAssetalances () {
    if (thisObject.paramsArray === undefined) { return }

    let fontSize
    let label
    let xOffset
    let yOffset

    const OPACITY = 1

      /* We put the params.VALUE in the middle */

    fontSize = 15

    browserCanvasContext.font = 'bold  ' + fontSize + 'px ' + UI_FONT.PRIMARY

    label = 'ASSET BALANCES'

    xOffset = label.length / 2 * fontSize * FONT_ASPECT_RATIO
    yOffset = -45 + 9

    labelPoint = {
      x: 0 - xOffset + (thisObject.paramsArray[1].LEFT_OFFSET - thisObject.paramsArray[0].LEFT_OFFSET) / 2 + thisObject.paramsArray[0].LEFT_OFFSET - 20,
      y: COCKPIT_SPACE_POSITION - COCKPIT_SPACE_HEIGHT / 2 - yOffset
    }

    browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', ' + OPACITY + ')'
    browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y)
  }
}