var backToHideout = { components: [
	{
		c: TransformComponent,
		d: {
			scaleX: 1,
			scaleY: 1,
			zIndex: 100
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$toHideout",
			align: TextAlign.left,
			spacing: -3,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				scale: 2 / 3,
	//			tint: 0xe0b86c
			}
		}
	},
	{
		c: ClickableComponent,
		d: {
			animateOnHover:true,
		}
	},
	{
		c: TweenerComponent,
		d: {
			duration: 0.15,
			component: "TransformComponent",
			field: "simpleLocalScale",
			values: [1.2, 1],
			easing: EasingFunctions.easeInOut
		}
	},
	{
		c: ColliderComponent,
		d: {
			width: 250,
			height: 50,
			offsetX: 125,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	}
]};

var toMap = { components: [
	{
		c: TransformComponent,
		d: {
			scaleX: 1,
			scaleY: 1,
			zIndex: 100
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$toMap",
			align: TextAlign.center,
			spacing: -3,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				scale: 2 / 3,
				tint: 0xe0b86c
			}
		}
	},
	{
		c: ClickableComponent,
		d: {
			animateOnHover:true,
		}
	},
	{
		c: TweenerComponent,
		d: {
			duration: 0.15,
			component: "TransformComponent",
			field: "simpleLocalScale",
			values: [1.2, 1],
			easing: EasingFunctions.easeInOut
		}
	},
	{
		c: ColliderComponent,
		d: {
			width: 100,
			height: 30,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	}
]};

var resetButton = { components: [
	{
		c: TransformComponent,
		d: {
			scaleX: 1,
			scaleY: 1,
			zIndex: 100
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$retry",
			align: TextAlign.left,
			spacing: -3,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				scale: 2 / 3,
		//		tint: 0xe0b86c
			}
		}
	},
	{
		c: ClickableComponent,
		d: {
			animateOnHover:true,
		}
	},
	{
		c: TweenerComponent,
		d: {
			duration: 0.15,
			component: "TransformComponent",
			field: "simpleLocalScale",
			values: [1.2, 1],
			easing: EasingFunctions.easeInOut
		}
	},
	{
		c: ColliderComponent,
		d: {
			width: 230,
			height: 50,
			offsetX: 115,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	}
]};

var pauseButton = { name: "pauseButton", components: [
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui",
			name: "button-pause",
			defaultAnimationName: "resume",
		}
	},
	{
		c: TransformComponent,
		d: {
			zIndex: 2,
		}
	},
	{
		c: ClickableComponent,
		d: {
			animateOnHover:true,
		}
	},
	{
		c: TweenerComponent,
		d: {
			duration: 0.15,
			component: "TransformComponent",
			field: "simpleLocalScale",
			values: [1.2, 1],
			easing: EasingFunctions.easeInOut
		}
	},
	{
		c: ColliderComponent,
		d: {
			width: 59,
			height: 66,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE]
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
]};

var pauseFX = { components: [
	{
		c: TransformComponent,
	},
], children: [
	{ components: [
		{
			c: SpriteComponent,
			d: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "fxVHS",
				name: "vhsStatic",
				defaultAnimationName: "default",
				loop: true,
				fps: 750,
			}
		},
		{
			c: TransformComponent,
			d: {
				scaleX: 5,
				scaleY: 5,
			}
		},
	]},
	{ components: [
		{
			c: TransformComponent,
			d: {
				x: 0,
				y: 0,
				scaleX: 5,
				scaleY: 5,
				zIndex: 1
			}
		},
		{
			c: SpriteComponent,
			d: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_screen-dimm",
				name: "screen-vignette",
				loop: true,
			}
		},
		{
			c: TweenerComponent,
			d: {
				useUnadjustedFrameTime: true,
				component: "SpriteComponent",
				field: "alpha",
				duration: 0.175,
				values: [0.0, 0.3],
				repeat: false
			}
		},
	]},
]};


var pauseIndicator = { name: "pauseIndicator", components: [
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "uiSlowMo",
			name: "ui-indicator-slowmo",
			defaultAnimationName: "ani",
			loop: true,
			fps: 750,
			visible: false
		}
	},
	{
		c: TransformComponent,
	},
], children: [
	{ components: [
		{
			c: SpriteComponent,
			d: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "fxVHS",
				name: "vhsStatic",
				defaultAnimationName: "default",
				alpha: 0.5,
				loop: true,
				fps: 750,
			}
		},
		{
			c: TransformComponent,
			d: {
				scaleX: 5,
				scaleY: 5,
				y: -400,
			}
		},
	]},
	{ components: [
		{
			c: TransformComponent,
			d: {
				x: 0,
				y: 0,
				scaleX: 12,
				scaleY: 12,
				zIndex: -1,
				y: -400,
			}
		},
		{
			c: SpriteComponent,
			d: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_screen-dimm",
				name: "screen-vignette",
				loop: true,
			}
		},
		{
			c: TweenerComponent,
			d: {
				useUnadjustedFrameTime: true,
				component: "SpriteComponent",
				field: "alpha",
				duration: 0.175,
				values: [0.0, 0.8],
				repeat: false
			}
		},
	]},
]};

var lootCounterIcon = { components: [
	{
		c: TransformComponent,
		d: {
			x: 25,
			y: -10,
			zIndex: 3,
			scaleX: 0.9,
			scaleY: 0.9,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui",
			name: "ui-money",
			visible: true
		}
	},

]};

var lootCounter = { name: "lootCounter", components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 12,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "",
			spacing: -2,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				scale: 1 / 2,
			}
		}
	},
], children: [
	lootCounterIcon
]};

var bigBlackMask = {
	components: [
		{
			c: SpriteComponent,
			d: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui",
				// TODO: Use a proper black masking sprite.
				// This is a green sprite tinted to black and scaled by 1000.
				name: "uiPath-green",
				tint: 0x000000,
				alpha: 1,
				scale: 1000,
			}
		},
		{
			c: TransformComponent,
			d: {
				x: 0,
				y: 0,
				zIndex: 1,
			}
		},
	]
};

var readyExtra = { components: [
	{
		c: TransformComponent,
		d: {
			x: 554, //THIS IS STUPID HAX TEMP -AARNE
			y: 425,
			scaleX: 1,
			scaleY: 1,
			zIndex: 100
		}
	},
	{
		c: TweenerComponent,
		d: {
			component: "PixelTextComponent",
			field: "alpha",
			duration: 0.7,
			values: [1.0, 0.9, 0.0, 0.9, 1.0],
			repeat: true,
			useUnadjustedFrameTime: true,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$clickContinue",
			align: TextAlign.center,
			spacing: -3,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				scale: 2 / 3,
				tint: 0xe0b86c
			}
		}
	},
]};

var helpScreen = { name: "helpScreen", extend: howToPlay, components: [
	{
		c: SpriteComponent,
		d: {
			visible: false
		}
	},
], children: [
	bigBlackMask,
	readyExtra
]};

var jobbetHUD = { name: "jobbetHUD", components: [
	{
		c: TransformComponent,
	}], children: [
		helpScreen,
		lootCounter,
		pauseIndicator,
		pauseButton
	]
};

