import QtQuick 1.0


Item {
    id: root
    property real roll : 0
    property real pitch : 0
    property url bezel:""

//    width: 200; height: 200

    Image {
       id:rollItem
       rotation: root.roll;
       anchors.centerIn:   frame
       anchors.fill: root
       anchors.margins: 10
       transformOrigin: Item.Center
       scale: frame.scale*0.25
       source: "ati2.png"
       Image {
          anchors.centerIn:   rollItem
          anchors.fill: frame
          anchors.margins:20
         /*   transformOrigin: Item.Center
        scale: frame.scale*0.4
        rotation: root.roll;*/

            source: "ati3.png"
        }
        Image {
             anchors.centerIn: rollItem
             anchors.fill: frame
             anchors.margins:20
      //  scale: frame.scale*0.4
      //  transformOrigin: Item.Center
      //  rotation: root.roll;
        transform:
            Translate { y: root.pitch*2 }
            source: "ati4.png"
        }
        Image {
             anchors.centerIn: rollItem
             anchors.fill: root
             anchors.margins:20
             transformOrigin: rollItem.Center
            //rotation: root.roll;

            source: "ati2.png"
        }

    }
    Image {
        // Static center plane
        anchors.horizontalCenter: frame.horizontalCenter
        y:15
        scale: frame.scale*0.3
        source: "ati5.png"
    }

    Image {
        id:frame
        anchors.fill:root
        source: "ati1.png"
    }
   Image {
        id:bezelImg
        anchors.fill:parent
        source: bezel
    }
}