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

     property alias font: scrollingText.font

     Label {

         id:scrollingText

         antialiasing: item.antialiasing

         onFontChanged: {item.height=height}

     }

     Label {

         id:separatorText

         text:" || "

         font: scrollingText.font

         x:scrollingText.x+scrollingText.width

         antialiasing: item.antialiasing

     }

     Label {

         id:followingText

         text:scrollingText.text

         font: scrollingText.font

         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;}

         property int lengthInPixels:(scrollingText.width+separatorText.width)-scrollingText.x;

         property int durationInMs:(animation.lengthInPixels)*1000/pixelsPerSeconds;

         NumberAnimation {

             id: animationScrollingTest

             target: scrollingText;

             properties: "x"

             from: scrollingText.x;

             to: scrollingText.x-animation.lengthInPixels;

             duration:animation.durationInMs

         }

         NumberAnimation {

             target: separatorText;

             properties: "x"

             from: separatorText.x;

             to: separatorText.x-animation.lengthInPixels;

             duration: animation.durationInMs

         }

         NumberAnimation {

             target: followingText;

             properties: "x"

             from: followingText.x;

             to: followingText.x-animation.lengthInPixels;

             duration: animation.durationInMs

         }

     }

     //Click to start/stop

     MouseArea {

         id:mouseArea

         anchors.fill: parent

         onClicked: {

             //animation.running=!animation.running;

             if (!animation.running) {

                 animation.start();

                 return;

             }

             if (animation.paused)

             {

                 //console.log("resume")

                 animation.resume();

             }

             else

             {

                 //console.log("pause")

                 animation.pause();

             }

         }

     }

 }