var escMenuItemBase = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 60,
			scaleX: 1,
			scaleY: 1,
			zIndex: 51
		}
	},
	{
		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: 600,
			height: 30,
		}
	},
	{
		c: TweenerComponent,
		d: {
			duration: 0.1,
			component: "TransformComponent",
			field: "simpleLocalScale",
			values: [1.2, 1],
			easing: EasingFunctions.easeOutOver
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$continue",
			align: TextAlign.left,
			spacing: -3,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				scale: 2 / 4,
			}
		}
	},
	{
		c: ClickableComponent,
		d: {
			animateOnHover:true,
		}
	},
]};

var escMenuItemContinue = { tag: "escMenuContinue", extend: escMenuItemBase, components: [
	{
		c: TransformComponent,
		d: {
			y: 0,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$continue",
		}
	},
]};

var escMenuItemHelp = { tag: "escMenuHelp", extend: escMenuItemBase, components: [
	{
		c: TransformComponent,
		d: {
			y: 50,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$controls",
		}
	},
]};

var escMenuItemReset = { tag: "escMenuReset", extend: escMenuItemBase, components: [
	{
		c: TransformComponent,
		d: {
			y: 100,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$reset",
		}
	},
]};

var escMenuItemMusic = { tag: "escMenuMusic", extend: escMenuItemBase, components: [
	{
		c: TransformComponent,
		d: {
			y: 150,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$toggleMusic",
		}
	},
]};

var escMenuItemFullscreen = { tag: "escMenuFullscreen", extend: escMenuItemBase, components: [
	{
		c: TransformComponent,
		d: {
			y: 200,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$toggleFullScreen",
		}
	},
]};

var escMenuItemToTitle = { tag: "escMenuToTitle", extend: escMenuItemBase, components: [
	{
		c: TransformComponent,
		d: {
			y: 300,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$exitToTitle",
		}
	},
]};

var escMenuItemQuit = { tag: "escMenuQuit", extend: escMenuItemBase, components: [
	{
		c: TransformComponent,
		d: {
			y: 350,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$quit",
		}
	},
]};

var escMenuItemCheatHalloween = { tag: "escMenuCheatHalloween", components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 450,
			scaleX: 1,
			scaleY: 1,
			zIndex: 51
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			allowRotation: true,
			isSensor: true,
			dynamicFriction: 0,
			density: 0.000000000001,
		}
	},
	{
		c: ClickableComponent,
		d: {
		}
	},
	{
		c: ColliderComponent,
		d: {
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
			width: 50,
			height: 30,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui",
			name: "ui-cheat-halloween",
		}
	},
	{
		c: TweenerComponent,
		d: {
			useUnadjustedFrameTime: true,
			component: "SpriteComponent",
			field: "alpha",
			duration: 1.5,
			values: [0.0, 1.0],
			repeat: false
		}
	},
], children: [
	{ tag: "escMenuCheatHalloweenText", components: [
		{
			c: PixelTextComponent,
			d: {
				text: "",
				spacing: -2,
				align: TextAlign.center,
				fontDefinition: {
					layer: LayerDefinitions.LAYER_UI,
					sheet: "fontGreasySmallStroke",
				}
			}
		},
		{
			c: TransformComponent,
			d: {
				zIndex: 10,
				x: 0,
				y: 20,
			}
		},
		{
			c: TweenerComponent,
			d: {
				useUnadjustedFrameTime: true,
				disableOnceFinished: true,
				component: "PixelTextComponent",
				field: "alpha",
				duration: 3.0,
				values: [1.0, 0.0],
				repeat: false
			}
		},
	]}
]};

var escMenuBG = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			scaleX: 10000,
			scaleY: 10000,
			zIndex: 1
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "tiles",
			name: "black",
			defaultAnimationName: "default",
			loop: true,
		}
	},
	{
		c: TweenerComponent,
		d: {
			useUnadjustedFrameTime: true,
			component: "SpriteComponent",
			field: "alpha",
			duration: 0.3,
			values: [0.0, 0.8],
			repeat: false
		}
	},
]};

var escMenuBGGradientVignette = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			scaleX: 5,
			scaleY: 5,
			zIndex: 1
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_screen-dimm",
			name: "screen-vignette",
			loop: true,
		}
	},
	{
		c: TweenerComponent,
		d: {
			useUnadjustedFrameTime: true,
			component: "SpriteComponent",
			field: "alpha",
			duration: 0.175,
			values: [0.0, 1],
			repeat: false
		}
	},
]};

var escMenuBGGradient = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 200,
			scaleX: 2,
			scaleY: 2,
			zIndex: 1
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_screen-dimm",
			name: "screen-dimm",
			loop: true,
		}
	},
	{
		c: TweenerComponent,
		d: {
			useUnadjustedFrameTime: true,
			component: "SpriteComponent",
			field: "alpha",
			duration: 0.3,
			values: [0.0, 0.8],
			repeat: false
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 3000,
			height: 3000,
			offsetX: 0,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
	},
], children: [
	escMenuBGGradientVignette,
]};

var escMenuBGGradientNudge = { components: [
	{
		c: TransformComponent,
		d: {
			x: 400,
		}
	},
], children: [
	escMenuBGGradient,
]};

var escMenuBGGradientVignetteLowerZ = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			scaleX: 5,
			scaleY: 5,
			zIndex: -1
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_screen-dimm",
			name: "screen-vignette",
			loop: true,
			alpha: 0,
		}
	},
	{
		c: TweenerComponent,
		d: {
			useUnadjustedFrameTime: true,
			component: "SpriteComponent",
			field: "alpha",
			duration: 0.3,
			values: [0.0, 1],
			repeat: false
		}
	}
]};

var escMenuBGGradientLowerZ = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 200,
			scaleX: 2,
			scaleY: 2,
			zIndex: -1
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_screen-dimm",
			name: "screen-dimm",
			loop: true,
			alpha: 0,
		}
	},
	{
		c: TweenerComponent,
		d: {
			useUnadjustedFrameTime: true,
			component: "SpriteComponent",
			field: "alpha",
			duration: 0.3,
			values: [0.0, 0.8],
			repeat: false
		}
	},
], children: [
	escMenuBGGradientVignetteLowerZ,
]};

var escMenuNull = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: -200,
			scaleX: 1,
			scaleY: 1,
			zIndex: 10
		}
	},
], children: [
	escMenuBGGradientNudge,
	escMenuItemContinue,
	escMenuItemHelp,
	escMenuItemReset,
	escMenuItemMusic,
	escMenuItemFullscreen,
	escMenuItemToTitle,
	escMenuItemQuit,
	escMenuItemCheatHalloween,
]};

var escMenu = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			scaleX: 1,
			scaleY: 1,
			zIndex: 50
		}
	}
], children: [
	escMenuNull,
]};

var fragCounter = { tag: "fragCounter", components: [
	{
		c: PixelTextComponent,
		d: {
			text: "TEST: 0",
			spacing: -2,
			align: TextAlign.center,
			fontDefinition: {
				layer: LayerDefinitions.LAYER_UI,
				sheet: "fontGreasySmallStroke",
			}
		}
	},
	{
		c: TransformComponent,
		d: {
			zIndex: 0,
		}
	},
]};

