function newRigthScale () {
   let thisObject = {
     container: undefined,
     draw: draw,
     getContainer: getContainer,
     initialize: initialize
   }

   const RIGHT_MARGIN = 50

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

   thisObject.container.frame.width = RIGHT_MARGIN
   thisObject.container.frame.height = viewPort.visibleArea.bottomRight.y - viewPort.visibleArea.topRight.y

   container.frame.position.x = viewPort.visibleArea.bottomRight.x
   container.frame.position.y = TOP_SPACE_HEIGHT

   container.isDraggeable = false
   container.isClickeable = false
   container.isWheeleable = true

   return thisObject

   function initialize () {
     thisObject.container.eventHandler.listenToEvent('Mouse Wheel', onMouseWheel)
   }

   function onMouseWheel (pDelta) {
     if (pDelta < 0) {
       pDelta = -0.1
     } else {
       pDelta = 0.1
     }
   }

   function getContainer (point) {
     let container

        /* First we check if this point is inside this object UI. */

     if (thisObject.container.frame.isThisPointHere(point, true) === true) {
       return this.container
     } else {
            /* This point does not belong to this space. */

       return undefined
     }
   }

   function draw () {

   }
 }