import QtQuick 1.0

Rectangle {
    width: 372
    height: 372
    MouseArea {
        anchors.fill: parent
        onClicked: {
            Qt.quit();
        }
    }

    XmlListModel {
        id: thumbListModel
        source: "http://api.blipfoto.com/get/view/?api_key=0cb7ce000308de5c626a9d843ce8f6c4&view=date&max=90"
        query: "/blipapi/data/item"

        XmlRole {
            name: "thumbUrl"
            query: "thumbnail/string()"
        }
    }

    Component {
        id: thumbGridCell
        Rectangle {
            width: parent.width/3
            height: parent.width/3
            color: "#808080"
            Image {
                source: thumbUrl
                anchors.fill: parent
                anchors.margins: 0.5
                clip: true
            }
        }
    }

    GridView {
        id: thumbGrid
        cellWidth: parent.width/3
        cellHeight: parent.width/3
        model: thumbListModel
        delegate: thumbGridCell
        anchors.fill: parent
    }
}