var fragCounterList = { name: "fragCounterList", components: [
	{
		c: TransformComponent,
		d: {
			x: 50,
			y: 200,
		}
	}], children: [
		fragCounter,
		fragCounter,
		fragCounter,
		fragCounter,
	]
};

var acceptHireDescription = { components: [
	{
		c: TransformComponent,
		d: {
			y: 20,
			zIndex: 13
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 60,
			height: 30,
			offsetX: 0,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$hireGoons",
			spacing: -1,
			lineHeight: -20,
			align: TextAlign.center,
			fontDefinition: {
				scale: 0.36,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	}
]};

var cancelHire = { name:"CancelHire", components: [
	{
		c: TransformComponent,
		d: {
			x: -100,
			y: 330,
			zIndex: 13
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 60,
			height: 30,
			offsetX: 0,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
		d: {
			animateOnHover:true,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$cancel",
			spacing: -1,
			align: TextAlign.center,
			fontDefinition: {
				scale: 0.6,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			duration: 0.15,
			component: "TransformComponent",
			field: "simpleLocalScale",
			values: [1.2, 1],
			easing: EasingFunctions.easeInOut
		}
	}
]};

var acceptHire = { name:"AcceptHire", extend: cancelHire, components: [
	{
		c: TransformComponent,
		d: {
			x: 100,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$hire"
		}
	}
]};

var hireScreenBG = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			scaleX: 10,
			scaleY: 10,
			zIndex: 1,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_screen-dimm",
			name: "screen-dimm",
			loop: true,
			alpha: 1,
		}
	},
]};

var hireScreenFG = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			scaleX: 2,
			scaleY: 2,
			zIndex: 2,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "shoddy",
			tint: 0xcfcd81,
		}
	},
]};

//ITEM STORE
var storeScreenBinder2 = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 100,
			scaleX: 1,
			scaleY: 1,
			zIndex: 2,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "binder",
		}
	},
]};

var storeScreenBinder3 = { extend: storeScreenBinder2, components: [
	{
		c: TransformComponent,
		d: {
			y: 200,
		}
	},
]};

var storeScreenBinder4 = { extend: storeScreenBinder2, components: [
	{
		c: TransformComponent,
		d: {
			y: 300,
		}
	},
]};

var storeScreenBinder5 = { extend: storeScreenBinder2, components: [
	{
		c: TransformComponent,
		d: {
			y: 400,
		}
	},
]};

var storeScreenBinder6 = { extend: storeScreenBinder2, components: [
	{
		c: TransformComponent,
		d: {
			y: 500,
		}
	},
]};

var storeScreenBinder7 = { extend: storeScreenBinder2, components: [
	{
		c: TransformComponent,
		d: {
			y: 600,
		}
	},
]};

var storeScreenBinder8 = { extend: storeScreenBinder2, components: [
	{
		c: TransformComponent,
		d: {
			y: 700,
		}
	},
]};

var storeScreenBinder9 = { extend: storeScreenBinder2, components: [
	{
		c: TransformComponent,
		d: {
			y: 725,
		}
	},
]};

var storeScreenBinder = { components: [
	{
		c: TransformComponent,
		d: {
			x: 166,
			y: -178,
			scaleX: 0.5,
			scaleY: 0.5,
			zIndex: 2,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "binder",
		}
	},
],children: [
	storeScreenBinder2,
	storeScreenBinder3,
	storeScreenBinder4,
	storeScreenBinder5,
	storeScreenBinder6,
	storeScreenBinder7,
	storeScreenBinder8,
	storeScreenBinder9,
]};

var storeScreenFG2 = { components: [
	{
		c: TransformComponent,
		d: {
			x: 327,
			y: 0,
			scaleX: 1,
			scaleY: 1,
			zIndex: 2,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "shoddy",
			tint: 0xcfcd81,
		}
	},
]};

var storeScreenFG = { components: [
	{
		c: TransformComponent,
		d: {
			x: -327,
			y: 0,
			scaleX: 2,
			scaleY: 2,
			zIndex: 2,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "shoddy",
			tint: 0xcfcd81,
		}
	},
],children: [
	storeScreenFG2,
	storeScreenBinder,
]};

var storeScreenBG = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			scaleX: 10,
			scaleY: 10,
			zIndex: 1,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_screen-dimm",
			name: "screen-dimm",
			loop: true,
			alpha: 1,
		}
	},
]};

