/*
 * Copyright (c) 2020,2021 Panasonic Corporation
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */

import QtQuick 2.0
import QtGraphicalEffects 1.0
import QtQuick.Shapes 1.11

Item{
    id: menuMain

    /* public propeties */
    readonly property alias index: menuFrames.index

    /* public functions */
    function incrementIndex(){
        menuFrames.incrementIndex()
    }

    function decrementIndex(){
        menuFrames.decrementIndex()
    }

    function open(){
        menuFrames.open()
    }

    function close(){
        menuFrames.close()
    }

    function startAnimationNormalToAdas(){
        normalToAdasAnimation.start()
    }

    function startAnimationMapToNormal(){
        mapToNormalAnimation.start()
    }

    Item {
        id: menuFrames
        x: 326
        y: 468
        width: 500; height:280
        layer.textureMirroring: ShaderEffectSource.MirrorVertically
        property int index: 0 /* 0:radio 1:ADAS 2:audio */
        property var mode: "normal" /* normal or adas */


        function incrementIndex(){
            menuFrame0.upScroll()
            menuFrame1.upScroll()
            menuFrame2.upScroll()
            menuFrame3.upScroll()
            menuFrame4.upScroll()
            menuFrame5.upScroll()

            index++
            if(index === 3) index = 0
        }

        function decrementIndex(){
            menuFrame0.downScroll()
            menuFrame1.downScroll()
            menuFrame2.downScroll()
            menuFrame3.downScroll()
            menuFrame4.downScroll()
            menuFrame5.downScroll()

            index--
            if(index === -1) index = 2
        }

        function open(){
            menuFrame0.open()
            menuFrame1.open()
            menuFrame2.open()
            menuFrame3.open()
            menuFrame4.open()
            menuFrame5.open()
        }

        function close(){
            menuFrame0.close()
            menuFrame1.close()
            menuFrame2.close()
            menuFrame3.close()
            menuFrame4.close()
            menuFrame5.close()
        }

        MenuFrame{
            id: menuFrame0
            position: 0
            mode: menuFrames.mode
            icon: "qrc:/Images/NormalView/MENU/ADAS/L_icon_adas.png"
            txt: "ADAS"
        }

        MenuFrame{
            id: menuFrame1
            position: 1
            mode: menuFrames.mode
            icon: "qrc:/Images/NormalView/MENU/MUSIC/L_icon_music.png"
            txt: "MUSIC"
        }

        MenuFrame{
            id: menuFrame2
            position: 2
            mode: menuFrames.mode
            icon: "qrc:/Images/NormalView/MENU/RADIO/L_icon_radio.png"
            txt: "RADIO"
        }

        MenuFrame{
            id: menuFrame3
            position: 3
            mode: menuFrames.mode
            icon: "qrc:/Images/NormalView/MENU/ADAS/L_icon_adas.png"
            txt: "ADAS"
        }

        MenuFrame{
            id: menuFrame4
            position: 4
            mode: menuFrames.mode
            icon: "qrc:/Images/NormalView/MENU/MUSIC/L_icon_music.png"
            txt: "MUSIC"
        }

        MenuFrame{
            id: menuFrame5
            position: 5
            mode: menuFrames.mode
            icon: "qrc:/Images/NormalView/MENU/RADIO/L_icon_radio.png"
            txt: "RADIO"
        }

        SequentialAnimation{
            id:normalToAdasAnimation
            onStarted: rootItem.focus=false
            NumberAnimation {
                target: menuFrames
                property: "opacity"
                duration: 330
                from:1
                to:0
            }
            PauseAnimation {
                duration:891
            }
            PropertyAnimation {
                target: menuFrames
                property: "mode"
                duration: 0
                to: "adas"
            }
            NumberAnimation {
                target: menuFrames
                property: "x"
                duration: 0
                to:80 + 444
            }
            NumberAnimation {
                target: menuFrames
                property: "y"
                duration: 0
                to:498
            }
            NumberAnimation {
                target: menuFrames
                property: "opacity"
                duration: 330
                from:0
                to:1
            }
        }

        SequentialAnimation{
            id:mapToNormalAnimation
            onStarted: rootItem.focus=false

            PauseAnimation {
                duration: 254
            }
            ParallelAnimation{
                NumberAnimation {
                    target: menuFrames
                    property: "opacity"
                    duration: 330
                    from:1
                    to:0
                }
                PauseAnimation {
                    duration:891
                }
            }

            PropertyAnimation {
                target: menuFrames
                property: "mode"
                duration: 0
                to: "normal"
            }
            NumberAnimation {
                target: menuFrames
                property: "x"
                duration: 0
                to:326
            }
            NumberAnimation {
                target: menuFrames
                property: "y"
                duration: 0
                to:468
            }

            NumberAnimation {
                target: menuFrames
                property: "opacity"
                duration: 330
                from:0
                to:1
            }
        }
    }
}