import QtQuick 2.2

import QtQuick.Controls 1.2

Item {

    id:item

    height: scrollingText.height

    clip: true

    antialiasing: false

    property int pixelsPerSeconds:25

    property alias text: scrollingText.text

    property alias separator: separatorText.text

    Label {

        id:scrollingText

        antialiasing: item.antialiasing

    }

    Label {

        id:separatorText

        text:" || "

        x:scrollingText.x+scrollingText.width

        antialiasing: item.antialiasing

    }

    Label {

        id:followingText

        text:scrollingText.text

        x:scrollingText.x+scrollingText.width+separatorText.width

        antialiasing: item.antialiasing

    }

    ParallelAnimation {

        id: animation

        loops: Animation.Infinite;

        //Reset to zero and restart onStopped so that we keep looping

        //onStopped: {scrollingText.x=0;running=true;}

        NumberAnimation {

            target: scrollingText;

            properties: "x"

            //from: 0;

            to: -scrollingText.width-separatorText.width;

            duration: (scrollingText.width+separatorText.width)*1000/pixelsPerSeconds

        }

        NumberAnimation {

            target: separatorText;

            properties: "x"

            from: separatorText.x;

            to: separatorText.x-scrollingText.width-separatorText.width;

            duration: (scrollingText.width+separatorText.width)*1000/pixelsPerSeconds

        }

        NumberAnimation {

            target: followingText;

            properties: "x"

            from: followingText.x;

            to: followingText.x-scrollingText.width-separatorText.width;

            duration: (scrollingText.width+separatorText.width)*1000/pixelsPerSeconds

        }

    }

    //Click to start

    MouseArea {

        id:mouseArea

        anchors.fill: parent

        onClicked: {

            animation.running=true;

        }

    }

}