var titleDivider = { name: "goonSkills", components: [
	{
		c: TransformComponent,
		d: {
			y: 40,
			zIndex: 13,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "____________________________",
			spacing: -1,
			align: TextAlign.center,
			spaceWidth: 2,
			fontDefinition: {
				scale: 1,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var hireScreenTitle = { components: [
	{
		c: TransformComponent,
		d: {
			y: -280,
			zIndex: 13,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$hireScreenTitle",
			spacing: 0,
			align: TextAlign.center,
			fontDefinition: {
				scale: 1.43,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
],children: [
		titleDivider,
]};

var hireScreenBestGoons = { components: [
	{
		c: TransformComponent,
		d: {
			y: -200,
			zIndex: 13,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$hireScreenSubTitle",
			spacing: 0,
			align: TextAlign.center,
			fontDefinition: {
				scale: 0.55,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var hireScreen = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: -1000,
			zIndex: 3,
		},
	}
	{
		c: TweenerComponent,
		d: {
			enabled: true,
			component: "TransformComponent",
			field: "localPosition",
			duration: 0.65,
			values: [{ x: 0, y: 0 }, { x: 0, y: 0 }], // These are set in code: GoonManagementSystem.hx.
			easing: EasingFunctions.easeInOut,
			useUnadjustedFrameTime: true,
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 3000,
			height: 3000,
			offsetX: 0,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
	}
	],children: [
		cancelHire,
		acceptHire,
		hireScreenBG,
		hireScreenFG,
		hireScreenTitle,
		hireScreenBestGoons,
	]
};

var nextStorePage = { name:"NextStorePage", components: [
	{
		c: TransformComponent,
		d: {
			x: 250,
			y: 300,
			zIndex: 13
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 70,
			height: 35,
			offsetX: 0,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
		d: {
			animateOnHover:true,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$next",
			spacing: -1,
			align: TextAlign.center,
			fontDefinition: {
				scale: 0.6,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			duration: 0.15,
			component: "TransformComponent",
			field: "simpleLocalScale",
			values: [1.2, 1],
			easing: EasingFunctions.easeInOut
		}
	}
]};

var previousStorePage = { name:"PreviousStorePage", components: [
	{
		c: TransformComponent,
		d: {
			x: -250,
			y: 300,
			zIndex: 13
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 70,
			height: 35,
			offsetX: 0,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
		d: {
			animateOnHover:true,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$previous",
			spacing: -1,
			align: TextAlign.center,
			fontDefinition: {
				scale: 0.6,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			duration: 0.15,
			component: "TransformComponent",
			field: "simpleLocalScale",
			values: [1.2, 1],
			easing: EasingFunctions.easeInOut
		}
	}
]};

var buyStoreItems = { name:"BuyStoreItems", components: [
	{
		c: TransformComponent,
		d: {
			x: 200,
			y: 350,
			zIndex: 13
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 145,
			height: 35,
			offsetX: 0,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
		d:{
			animateOnHover:true,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$purchase",
			spacing: -1,
			align: TextAlign.center,
			fontDefinition: {
				scale: 0.6,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			duration: 0.15,
			component: "TransformComponent",
			field: "simpleLocalScale",
			values: [1.2, 1],
			easing: EasingFunctions.easeInOut
		}
	}
]};

var closeStore = { name:"CloseStore", components: [
	{
		c: TransformComponent,
		d: {
			x: -200,
			y: 350,
			zIndex: 13
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 90,
			height: 35,
			offsetX: 0,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
		d: {
			animateOnHover:true,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$close",
			spacing: -1,
			align: TextAlign.center,
			fontDefinition: {
				scale: 0.6,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			duration: 0.15,
			component: "TransformComponent",
			field: "simpleLocalScale",
			values: [1.2, 1],
			easing: EasingFunctions.easeInOut
		}
	}
]};

var storeTotalCost = { tag: "totalPrice", components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 320,
			zIndex: 14,
		},
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$0",
			spacing: -1,
			align: TextAlign.center,
			fontDefinition: {
				scale: 0.6,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			enabled: true,
			component: "TransformComponent",
			field: "localScale",
			duration: 0.35,
			values: [{ x: 1.5, y: 1.1 }, { x: 1, y: 1 }],
			easing: EasingFunctions.easeInOut,
			useUnadjustedFrameTime: true,
		}
	},
]};

var storeTitle = { tag:"storeTitle", components: [
	{
		c: TransformComponent,
		d: {
			x: 122 - 455,
			y: -175 - 180,
			zIndex: 17,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$weaponUnlockTitle",
			spacing: -1,
			align: TextAlign.center,
			spaceWidth: 10,
			fontDefinition: {
				scale: 1.2,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
	], children: [
	{ components: [
		{
			c: TransformComponent,
			d: {
				x: 0,
				y: 20,
				zIndex: 17,
			}
		},
		{
			c: PixelTextComponent,
			d: {
				text: "_____________________",
				spacing: -1,
				align: TextAlign.center,
				spaceWidth: 10,
				fontDefinition: {
					scale: 1,
					layer: LayerDefinitions.LAYER_UI,
					sheet: "ui_fonts",
					tint: 0x000000,
				}
			}
		},
	]},
	{ components: [
		{
			c: TransformComponent,
			d: {
				x: 0,
				y: 45,
				zIndex: 15,
			}
		},
		{
			c: PixelTextComponent,
			d: {
				text: "$weaponStoreDescription",
				spacing: -1,
				align: TextAlign.center,
				spaceWidth: 10,
				fontDefinition: {
					scale: 0.37,
					layer: LayerDefinitions.LAYER_UI,
					sheet: "ui_fonts",
					tint: 0x000000,
				}
			}
		},
	]},
]};

//EMPTY NOT YET UNLOCKED STORE ITEMS
var storeEmptyBig = { components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 10,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "shopBig",
			visible: true,
			scale: 2,
			tint: 0x000000,
			alpha: 0.2,
		}
	},
]};

var storeEmptySmall = { components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 10,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "shopSmall",
			visible: true,
			scale: 2,
			tint: 0x000000,
			alpha: 0.2,
		}
	},
]};

var emptyBits = { tag:"emptyBits", components: [
	{
		c: TransformComponent,
		d: {
		//	x: 455,
		//	y: 180,
			zIndex: 10,
		}
	},
	], children: [
	{ extend: storeEmptyBig, components: [
		{
			c: TransformComponent,
			d: { //PISTOL
				x: -455,
				y: -180,
			}
		},
	]},
	{ extend: storeEmptyBig, components: [
		{
			c: TransformComponent,
			d: { //SILENCED
				x: -235,
				y: 20,
			}
		},
	]},
	{ extend: storeEmptyBig, components: [
		{
			c: TransformComponent,
			d: { //PYTHON
				x: -455,
				y: 220,
			}
		},
	]},
	{ extend: storeEmptyBig, components: [
		{
			c: TransformComponent,
			d: { //SHOTGUN
				x: 455,
				y: -200,
			}
		},
	]},
	{ extend: storeEmptyBig, components: [
		{
			c: TransformComponent,
			d: { //SMG
				x: 195,
				y: -10,
			}
		},
	]},
	{ extend: storeEmptyBig, components: [
		{
			c: TransformComponent,
			d: { //TRANQ
				x: 455,
				y: 190,
			}
		},
	]},
]};


var emptyBitsPg2 = { tag:"emptyBitsPg2", components: [
	{
		c: TransformComponent,
		d: {
		//	x: 455,
		//	y: 180,
			zIndex: 10,
		}
	},
	], children: [
	{ extend: storeEmptyBig, components: [
		{
			c: TransformComponent,
			d: { //BOMB SMALL
				x: -455,
				y: -230,
			}
		},
	]},
	{ extend: storeEmptyBig, components: [
		{
			c: TransformComponent,
			d: { //BOMB BIG
				x: -235,
				y: -30,
			}
		},
	]},
	{ extend: storeEmptyBig, components: [
		{
			c: TransformComponent,
			d: { //SNIPER
				x: -455,
				y: 170,
			}
		},
	]},
	{ extend: storeEmptyBig, components: [
		{
			c: TransformComponent,
			d: { //PYTHON PAGE 2
				x: 455,
				y: -200,
			}
		},
	]},
]};
//END EMPTY NOT YET UNLOCKED STORE ITEMS

var storeScreen = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: -1000,
			zIndex: 3,
		},
	},
	{
		c: ColliderComponent,
		d:{
			width: 3000,
			height: 3000,
			offsetX: 0,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
	},
	{
		c: TweenerComponent,
		d: {
			enabled: true,
			component: "TransformComponent",
			field: "localPosition",
			duration: 0.65,
			values: [{ x: 0, y: 0 }, { x: 0, y: 0 }], // These are set in code: StoreSystem.hx.
			easing: EasingFunctions.easeInOut,
			useUnadjustedFrameTime: true,
		}
	},
	],children: [
		closeStore,
		buyStoreItems,
		storeScreenBG,
		storeScreenFG,
		nextStorePage,
		previousStorePage,
		storeTotalCost,
		storeTitle,
		emptyBits,
		emptyBitsPg2
	]
};

var goonMugShot = { name: "goonMugShot", components: [
	{
		c: TransformComponent,
		d: {
			x: -255,
			y: 0,
			zIndex: 13,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "shoddy",
		}
	}
]};

var goonPrice = { name: "goonPrice", components: [
	{
		c: TransformComponent,
		d: {
			x: 295,
			y: -26,
			zIndex: 13,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "goonPrice",
			spacing: 0,
			align: TextAlign.right,
			fontDefinition: {
				scale: 1,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var goonName = { name: "goonName", components: [
	{
		c: TransformComponent,
		d: {
			x: -194,
			y: -30,
			zIndex: 13,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "goonName",
			spacing: -1,
			align: TextAlign.left,
			fontDefinition: {
				scale: 2/3,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var goonSpeedStar1 = { name: "goonSpeedStar1", tag: "goonSpeedStar1", components: [
	{
		c: TransformComponent,
		d: {
			x: 55,
			zIndex: 13,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "star",
			alpha: 0.2,
		}
	}
]};

var goonSpeedStar2 = { name: "goonSpeedStar2", tag: "goonSpeedStar2", extend: goonSpeedStar1, components: [
	{
		c: TransformComponent,
		d: {
			x: 75,
		}
	},
]};

var goonSpeedStar3 = { name: "goonSpeedStar3", tag: "goonSpeedStar3", extend: goonSpeedStar1, components: [
	{
		c: TransformComponent,
		d: {
			x: 95,
		}
	},
]};

var goonHealthStar1 = { name: "goonHealthStar1", tag: "goonHealthStar1", components: [
	{
		c: TransformComponent,
		d: {
			x: 60,
			zIndex: 13,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "star",
			alpha: 0.2,
		}
	}
]};

var goonHealthStar2 = { name: "goonHealthStar2", tag: "goonHealthStar2", extend: goonHealthStar1, components: [
	{
		c: TransformComponent,
		d: {
			x: 80,
		}
	},
]};

var goonHealthStar3 = { name: "goonHealthStar3", tag: "goonHealthStar3", extend: goonHealthStar1, components: [
	{
		c: TransformComponent,
		d: {
			x: 100,
		}
	},
]};

var goonAccuracyStar1 = { name: "goonAccuracyStar1", tag: "goonAccuracyStar1", components: [
	{
		c: TransformComponent,
		d: {
			x: 77,
			zIndex: 13,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "star",
			alpha: 0.2,
		}
	}
]};

var goonAccuracyStar2 = { name: "goonAccuracyStar2", tag: "goonAccuracyStar2", extend: goonAccuracyStar1, components: [
	{
		c: TransformComponent,
		d: {
			x: 97,
		}
	},
]};

var goonAccuracyStar3 = { name: "goonAccuracyStar3", tag: "goonAccuracyStar3", extend: goonAccuracyStar1, components: [
	{
		c: TransformComponent,
		d: {
			x: 117,
		}
	},
]};

var goonStatsBase = { name: "goonStatsBase", components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			zIndex: 13,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: " Statname",
			spacing: -1,
			align: TextAlign.left,
			spaceWidth: 2,
			fontDefinition: {
				scale: 0.36,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var goonSpeed = { name: "goonSpeed", tag: "goonSpeed", extend: goonStatsBase, components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			zIndex: 13,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$speed",
			spacing: -1,
			align: TextAlign.left,
			spaceWidth: 2,
			fontDefinition: {
				scale: 0.36,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
],children: [
		goonSpeedStar1,
		goonSpeedStar2,
		goonSpeedStar3,
]};

var goonHealth = { name: "goonHealth", tag: "goonHealth", extend: goonStatsBase, components: [
	{
		c: TransformComponent,
		d: {
			x: 120,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$health",
		}
	},
],children: [
		goonHealthStar1,
		goonHealthStar2,
		goonHealthStar3,
]};


var goonAccuracy = { name: "goonAccuracy", tag: "goonAccuracy", extend: goonStatsBase, components: [
	{
		c: TransformComponent,
		d: {
			x: 240,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$accuracy",
		}
	},
],children: [
		goonAccuracyStar1,
		goonAccuracyStar2,
		goonAccuracyStar3,
]};

var goonStats = { name: "goonStats", tag: "goonStats", components: [
	{
		c: TransformComponent,
		d: {
			x: -194,
			y: -6,
			zIndex: 13,
		}
	},
],children: [
		goonSpeed,
		goonHealth,
		goonAccuracy,
]};

var goonQuote = { name: "goonQuote", components: [
	{
		c: TransformComponent,
		d: {
			x: -300,
			y: 65,
			zIndex: 13,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "\"The goons thoughts go here\"",
			spacing: 0,
			align: TextAlign.left,
			spaceWidth: 6,
			fontDefinition: {
				scale: 0.4,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,

			}
		}
	},
]};

var goonItems = { name: "goonItems", components: [
	{
		c: TransformComponent,
		d: {
			x: -194,
			y: 39,
			zIndex: 13,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$items",
			spacing: -1,
			align: TextAlign.left,
			spaceWidth: 2,
			fontDefinition: {
				scale: 0.36,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var itemIconBase = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			scaleX: 1.2,
			scaleY: 1.2,
			zIndex: 13,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui",
			name: "ui-base-bg-square",
			visible: true,
		}
	}
]};

var hireItemIcon = { components: [
	{
		c: TransformComponent,
		d: {
			x: -140,
			y: 29,
			scaleX: 0.5,
			scaleY: 0.5,
			zIndex: 14,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui",
			name: "ui-base-icon-dollar",
			visible: true,
		}
	},
	],
	children: [
		itemIconBase,
]};

var goonSkills = { name: "goonSkills", components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 39,
			zIndex: 13,
		}
	},
/*	{
		c: PixelTextComponent,
		d: {
			text: "$skills",
			spacing: -1,
			align: TextAlign.left,
			spaceWidth: 2,
			fontDefinition: {
				scale: 0.36,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
*/
]};

var goonDivider = { name: "goonDivider", components: [
	{
		c: TransformComponent,
		d: {
			y: -82,
			zIndex: 13,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "___________________________________________",
			spacing: -1,
			align: TextAlign.center,
			spaceWidth: 2,
			fontDefinition: {
				scale: 0.77,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var charInfo = { components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 3,
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 660,
			height: 150,
			offsetX: 0,
			offsetY: 0,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
	}
],children: [
		goonDivider,
		goonName,
		goonMugShot,
		goonPrice,
		goonStats,
		goonItems,
		goonSkills,
		goonQuote,
]};

var storeItemMediumBase = { components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 355,
			height: 180,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "shopBig",
			visible: true,
			scale: 2,
		}
	},
]};

var storeItemSmallBase = { components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 230,
			height: 100,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "shopSmall",
			visible: true,
			scale: 2,
		}
	},
]};

var storeNamePistol = { components: [
	{
		c: TransformComponent,
		d: {
			//x: -30,
			y: -65,
			zIndex: 15,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$pistol",
			spacing: -1,
			align: TextAlign.center,
			spaceWidth: 10,
			fontDefinition: {
				scale: 0.72,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var storeStatsPistol = { components: [
	{
		c: TransformComponent,
		d: {
			x: 60,
			y: -36,
			zIndex: 15,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "dmg:\nrate:\nacc:",
			spacing: -1,
			align: TextAlign.right,
			spaceWidth: 10,
			lineHeight: -48,
			fontDefinition: {
				scale: 0.54,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var storeStarsBase1 = { components: [
	{
		c: TransformComponent,
		d: {
			x: 105,
			y: -35,
			zIndex: 15,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memoStarAll",
			defaultAnimationName: "3",
			visible: true,
		}
	},
]};

var storeStarsBase2 = { extend: storeStarsBase1, components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 25,
		}
	},
]};

var storeStarsBase3 = { extend: storeStarsBase1, components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 50,
		}
	},
]};

var storeStarsPistol = { extend: storeStarsBase1, components: [
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "1",
		}
	},
	], children: [
	{ extend: storeStarsBase2, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "1",
			}
		},
	]},
	{ extend: storeStarsBase3, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "1",
			}
		},
	]},
]};

var storeTape = { components: [
	{
		c: TransformComponent,
		d: {
			x: 165,
			y: -55,
		//	localRotation: 0.87,
			zIndex: 15,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "tape",
			visible: true,
		}
	},
]};

var storeSelected = { tag: "storeSelected", components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			zIndex: 16,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "circled",
			visible: true,
			scale: 2,
			alpha: 0,
		}
	},
]};

var storeSelectedSmall = { tag: "storeSelected", components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			zIndex: 16,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "circled",
			visible: true,
			scale: 1,
			alpha: 0,
		}
	},
]};

var storeNumber = { tag: "storeNumber", components: [
	{
		c: TransformComponent,
		d: {
			x: -150,
			y: -60,
			zIndex: 16,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "x1",
			spacing: -1,
			align: TextAlign.left,
			spaceWidth: 2,
			lineHeight: -40,
			fontDefinition: {
				scale: 1,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "fontHand",
				alpha: 0.8,
			}
		}
	},
]};

var storeNumberSmall = { tag: "storeNumber", components: [
	{
		c: TransformComponent,
		d: {
			x: -100,
			y: 10,
			zIndex: 16,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "x1",
			spacing: -1,
			align: TextAlign.left,
			spaceWidth: 2,
			lineHeight: -40,
			fontDefinition: {
				scale: 1,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "fontHand",
				alpha: 0.8,
			}
		}
	},
]};

var storeDescriptionPistol = { components: [
	{
		c: TransformComponent,
		d: {
			x: -153,
			y: 52,
			zIndex: 17,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionPistol",
			spacing: -1,
			align: TextAlign.left,
			spaceWidth: 4,
			lineHeight: -45,
			textWrapping: 180,
			fontDefinition: {
				scale: 0.4,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0xcfcd81,
			}
		}
	},
]};

var storeImagePistol = { components: [
	{
		c: TransformComponent,
		d: {
			x: -95,
			y: -9,
			zIndex: 15,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_storeImages",
			name: "weapons",
			defaultAnimationName: "pistol",
			visible: true,
		}
	},
]};

var storePricePistol = { components: [
	{
		c: TransformComponent,
		d: {
			x: 165,
			y: 63,
			zIndex: 15,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$3000",
			spacing: -1,
			align: TextAlign.right,
			spaceWidth: 2,
			fontDefinition: {
				scale: 1,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0xcfcd81,
			}
		}
	},
]};

var oldPistolStorePage = { extend: storeItemMediumBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNamePistol,
	storeStatsPistol,
	storeStarsPistol,
	storeDescriptionPistol,
	storeImagePistol,
	storePricePistol,
	storeTape,
	storeSelected,
	storeNumber,
]};

var storeNamePistolAmmo = { components: [
	{
		c: TransformComponent,
		d: {
			//x: -30,
			y: -26,
			zIndex: 15,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionPistolAmmo",
			spacing: -1,
			align: TextAlign.center,
			spaceWidth: 2,
			fontDefinition: {
				scale: 0.72,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var storeImagePistolAmmo = { components: [
	{
		c: TransformComponent,
		d: {
			x: -40,
			y: 15,
			zIndex: 15,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui",
			name: "ui-base-icon-ammo",
		//	defaultAnimationName: "pistol",
			visible: true,
			scale: 1.5,
			tint: 0x000000,
		}
	},
]};

var storePricePistolAmmo = { components: [
	{
		c: TransformComponent,
		d: {
			x: 97,
			y: 15,
			zIndex: 15,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$50",
			spacing: -1,
			align: TextAlign.right,
			spaceWidth: 8,
			fontDefinition: {
				scale: 1,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

var pistolAmmoStorePage = { extend: storeItemSmallBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNamePistolAmmo,
	storeImagePistolAmmo,
	storePricePistolAmmo,
	storeNumberSmall,
	storeSelectedSmall,
]};

//SMG ammo store page
var storeNameSMGAmmo = { extend: storeNamePistolAmmo, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionSMGAmmo",
		}
	},
]};

var storeImageSMGAmmo = { extend: storeImagePistolAmmo, components: [
	{
		c: SpriteComponent,
		d: {
			sheet: "ui",
			name: "ui-base-icon-ammo",
		}
	},
]};

var storePriceSMGAmmo = { extend: storePricePistolAmmo, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$200",
		}
	},
]};

var SMGAmmoStorePage = { extend: storeItemSmallBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNameSMGAmmo,
	storeImageSMGAmmo,
	storePriceSMGAmmo,
	storeNumberSmall,
	storeSelectedSmall,
]};
//SMG ammo END

//Shotgun ammo store page
var storeNameShotgunAmmo = { extend: storeNamePistolAmmo, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionShotgunAmmo",
		}
	},
]};

var storeImageShotgunAmmo = { extend: storeImagePistolAmmo, components: [
	{
		c: SpriteComponent,
		d: {
			sheet: "ui",
			name: "ui-base-icon-ammo",
		}
	},
]};

var storePriceShotgunAmmo = { extend: storePricePistolAmmo, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$100",
		}
	},
]};

var shotgunAmmoStorePage = { extend: storeItemSmallBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNameShotgunAmmo,
	storeImageShotgunAmmo,
	storePriceShotgunAmmo,
	storeNumberSmall,
	storeSelectedSmall,
]};
//Shotgun ammo END

