define(function () {
	"use strict";

	function Control() {
	};

	Control.prototype.draw = function (oControlHost) {
		var div = oControlHost.container;

		div.innerHTML = "<button>" + oControlHost.configuration["Button label"] + "</button>";

		this.m_btn = div.querySelector("*");
		this.m_btn.onclick = this.f_onClick.bind(this, oControlHost);
		this.m_btn.style.backgroundColor = oControlHost.configuration["Background Color"];
		this.m_btn.style.color = oControlHost.configuration["Font Color"];
		this.m_btn.style.fontFamily = oControlHost.configuration["Font Family"];
		this.m_btn.style.fontSize = oControlHost.configuration["Font Size"];
		this.m_btn.style.borderColor = "#ffffff";
		this.m_btn.style.border = "thin solid";
		this.m_btn.style.cursor = "pointer"; 
		this.m_btn.style.borderRadius = "0px";
		this.m_btn.style.width = oControlHost.configuration["Button Width"];
		this.m_btn.style.height = oControlHost.configuration["Button Height"];
	};

	Control.prototype.getParameters = function (oControlHost) {

		return [ {
			"parameter": oControlHost.configuration["Parameter"],
			"values": [ {
				"use" :  oControlHost.configuration["Button value"], "display" : oControlHost.configuration["Button label"]
			}]
		}
		];
	};

	Control.prototype.f_onClick = function (oControlHost) {
		oControlHost.valueChanged();
		oControlHost.next();
	};

	return Control;
});