import QtQuick 2.0

import "qrc:/emulator/elements"
import "qrc:/const"

Item {
//	width: 670
//	height: 240
//	x: 891

	width: childrenRect.width
	height: childrenRect.height
	anchors.horizontalCenter: parent.horizontalCenter
	y: 210

	Row {
		spacing: 40
		ModeOptionBind {
			id: modePw
			y: 130
			name: "modePwCenter"
			nameLed: "modePwCenterLed"
			nameLedOption: "modeBLed" // x name
			nameIncrease: "modePwRight"
			nameDecrease: "modePwLeft"
			image: "qrc:/icons/encoder/modePw.png"
			imageOption: "qrc:/icons/encoder/x.png"
		}

		ModeOptionBind {
			id: modeM
			y: 41
			name: "modeMCenter"
			nameLed: "modeMCenterLed"
			nameLedOption: "modeCLed" // y name
			nameIncrease: "modeMRight"
			nameDecrease: "modeMLeft"
			image: "qrc:/icons/encoder/modeM.png"
			imageOption: "qrc:/icons/encoder/y.png"
		}

		ModeOptionBind {
			id: modePd
			name: "modePdCenter"
			nameLed: "modePdCenterLed"
			nameLedOption: "modePdLed" // z name
			nameIncrease: "modePdRight"
			nameDecrease: "modePdLeft"
			imageOption: "qrc:/icons/encoder/z.png"
			image: "qrc:/icons/encoder/modePd.png"
		}

		ModeOptionBind {
			id: modeC
			y: 41
			name: "modeCCenter"
			nameLed: "modeCCenterLed"
			nameLedOption: "modeMLed" // quadrat name
			nameIncrease: "modeCRight"
			nameDecrease: "modeCLeft"
			imageOption: "qrc:/icons/encoder/quadratic.png"
			image: "qrc:/icons/encoder/modeC.png"
		}

		ModeButtonBind {
			id: modeB
			y: 130
			name: "modeBCenter"
			nameIncrease: "modeBRight"
			nameDecrease: "modeBLeft"
			nameLed: "modeBCenterLed"
			image: "qrc:/icons/encoder/mode2d.png"
			led: 2
		}
	}
}