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: scrollingText.x;

             to: scrollingText.x-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/stop

     MouseArea {

         id:mouseArea

         anchors.fill: parent

         onClicked: {

             animation.running=!animation.running;

         }

     }

 }