import QtQuick 1.0

Rectangle {
    height: 500
    width: 500



    GridView {
        id: view
        width: 300;
        height: 200
        cellWidth: 100;
        cellHeight: 100

        model: ListModel {
            ListElement {}
            ListElement {}
            ListElement {}
            ListElement {}
            ListElement {}
            ListElement {}
        }

        delegate: Rectangle {
            color: "magenta"
            width: 100
            height: 100
            border.color: "black"
            Behavior on width {
                NumberAnimation {
                    duration: 1000
                }
            }
            Behavior on height {
                NumberAnimation {
                    duration: 1000
                }
            }

            MouseArea {
                anchors.fill: parent
                hoverEnabled: true
                onEntered: {
                    parent.width = 200
                    parent.height = 200
                    parent.z = 28
                }
                onExited: {
                    parent.width = 100
                    parent.height = 100
                    parent.z = 0
                }
            }

        }

        focus: true
    }

}