//Revolver ammo store page
var storeNameRevolverAmmo = { extend: storeNamePistolAmmo, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionRevolverAmmo",
		}
	},
]};

var storeImageRevolverAmmo = { extend: storeImagePistolAmmo, components: [
	{
		c: SpriteComponent,
		d: {
			sheet: "ui",
			name: "ui-base-icon-ammo",
		}
	},
]};

var storePriceRevolverAmmo = { extend: storePricePistolAmmo, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$300",
		}
	},
]};

var revolverAmmoStorePage = { extend: storeItemSmallBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNameRevolverAmmo,
	storeImageRevolverAmmo,
	storePriceRevolverAmmo,
	storeNumberSmall,
	storeSelectedSmall,
]};
//Revolver ammo END

//Tranq ammo store page
var storeNameTranqAmmo = { extend: storeNamePistolAmmo, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionTranquilizerAmmo",
		}
	},
]};

var storeImageTranqAmmo = { extend: storeImagePistolAmmo, components: [
	{
		c: SpriteComponent,
		d: {
			sheet: "ui",
			name: "ui-base-icon-ammo",
		}
	},
]};

var storePriceTranqAmmo = { extend: storePricePistolAmmo, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$200",
		}
	},
]};

var tranqAmmoStorePage = { extend: storeItemSmallBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNameTranqAmmo,
	storeImageTranqAmmo,
	storePriceTranqAmmo,
	storeNumberSmall,
	storeSelectedSmall,
]};
//Tranq ammo END

