function newContainer() {
    let thisObject = {
        id: newUniqueId(),
        type: 'Rectangle',
        frame: undefined,
        eventHandler: undefined,
        parentContainer: undefined,
        isDraggeable: true,
        notDraggingOnX: false,
        notDraggingOnY: false,
        isClickeable: false,
        isWheelable: false,
        detectMouseOver: false,
        name: undefined,
        fitFunction: undefined,
        isVisibleFunction: undefined,
        displace: displace,
        initialize: initialize,
        finalize: finalize,
        connectToParent: connectToParent,
        isForThisPurpose: isForThisPurpose
    }

    let connectedToParentWidth = false
    let connectedToParentHeight = false
    let connectedToParentRadius = false

    let onDimmensionsChangedParentEvent = false
    let onMouseOverParentEvent = false
    let onMouseNotOverParentEvent = false
    let onFocusParentEvent = false
    let onNotFocusParentEvent = false
    let onDisplaceParentEvent = false
    let onDragStartedParentEvent = false
    let onDragFinishedParentEvent = false

    let isConnectedToParent = false

    let dimensionsChangedEventSubscriptionId
    let onMouseOverEventSubscriptionId
    let onMouseNotOverEventSubscriptionId
    let onFocusEventSubscriptionId
    let onNotFocusEventSubscriptionId
    let onDisplaceEventSubscriptionId
    let onDragStartedEventSubscriptionId
    let onDragFinishedEventSubscriptionId

    return thisObject

    function finalize() {
        if (isConnectedToParent === true) {
            thisObject.parentContainer.eventHandler.stopListening(dimensionsChangedEventSubscriptionId)
            thisObject.parentContainer.eventHandler.stopListening(onMouseOverEventSubscriptionId)
            thisObject.parentContainer.eventHandler.stopListening(onMouseNotOverEventSubscriptionId)
            thisObject.parentContainer.eventHandler.stopListening(onFocusEventSubscriptionId)
            thisObject.parentContainer.eventHandler.stopListening(onNotFocusEventSubscriptionId)
            thisObject.parentContainer.eventHandler.stopListening(onDisplaceEventSubscriptionId)
            thisObject.parentContainer.eventHandler.stopListening(onDragStartedEventSubscriptionId)
            thisObject.parentContainer.eventHandler.stopListening(onDragFinishedEventSubscriptionId)

            thisObject.parentContainer = undefined
            thisObject.eventHandler.finalize()

            thisObject.frame.finalize()
        }
    }

    function initialize(pName, pType) {
        thisObject.name = pName
        thisObject.type = pType

        thisObject.frame = newFrame()
        thisObject.frame.initialize(pType)
        if (pName !== undefined) {
            thisObject.frame.containerName = pName
        }
        thisObject.frame.container = thisObject

        thisObject.eventHandler = newEventHandler()
        thisObject.eventHandler.name = pName
    }

    function connectToParent(
        parentContainer,
        onWidth,
        onHeight,
        onRadius,
        onDimmensionsChangedEvent,
        onMouseOverEvent,
        onMouseNotOverEvent,
        onFocusEvent,
        onNotFocusEvent,
        onDisplaceEvent,
        onDragStartedEvent,
        onDragFinishedEvent
    ) {
        connectedToParentWidth = onWidth
        connectedToParentHeight = onHeight
        connectedToParentRadius = onRadius

        onDimmensionsChangedParentEvent = onDimmensionsChangedEvent
        onMouseOverParentEvent = onMouseOverEvent
        onMouseNotOverParentEvent = onMouseNotOverEvent
        onFocusParentEvent = onFocusEvent
        onNotFocusParentEvent = onNotFocusEvent
        onDisplaceParentEvent = onDisplaceEvent
        onDragStartedParentEvent = onDragStartedEvent
        onDragFinishedParentEvent = onDragFinishedEvent

        isConnectedToParent = true

        thisObject.frame.parentFrame = parentContainer.frame
        thisObject.parentContainer = parentContainer

        if (onDimmensionsChangedParentEvent === true) {
            dimensionsChangedEventSubscriptionId = thisObject.parentContainer.eventHandler.listenToEvent('Dimmensions Changed', onParentDimmensionsChanged)
        }
        if (onMouseOverParentEvent === true) {
            onMouseOverEventSubscriptionId = thisObject.parentContainer.eventHandler.listenToEvent('onMouseOver', onMouseOver)
        }
        if (onMouseNotOverParentEvent === true) {
            onMouseNotOverEventSubscriptionId = thisObject.parentContainer.eventHandler.listenToEvent('onMouseNotOver', onMouseNotOver)
        }
        if (onFocusParentEvent === true) {
            onFocusEventSubscriptionId = thisObject.parentContainer.eventHandler.listenToEvent('onFocus', onFocus)
        }
        if (onNotFocusParentEvent === true) {
            onNotFocusEventSubscriptionId = thisObject.parentContainer.eventHandler.listenToEvent('onNotFocus', onNotFocus)
        }
        if (onDisplaceParentEvent === true) {
            onDisplaceEventSubscriptionId = thisObject.parentContainer.eventHandler.listenToEvent('onDisplace', onDisplace)
        }
        if (onDragStartedParentEvent === true) {
            onDragStartedEventSubscriptionId = thisObject.parentContainer.eventHandler.listenToEvent('onDragStarted', onDragStarted)
        }
        if (onDragFinishedParentEvent === true) {
            onDragFinishedEventSubscriptionId = thisObject.parentContainer.eventHandler.listenToEvent('onDragFinished', onDragFinished)
        }

        if (connectedToParentWidth) {
            thisObject.frame.width = thisObject.parentContainer.frame.width
        }
        if (connectedToParentHeight) {
            thisObject.frame.height = thisObject.parentContainer.frame.height
        }
        if (connectedToParentRadius) {
            thisObject.frame.radius = thisObject.parentContainer.frame.radius
        }
    }

    function onParentDimmensionsChanged(event) {
        let dimmensionsChanged = false
        if (connectedToParentWidth) {
            thisObject.frame.width = thisObject.parentContainer.frame.width
            dimmensionsChanged = true
        }
        if (connectedToParentHeight) {
            thisObject.frame.height = thisObject.parentContainer.frame.height
            dimmensionsChanged = true
        }
        if (connectedToParentRadius) {
            thisObject.frame.radius = thisObject.parentContainer.frame.radius
            dimmensionsChanged = true
        }

        if (dimmensionsChanged) {
            thisObject.eventHandler.raiseEvent('Dimmensions Changed', event)
        }
    }

    function onMouseOver(event) {
        thisObject.eventHandler.raiseEvent('onMouseOver', event)
    }

    function onMouseNotOver(event) {
        thisObject.eventHandler.raiseEvent('onMouseNotOver', event)
    }

    function onFocus(event) {
        thisObject.eventHandler.raiseEvent('onFocus', event)
    }

    function onNotFocus(event) {
        thisObject.eventHandler.raiseEvent('onNotFocus', event)
    }

    function onDisplace(event) {
        thisObject.eventHandler.raiseEvent('onDisplace', event)
    }

    function onDragStarted(event) {
        thisObject.eventHandler.raiseEvent('onDragStarted', event)
    }

    function onDragFinished(event) {
        thisObject.eventHandler.raiseEvent('onDragFinished', event)
    }

    function isForThisPurpose(purpose) {
        if (purpose !== undefined) {
            switch (purpose) {
                case GET_CONTAINER_PURPOSE.MOUSE_OVER:
                    if (thisObject.detectMouseOver === true) {
                        return true
                    }
                    break
                case GET_CONTAINER_PURPOSE.MOUSE_WHEEL:
                    if (thisObject.isWheelable === true) {
                        return true
                    }
                    break
                case GET_CONTAINER_PURPOSE.MOUSE_CLICK:
                    if (thisObject.isClickeable === true) {
                        return true
                    }
                    break
                case GET_CONTAINER_PURPOSE.DRAGGING:
                    if (thisObject.isDraggeable === true) {
                        return true
                    }
                    break
                default: { return false }

            }
        }
        return false
    }

    function displace(point) {
        /* This function will move the container according to the vector received. If it has a visible function will use it
        to see if the container can be moved there or not. It wont if the center will not be visible.
    
        Returns true if move was possible, false if not. */

        let checkPoint = {}

        if (thisObject.isVisibleFunction === undefined) {
            drag()
            return true
        } else {
            checkPoint.x = thisObject.frame.position.x + point.x + thisObject.frame.width / 2
            checkPoint.y = thisObject.frame.position.y + point.y + thisObject.frame.height / 2
            let isVisible = thisObject.isVisibleFunction(checkPoint)
            if (isVisible === true) {
                drag()
                return true
            } else {
                return false
            }
        }
        function drag() {
            if (thisObject.notDraggingOnX === false) {
                thisObject.frame.position.x = thisObject.frame.position.x + point.x
            }
            if (thisObject.notDraggingOnY === false) {
                thisObject.frame.position.y = thisObject.frame.position.y + point.y
            }
            thisObject.eventHandler.raiseEvent('onDisplace', event)
        }
    }
}