import QtQuick 2.2
import QtQuick.Controls 1.2
import QtGraphicalEffects 1.0

ApplicationWindow {
    visible: true
    width: 200
    height: 200

    Rectangle {
        anchors.fill: parent
        color: "white"
    }

    property bool b: false

    onBChanged: print(b)

    readonly property real margins: 40

    MouseArea {
        id: control
        anchors.fill: parent
        hoverEnabled: true
        onClicked: style.visible = !style.visible
        onPositionChanged: b = mouseX > margins && mouseY > margins && mouseX < width - margins && mouseY < height - margins
    }

    Item {
        id: style
        anchors.fill: control
        anchors.margins: margins
        Rectangle {
            id: rect
            anchors.fill: parent
            visible: false
            color: b ? "red" : Qt.rgba(0.6, 0.6, 0.6, 0.66)
        }
        DropShadow {
            id: dropShadow
            anchors.fill: rect
            source: rect
        }
    }
}