//rifle ammo store page
var storeNameRifleAmmo = { extend: storeNamePistolAmmo, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionSniperAmmo",
		}
	},
]};

var storeImageRifleAmmo = { extend: storeImagePistolAmmo, components: [
	{
		c: SpriteComponent,
		d: {
			sheet: "ui",
			name: "ui-base-icon-ammo",
		}
	},
]};

var storePriceRifleAmmo = { extend: storePricePistolAmmo, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$500",
		}
	},
]};

var rifleAmmoStorePage = { extend: storeItemSmallBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNameRifleAmmo,
	storeImageRifleAmmo,
	storePriceRifleAmmo,
	storeNumberSmall,
	storeSelectedSmall,
]};
//rifle ammo END

var uziStorePage = { components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
	{
		c: ColliderComponent,
		d:{
			width: 100,
			height: 100,
			collisionGroup: CollisionCategoryDefinitions.CC_UI,
			senses: [CollisionCategoryDefinitions.CC_MOUSE],
		}
	},
	{
		c: RigidBodyComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			isSensor: true,
		}
	},
	{
		c: ClickableComponent,
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui",
			name: "ui-base-icon-dollar",
			visible: true,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$SMG",
			spacing: -1,
			align: TextAlign.left,
			spaceWidth: 2,
			fontDefinition: {
				scale: 0.36,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fonts",
				tint: 0x000000,
			}
		}
	},
]};

