//START EARLY ACCESS NOTE
var noteTitle = { components: [
	{
		c: TransformComponent,
		d: {
			x: -500,
			y: -200,
			zIndex: 10
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$TMPEarly",
			align: TextAlign.left,
			spacing: -4,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				scale: 7 / 10,
				tint: 0xe0b86c
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			component: "PixelTextComponent",
			field: "alpha",
			duration: 1,
			values: [0, 1],
			repeat: false
		}
	},
]};

var noteContent = { components: [
	{
		c: TransformComponent,
		d: {
			x: -500,
			y: -140,
			zIndex: 10
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$workInProgressDescription",
			align: TextAlign.left,
			spacing: -3,
			//spaceWidth: 9,
			lineHeight: -60,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				scale: 2 / 4,
				tint: 0xe0b86c
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			component: "PixelTextComponent",
			field: "alpha",
			duration: 1,
			values: [0, 1],
			repeat: false
		}
	},
]};

var noteContinue = { tag: "noteContinue", components: [
	{
		c: TransformComponent,
		d: {
			x: -150,
			y: 200,
			zIndex: 10
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			allowRotation: true,
			isSensor: true,
			dynamicFriction: 0,
			density: 0.000000000001,
		}
	},
	{
		c: ColliderComponent,
		d: {
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
			width: 230,
			height: 70,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$continue",
			align: TextAlign.center,
			spacing: -5,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				scale: 2 / 2,
			//	tint: 0xe0b86c
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			component: "PixelTextComponent",
			field: "alpha",
			duration: 1,
			values: [0, 1],
			repeat: false
		}
	},
	{
		c: ClickableComponent,
		d: {
		}
	},
]};

var noteForums = { tag: "noteForums", components: [
	{
		c: TransformComponent,
		d: {
			x: 150,
			y: 200,
			zIndex: 10
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			allowRotation: true,
			isSensor: true,
			dynamicFriction: 0,
			density: 0.000000000001,
		}
	},
	{
		c: ColliderComponent,
		d: {
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
			width: 200,
			height: 70,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$forums",
			align: TextAlign.center,
			spacing: -5,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				scale: 2 / 2,
			//	tint: 0xe0b86c
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			component: "PixelTextComponent",
			field: "alpha",
			duration: 1,
			values: [0, 1],
			repeat: false
		}
	},
	{
		c: ClickableComponent,
		d: {
		}
	},
]};

var noteBG = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			zIndex: 5
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_title",
			name: "infoBox",
		}
	},
	{
		c: TweenerComponent,
		d: {
			enabled: true,
			component: "SpriteComponent",
			field: "alpha",
			duration: 1,
			values: [0,1],
			easing: EasingFunctions.linear,
			repeat: false
		}
	},
]};

var earlyAccessNoteNull = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			zIndex: 10
		}
	},
	{
		c: TweenerComponent,
		d: {
			enabled: true,
			component: "TransformComponent",
			field: "localPosition",
			duration: 1,
			values: [{ x: 0, y: 50.0 }, { x: 0, y: 0 }],
			easing: EasingFunctions.easeOut,
			repeat: false
		}
	},
], children: [
	noteBG,
	noteTitle,
	noteContent,
	noteContinue,
	noteForums
]};

var earlyAccessNote = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			zIndex: 10
		}
	},
], children: [
	earlyAccessNoteNull
]};
//END EARLY ACCESS NOTE

