Rectangle {
        id : languageFadeScreen

        property bool fade

        function fadeOut() {
            fade = false;
        }

        anchors {
            left   : menuBar.right
            right  : parent.right
            top    : parent.top
            bottom : parent.bottom
        }

        opacity : 0

        z : 1000

        states : [
            State {
                name : "fadeIn"
                when : languageFadeScreen.fade

                PropertyChanges {
                    target  : languageFadeScreen
                    opacity : 1
                }
            },
            State {
                name : "fadeOut"
                when : !languageFadeScreen.fade

                PropertyChanges {
                    target  : languageFadeScreen
                    opacity : 0
                }
            }
        ]

        transitions : Transition {
            SequentialAnimation {
                NumberAnimation {
                    property    : "opacity"
                    duration    : 300
                    easing.type : Easing.InOutSine
                }
                ScriptAction {
                    script : languageFadeScreen.fadeOut()
                }
            }
        }
    }