//Silenced pistol storepage
var storeNameSilencedPistol = { extend: storeNamePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$silencedPistol",
		}
	},
]};

var storeStarsSilencedPistol = { extend: storeStarsBase1, components: [
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "1",
		}
	},
	], children: [
	{ extend: storeStarsBase2, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "0",
			}
		},
	]},
	{ extend: storeStarsBase3, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "1",
			}
		},
	]},
]};

var storeDescriptionSilencedPistol = { extend: storeDescriptionPistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionSilencedPistol",
		}
	},
]};

var storeImageSilencedPistol = { extend: storeImagePistol, components: [
	{
		c: TransformComponent,
		d: {
			x: -75,
		}
	},
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "silencedPistol",
		}
	},
]};

var storePriceSilencedPistol = { extend: storePricePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$13000",
		}
	},
]};

var silencedPistolStorePage = { extend: storeItemMediumBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNameSilencedPistol,
	storeStatsPistol,
	storeStarsSilencedPistol,
	storeDescriptionSilencedPistol,
	storeImageSilencedPistol,
	storePriceSilencedPistol,
	//storeTape,
	storeSelected,
	storeNumber,
]};
//END silenced pistol storepage

//SMG storepage
var storeNameSMG = { extend: storeNamePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$SMG",
		}
	},
]};

var storeStarsSMG = { extend: storeStarsBase1, components: [
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "1",
		}
	},
	], children: [
	{ extend: storeStarsBase2, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "3",
			}
		},
	]},
	{ extend: storeStarsBase3, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "1",
			}
		},
	]},
]};

var storeDescriptionSMG = { extend: storeDescriptionPistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionSMG",
		}
	},
]};

var storeImageSMG = { extend: storeImagePistol, components: [
	{
		c: TransformComponent,
		d: {
			x: -75,
			y: 10,
		}
	},
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "smg",
		}
	},
]};

var storePriceSMG = { extend: storePricePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$14000",
		}
	},
]};

var SMGStorePage = { extend: storeItemMediumBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNameSMG,
	storeStatsPistol,
	storeStarsSMG,
	storeDescriptionSMG,
	storeImageSMG,
	storePriceSMG,
	//storeTape,
	storeSelected,
	storeNumber,
]};
//END smg storepage

//Python storepage
var storeNamePython = { extend: storeNamePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$revolver",
		}
	},
]};

var storeStarsPython = { extend: storeStarsBase1, components: [
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "3",
		}
	},
	], children: [
	{ extend: storeStarsBase2, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "1",
			}
		},
	]},
	{ extend: storeStarsBase3, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "1",
			}
		},
	]},
]};

var storeDescriptionPython = { extend: storeDescriptionPistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionRevolver",
		}
	},
]};

var storeImagePython = { extend: storeImagePistol, components: [
	{
		c: TransformComponent,
		d: {
			x: -75,
		}
	},
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "python",
		}
	},
]};

var storePricePython = { extend: storePricePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$25000",
		}
	},
]};

var pythonStorePage = { extend: storeItemMediumBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNamePython,
	storeStatsPistol,
	storeStarsPython,
	storeDescriptionPython,
	storeImagePython,
	storePricePython,
	//storeTape,
	storeSelected,
	storeNumber,
]};
//END python storepage

//Shotgun storepage
var storeNameShotgun = { extend: storeNamePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shotgun",
		}
	},
]};

var storeStatsShotgun = { extend: storeStatsPistol, components: [
	{
		c: TransformComponent,
		d: {
			x: 75,
		}
	},
]};

var storeStarsShotgun = { extend: storeStarsBase1, components: [
	{
		c: TransformComponent,
		d: {
			x: 120,
		}
	},
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "2",
		}
	},
	], children: [
	{ extend: storeStarsBase2, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "0",
			}
		},
	]},
	{ extend: storeStarsBase3, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "0",
			}
		},
	]},
]};

var storeDescriptionShotgun = { extend: storeDescriptionPistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionShotgun",
		}
	},
]};

var storeImageShotgun = { extend: storeImagePistol, components: [
	{
		c: TransformComponent,
		d: {
			x: -75,
		}
	},
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "shotgun",
		}
	},
]};

var storePriceShotgun = { extend: storePricePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$15000",
		}
	},
]};

var shotgunStorePage = { extend: storeItemMediumBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNameShotgun,
	storeStatsShotgun,
	storeStarsShotgun,
	storeDescriptionShotgun,
	storeImageShotgun,
	storePriceShotgun,
	//storeTape,
	storeSelected,
	storeNumber,
]};
//END Shotgun storepage

//TranqGun storepage
var storeNameTranqGun = { extend: storeNamePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$tranquilizer",
		}
	},
]};

var storeStarsTranqGun = { extend: storeStarsBase1, components: [
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "2",
		}
	},
	], children: [
	{ extend: storeStarsBase2, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "0",
			}
		},
	]},
	{ extend: storeStarsBase3, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "1",
			}
		},
	]},
]};

var storeDescriptionTranqGun = { extend: storeDescriptionPistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionTranquilizer",
		}
	},
]};

var storeImageTranqGun = { extend: storeImagePistol, components: [
	{
		c: TransformComponent,
		d: {
			x: -75,
		}
	},
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "tranqgun",
		}
	},
]};

var storePriceTranqGun = { extend: storePricePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$25000",
		}
	},
]};

var tranqGunStorePage = { extend: storeItemMediumBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		//	rotation: 1,
		}
	},
],children: [
	storeNameTranqGun,
	storeStatsPistol,
	storeStarsTranqGun,
	storeDescriptionTranqGun,
	storeImageTranqGun,
	storePriceTranqGun,
	storeTape,
	storeSelected,
	storeNumber,
]};
//END TranqGun storepage

//WatchBomb storepage
var storeNameWatchBomb = { extend: storeNamePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$smallBomb",
		}
	},
]};

var storeStarsWatchBomb = { extend: storeStarsBase1, components: [
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "2",
		}
	},
	], children: [
	{ extend: storeStarsBase2, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "0",
			}
		},
	]},
	{ extend: storeStarsBase3, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "0",
			}
		},
	]},
]};

var storeDescriptionWatchBomb = { extend: storeDescriptionPistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionSmallBomb",
		}
	},
]};

var storeImageWatchBomb = { extend: storeImagePistol, components: [
	{
		c: TransformComponent,
		d: {
			x: -75,
		}
	},
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "watchBomb",
		}
	},
]};

var storePriceWatchBomb = { extend: storePricePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$5000",
		}
	},
]};

var watchBombStorePage = { extend: storeItemMediumBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		//	rotation: 1,
		}
	},
],children: [
	storeNameWatchBomb,
	storeStatsPistol,
	storeStarsWatchBomb,
	storeDescriptionWatchBomb,
	storeImageWatchBomb,
	storePriceWatchBomb,
	storeTape,
	storeSelected,
	storeNumber,
]};
//END WatchBomb storepage

//ClockBomb storepage
var storeNameClockBomb = { extend: storeNamePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$bigBomb",
		}
	},
]};

var storeStarsClockBomb = { extend: storeStarsBase1, components: [
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "3",
		}
	},
	], children: [
	{ extend: storeStarsBase2, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "0",
			}
		},
	]},
	{ extend: storeStarsBase3, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "0",
			}
		},
	]},
]};

var storeDescriptionClockBomb = { extend: storeDescriptionPistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionBigBomb",
		}
	},
]};

var storeImageClockBomb = { extend: storeImagePistol, components: [
	{
		c: TransformComponent,
		d: {
			x: -75,
		}
	},
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "clockBomb",
		}
	},
]};

var storePriceClockBomb = { extend: storePricePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$7000",
		}
	},
]};

var clockBombStorePage = { extend: storeItemMediumBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		//	rotation: 1,
		}
	},
],children: [
	storeNameClockBomb,
	storeStatsPistol,
	storeStarsClockBomb,
	storeDescriptionClockBomb,
	storeImageClockBomb,
	storePriceClockBomb,
//	storeTape,
	storeSelected,
	storeNumber,
]};
//END ClockBomb storepage

//Sniper storepage
var storeNameSniper = { extend: storeNamePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$titleSniper",
		}
	},
]};

var storeStarsSniper = { extend: storeStarsBase1, components: [
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "2",
		}
	},
	], children: [
	{ extend: storeStarsBase2, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "0",
			}
		},
	]},
	{ extend: storeStarsBase3, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "3",
			}
		},
	]},
]};

var storeDescriptionSniper = { extend: storeDescriptionPistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionSniper",
		}
	},
]};

var storeImageSniper = { extend: storeImagePistol, components: [
	{
		c: TransformComponent,
		d: {
			x: -75,
		}
	},
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "sniper",
		}
	},
]};

var storePriceSniper = { extend: storePricePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$25000",
		}
	},
]};

var sniperStorePage = { extend: storeItemMediumBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		//	rotation: 1,
		}
	},
],children: [
	storeNameSniper,
	storeStatsPistol,
	storeStarsSniper,
	storeDescriptionSniper,
	storeImageSniper,
	storePriceSniper,
//	storeTape,
	storeSelected,
	storeNumber,
]};
//END Sniper storepage

//safecracker store page
var storeNameSafecracker = { extend: storeNamePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$safecracker",
		}
	},
]};

var storeImageSafecracker = { extend: storeImagePistol, components: [
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "safecracker",
		}
	},
]};

var storePriceSafecracker = { extend: storePricePistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$1500",
		}
	},
]};

var storeStarsSafecracker = { extend: storeStarsBase1, components: [
	{
		c: SpriteComponent,
		d: {
			defaultAnimationName: "0",
		}
	},
	], children: [
	{ extend: storeStarsBase2, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "3",
			}
		},
	]},
	{ extend: storeStarsBase3, components: [
		{
			c: SpriteComponent,
			d: {
				defaultAnimationName: "1",
			}
		},
	]},
]};

var storeDescriptionSafecracker = { extend: storeDescriptionPistol, components: [
	{
		c: PixelTextComponent,
		d: {
			text: "$shopDescriptionSafecracker",
		}
	},
]};

var safecrackerStorePage = { extend: storeItemMediumBase, components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
],children: [
	storeNameSafecracker,
	storeStatsPistol,
	storeStarsSafecracker,
	storeDescriptionSafecracker,
	storeImageSafecracker,
	storePriceSafecracker,
	storeSelected,
	storeNumber,
]};
//safecracker END

var UIOutOfCash = { name: "UIOutOfCash", components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			zIndex: 15,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$outOfMoneyAlert",
			spacing: -2,
			align: TextAlign.center,
			spaceWidth: 6,
			fontDefinition: {
				scale: 0.75,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				tint: 0xe0b86c,
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			component: "PixelTextComponent",
			field: "alpha",
			duration: 1,
			values: [1.0, 0],
			repeat: false,
			useUnadjustedFrameTime: true,
		}
	},
]};

var UITooManyGoons = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			zIndex: 15,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$maxGoonsAlert",
			spacing: -2,
			align: TextAlign.center,
			spaceWidth: 6,
			fontDefinition: {
				scale: 0.75,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				tint: 0xe0b86c,
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			component: "PixelTextComponent",
			field: "alpha",
			duration: 3,
			values: [1.0, 0],
			repeat: false,
			useUnadjustedFrameTime: true,
		}
	},
]};

var UICarFull = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			zIndex: 15,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$carFullAlert",
			spacing: -1,
			align: TextAlign.center,
			spaceWidth: 4,
			fontDefinition: {
				scale: 0.75,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				tint: 0xe0b86c,
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			component: "PixelTextComponent",
			field: "alpha",
			duration: 3,
			values: [1.0, 0],
			repeat: false,
			useUnadjustedFrameTime: true,
		}
	},
]};

var saveIcon = { components: [
	{
		c: TransformComponent,
		d: {
			x: 0,
			y: 0,
			zIndex: 25,
		}
	},
	{
		c: PixelTextComponent,
		d: {
			text: "$gameSaved",
			spacing: -1,
			align: TextAlign.right,
			spaceWidth: 4,
			fontDefinition: {
				scale: 0.35,
				layer: LayerDefinitions.LAYER_UI,
				sheet: "ui_fontGreasyStroke",
				tint: 0xe0b86c,
			}
		}
	},
	{
		c: TweenerComponent,
		d: {
			component: "PixelTextComponent",
			field: "alpha",
			duration: 1,
			values: [0, 1.0, 0],
			repeat: false,
			useUnadjustedFrameTime: true,
		}
	},
]};

var hireSelected = { name: "HireSelected", components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
			scaleX: 4,
			scaleY: 2,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui_memo",
			name: "memo",
			defaultAnimationName: "circled",
			alpha: 0.7,
		}
	}
]};

var hireDeselected = { name: "HireDeselected", components: [
	{
		c: TransformComponent,
		d: {
			zIndex: 14,
		}
	},
	{
		c: SpriteComponent,
		d: {
			layer: LayerDefinitions.LAYER_UI,
			sheet: "ui",
			name: "out-of-fov-arrow-red",
			defaultAnimationName: "default",
			alpha: 0,
		}
	}
]};

