-- mainmenustyle.lua

-- ***************************************************
-- Requires
-- ***************************************************
require("scripts/anim_enums.lua");
-- ***************************************************

-- ***************************************************
-- Font and Button Styles
-- ***************************************************

-- **********************
-- Main Menu Fonts
-- **********************
MainMenuButtonFont =
{
  "fonts/arial_rounded.mvec", 	-- Font file
  18,                   -- Font size
  Color(0, 0, 0, 255) -- Font color
};

MainMenuButtonGreenFont =
{
  "fonts/arial_rounded.mvec", 	-- Font file
  22,                   -- Font size
  --Color(62, 70, 87, 255) -- Font color
   Color(14, 76, 65, 255) -- Font color
};

MainMenuButtonOrangeFont =
{
  "fonts/arial_rounded.mvec", 	-- Font file
  26,                   -- Font size
  Color(66, 57, 34, 255) -- Font color
};

MainMenuButtonDarkFont =
{
  "fonts/arial_rounded.mvec", 	-- Font file
  24,                   -- Font size
  Color(255, 255, 255, 255) -- Font color
};

MainMenuTextFont =
{
  "fonts/arial_rounded.mvec", 	-- Font file
  30,						-- Font size
  Color(255, 255, 255, 255) -- Font color
};

CircularButtonGreenFont =
{
  "fonts/arial_rounded.mvec", 	-- Font file
  26,                   -- Font size
  Color(62, 70, 87, 255) -- Font color
};

------------------------------------
-- styles

MainMenuTextStyle =
{
	font = MainMenuTextFont,
}

MainMenuTextStyle2 =
{
	font = MainMenuButtonFont,
}

-- **********************
-- Intro/Ending Comics
-- **********************

ComicFont = 
{
 
  "fonts/bradley.mvec",
  20,
  Color(0, 0, 0, 255)
};

ComicBigFont = 
{
 
  "fonts/bradley.mvec",
  30,
  Color(0, 0, 0, 255)
};

------------------------------------
-- styles

ComicStyle = 
{
  font = ComicFont,
};

ComicBigStyle = 
{
  font = ComicBigFont,
}

-- **********************
-- Intro/Ending Comics
-- **********************

ScoreboardFont = 
{
 
  "fonts/arial_rounded.mvec",
  20,
  Color(0, 0, 0, 255)
};

TargetScoreFont = 
{
 
  "fonts/arial_rounded.mvec",
  14,
  Color(0, 0, 0, 255)
};

ScoreboardCentsFont = 
{
 
  "fonts/arial_rounded.mvec",
  16,
  Color(0, 0, 0, 255)
};


------------------------------------
-- styles

ScoreboardStyle = 
{
  font = ScoreboardFont,
};

ScoreboardCentsStyle = 
{
  font = ScoreboardCentsFont,
};


TargetScoreStyle = 
{
  font = TargetScoreFont,
};
-- **********************
-- level selection screen
-- **********************

LevelButtonFont = 
{
 
  "fonts/arial_rounded.mvec",
  20,
  Color(62, 70, 87, 255)
};

------------------------------------
-- styles

-- **********************
-- story screens
-- **********************

StoryTitleFont = 
{
 
  "fonts/arial_rounded.mvec",
  50,
  Color(255, 255, 255, 255)
};

SurveyBuildTitleFont = 
{
 
  "fonts/arial_rounded.mvec",
  40,
  Color(255, 255, 255, 255)
};

SurveyBuildContentFont = 
{
 
  "fonts/arial_rounded.mvec",
  25,
  Color(255, 255, 255, 255)
};

StoryTitleShadeFont = 
{
 
  "fonts/arial_rounded.mvec",
  40,
  Color(0, 0, 0, 128)
};

StoryContentFont = 
{
  "fonts/komika_narrow.mvec",
  26,
  Color(255, 255, 255, 255)
};

StoryFont = 
{
  "fonts/komika_narrow.mvec",
  20,
  Color(255, 255, 255, 255)
};

StoryJadeFont = 
{
  "fonts/komika_narrow.mvec",
  20,
  Color(214, 236, 250, 255)
};
StoryIsabelaFont = 
{
  "fonts/komika_narrow.mvec",
  20,
  Color(236, 185, 42, 255)
};
StoryDuboisFont = 
{
  "fonts/komika_narrow.mvec",
  20,
  Color(0, 0, 0, 255)
};
StoryDetectiveFont = 
{
  "fonts/komika_narrow.mvec",
  20,
  Color(94, 92, 66, 255)
};
------------------------------------
-- styles

StoryTitleStyle =
{
	font = StoryTitleFont,
}

StoryTitleShadeStyle =
{
	font = StoryTitleFont,
}

StoryJadeStyle =
{
	font = StoryFont,
}

StoryAnimatedStyle =
{
	flags = kHAlignLeft + kVAlignTop,
	typewriter = true,
	typewriteEvery = 1,
	typewriteDelay = 15,
	fps = 300,
	font = StoryFont,
}
StoryJadeAnimatedStyle =
{
	flags = kHAlignLeft + kVAlignTop,
	typewriter = true,
	typewriteEvery = 1,
	typewriteDelay = 15,
	fps = 300,
	font = StoryFont,
}
StoryIsabelaAnimatedStyle =
{
	flags = kHAlignLeft + kVAlignTop,
	typewriter = true,
	typewriteEvery = 1,
	typewriteDelay = 15,
	fps = 300,
	font = StoryFont,
}
StoryDuboisAnimatedStyle =
{
	flags = kHAlignLeft + kVAlignTop,
	typewriter = true,
	typewriteEvery = 1,
	typewriteDelay = 15,
	fps = 300,
	font = StoryFont,
}
StoryDetectiveAnimatedStyle =
{
	flags = kHAlignLeft + kVAlignTop,
	typewriter = true,
	typewriteEvery = 1,
	typewriteDelay = 15,
	fps = 300,
	font = StoryFont,
}

StoryContentStyle =
{
	font = StoryContentFont,
}

SurveyBuildTitleStyle =
{
	font = SurveyBuildTitleFont,
}

SurveyBuildContentStyle =
{
	font = SurveyBuildContentFont,
}

-- **********************
-- stats screens
-- **********************
StatsTitleFont = 
{
 
  "fonts/arial_rounded.mvec",
  40,
  Color(255, 255, 255, 255)
};

CustomizationTitleFont = 
{
 
  "fonts/arial_rounded.mvec",
  30,
  Color(255, 255, 255, 255)
};

CustomizationDescFont = 
{
 
  "fonts/arial_rounded.mvec",
  20,
  Color(255, 255, 255, 255)
};

StatsTipFont = 
{
  "fonts/komika_narrow.mvec",
  18,
  Color(255, 255, 255, 255)
};

StatsContentFont = 
{
 
  "fonts/arial_rounded.mvec",
  24,
  Color(12, 68, 65, 255),
};


StatsPerformanceFont = 
{
 
  "fonts/komika_narrow.mvec",
  30,
  Color(255, 255, 255, 255),
};

StatsDataFont = 
{
 
  "fonts/arial_rounded.mvec",
  30,
  Color(255, 255, 255, 255)
};

------------------------------------
-- styles

StatsAnimation = {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			scaleX = 0.0,
			scaleY = 0.0,
			alpha = 0.0,
			tweens = {
				{
					type = "FunctionEase", 
					target = TWEEN_ALL,
					functionName = "Back",
					easingMethod = "easeOut",
					params = {
						overshootAmount = 1;
					},
				},
			},
		},
		
		{
			index = 5,
			scaleX = 1.0,
			scaleY = 1.0,
			alpha = 1.0,
		},
	},
};

------------------------------------
-- styles

StatsTitleStyle =
{
	font = StatsTitleFont,
	enteranimation = StatsAnimation,
}

CustomizationTitleStyle =
{
	font = CustomizationTitleFont,
	--enteranimation = StatsAnimation,
}

CustomizationDescStyle =
{
	font = CustomizationDescFont,
}

StatsTipStyle = 
{
	font = StatsTipFont,
}

StatsContentStyle =
{
	font = StatsContentFont,
	enteranimation = StatsAnimation,
}

StatsDataStyle =
{
	font = StatsDataFont,
	enteranimation = StatsAnimation,
}

StatsPerformanceStyle =
{
	font = StatsPerformanceFont,
}

-- **********************
-- score
-- **********************
ScoreFont = 
{
 
  "fonts/arial_rounded.mvec",
  24,
  Color(255, 255, 255, 255)
};

ScoreStyle =
{
	font = ScoreFont,
}
-- **********************
-- in-game reminders
-- **********************
ReminderFont = 
{
 
  "fonts/arial_rounded.mvec",
  17,
  Color(255, 255, 255, 255)
};

LevelReminderFont = 
{
	"fonts/komika_narrow.mvec",
	18,
	Color(255, 255, 255, 255)
};

ClosingTimeFont = 
{
  "fonts/arial_rounded.mvec",
  24,
  Color(255, 255, 255, 255)
};

ClosedTagFont = 
{
  "fonts/arial_rounded.mvec",
  18,
  Color(255, 255, 255, 255)
};

ClosingTimeShadeFont = 
{
  "fonts/arial_rounded.mvec",
  24,
  Color(0, 0, 0, 96)
};

------------------------------------
-- animations


EnterLeftAnimation= {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			x = -200,
			y = 0,
			tweens = 
			{
				{
					type = "FunctionEase", 
					target = TWEEN_ALL, 
					ease = -1,
				},
			},
		},
		{
			index = 15,

			x = 0,
			y = 0,
		},
	},
};
ExitLeftAnimation= {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			x = 0,
			y = 0,
			tweens = 
			{
				{
					type = "FunctionEase", 
					target = TWEEN_ALL, 
					ease = -1,
				},
			},
		},
		{
			index = 15,

			x = 200,
			y = 0,
		},
	},
};
ExitRightAnimation= {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			x = 0,
			y = 0,
			tweens = 
			{
				{
					type = "FunctionEase", 
					target = TWEEN_ALL, 
					ease = -1,
				},
			},
		},
		{
			index = 15,

			x = -270,
			y = 0,
		},
	},
};


EnterRightAnimation= {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			x = 200,
			y = 0,
			tweens = 
			{
				{
					type = "FunctionEase", 
					target = TWEEN_ALL, 
					ease = 1,
				},
			},
		},
		{
			index = 15,

			x = 0 ,
			y = 0,
		},
	},
};


LevelReminderBoxAnimation = {
	keyframes = {
		{
			index = 0,
			alpha = 0.0,
			x = 0,
			y = 100,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 10,
			alpha = 1.0,
			x = 0,
			y = 0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 170,
			alpha = 1.0,
			x = 0,
			y = 0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 180,
			alpha = 0.0,
			x = 0,
			y = 100,
		},
	},
};



LevelReminderAnimation = {
	keyframes = {
		{
			index = 0,
			alpha = 0.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 10,
			alpha = 0.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 20,
			alpha = 1.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 160,
			alpha = 1.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 170,
			alpha = 0.0,
		},
	},
};
ClosedTagFontAnimation= {
	keyframes = {
		{
			index = 0,
			alpha = 0.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 10,
			alpha = 0.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 20,
			alpha = 1.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 70,
			alpha = 1.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		
	},
};
ClosingTimeFontAnimation = {
	keyframes = {
		{
			index = 0,
			alpha = 0.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 10,
			alpha = 0.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 20,
			alpha = 1.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 70,
			alpha = 1.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 80,
			alpha = 0.0,
		},
	},
};
ClosedTagAnimation = {
	keyframes = {
		{
			index = 0,
			alpha = 0.0,
			x = 0,
			y = 100,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 10,
			alpha = 1.0,
			x = 0,
			y = 0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 80,
			alpha = 1.0,
			x = 0,
			y = 0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
	},
};

ClosingTimeAnimation = {
	keyframes = {
		{
			index = 0,
			alpha = 0.0,
			x = 0,
			y = -100,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 10,
			alpha = 1.0,
			x = 0,
			y = 0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 80,
			alpha = 1.0,
			x = 0,
			y = 0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 90,
			alpha = 0.0,
			x = 0,
			y = -100,
		},
	},
};

------------------------------------
-- styles

ReminderStyle =
{
	font = ReminderFont,
}

LevelReminderStyle =
{
	font = LevelReminderFont,
	enteranimation = LevelReminderAnimation,
}

LevelReminderBoxStyle = 
{
	enteranimation = LevelReminderBoxAnimation,
}

ClosingTimeBoxStyle = 
{
	enteranimation = ClosingTimeAnimation,
}

ClosedTagBoxStyle = 
{
	enteranimation = ClosedTagAnimation,
}

ClosingTimeStyle = 
{
	font = ClosingTimeFont,
	enteranimation = ClosingTimeFontAnimation,
}
ClosedTagStyle = 
{
	font = ClosedTagFont,
	enteranimation = ClosedTagFontAnimation,

}


ClosingTimeShadeStyle = 
{
	font = ClosingTimeShadeFont,
	enteranimation = ClosingTimeFontAnimation,
}

-- **********************
-- purchase window
-- **********************
PurchaseTitleFont = 
{
 
  "fonts/arial_rounded.mvec",
  36,
  Color(255, 255, 255, 255)
};

PurchaseHUDFont = 
{
 
  "fonts/arial_rounded.mvec",
  19,
  Color(255, 255, 255, 255)
};

PurchaseHintTitleFont = 
{
 
  "fonts/arial_rounded.mvec",
  24,
  Color(255, 255, 255, 255)
};

PurchaseHintContentFont = 
{
 
  "fonts/arial_rounded.mvec",
  17,
  Color(255, 255, 255, 255)
};

PurchaseContentFont = 
{
 
  "fonts/arial_rounded.mvec",
  19,
  Color(255, 255, 255, 255)
};

PurchaseVariantStatusFont = 
{
 
  "fonts/arial_rounded.mvec",
  23,
  Color(255, 255, 255, 255)
};

------------------------------------
-- styles

PurchaseTitleStyle =
{
	font = PurchaseTitleFont,
}

PurchaseHUDStyle =
{
	font = PurchaseHUDFont,
}

PurchaseHintTitleStyle =
{
	font = PurchaseHintTitleFont,
}

PurchaseHintContentStyle = 
{
    font = PurchaseHintContentFont,
}

PurchaseContentStyle =
{
	font = PurchaseContentFont,
}

PurchaseVariantStatusStyle =
{
	font = PurchaseVariantStatusFont,
}

-- **********************
-- in-game menu
-- **********************
InGameTitleFont = 
{
 
  "fonts/arial_rounded.mvec",
  36,
  Color(255, 255, 255, 255)
};

------------------------------------
-- styles

InGameTitleStyle =
{
	font = InGameTitleFont,
}

-- **********************
-- game options
-- **********************
OptionsFont = 
{
 
  "fonts/arial_rounded.mvec",
  24,
  Color(0, 0, 0, 255)
};

------------------------------------
-- styles

OptionsStyle =
{
	font = OptionsFont,
}

-- **********************
-- dialog boxes
-- **********************
DialogTitleFont = 
{
 
  "fonts/arial_rounded.mvec",
  --50,
  30,
  Color(255, 255, 255, 255)
};

DialogTitleShadeFont = 
{
 
  "fonts/arial_rounded.mvec",
  40,
  Color(0, 0, 0, 128)
};

DialogContentFont = 
{
 
  "fonts/arial_rounded.mvec",
  30,
  Color(255, 255, 255, 255)
};

EndTutorialContentFont = 
{
 
  "fonts/arial_rounded.mvec",
  25,
  Color(255, 255, 255, 255)
};
------------------------------------
-- styles

DialogTitleStyle =
{
	font = DialogTitleFont,
}

DialogTitleShadeStyle =
{
	font = DialogTitleShadeFont,
}

DialogContentStyle =
{
	font = DialogContentFont,
}

EndTutorialContentStyle =
{
	font = EndTutorialContentFont,
}
-- **********************
-- basics/credits screens
-- **********************
CreditsTitleFont = 
{
 
  "fonts/arial_rounded.mvec",
  40,
  Color(255, 255, 255, 255)
};

CreditsSubtitleFont = 
{
 
  "fonts/arial_rounded.mvec",
  25,
  Color(255, 255, 255, 255)
};

CreditsHighScoreNumberFont = 
{
 
  "fonts/arial_rounded.mvec",
  30,
  Color(255, 255, 255, 255)
};

CreditsHighScoreFont = 
{
 
  "fonts/arial_rounded.mvec",
  24,
  Color(255, 255, 255, 255)
};

CreditsContentFont = 
{
 
  "fonts/arial_rounded.mvec",
  16,
  Color(255, 255, 255, 255)
};

CreditsSmallFont = 
{
 
  "fonts/arial_rounded.mvec",
  20,
  Color(255, 255, 255, 255)
};

------------------------------------
-- styles

CreditsTitleStyle =
{
	font = CreditsTitleFont,
}

CreditsTitleShadeStyle =
{
	font = CreditsTitleShadeFont,
}

CreditsContentStyle =
{
	font = CreditsContentFont,
}

CreditsSubtitleStyle =
{
	font = CreditsSubtitleFont,
}

CreditsHighScoreNumberStyle =
{
	font = CreditsHighScoreNumberFont,
}

CreditsHighScoreStyle =
{
	font = CreditsHighScoreFont,
}

CreditsSmallStyle =
{
	font = CreditsSmallFont,
}


-- **********************
-- generic buttons
-- **********************
InGameButtonFont = 
{
 
  "fonts/arial_rounded.mvec",
  20,
  Color(0, 0, 0, 255)
};

ButtonOrangeFont =
{
  "fonts/arial_rounded.mvec", 	-- Font file
  20,                   -- Font size
  Color(66, 57, 34, 255) -- Font color
  --Color(22, 74, 70, 255) -- Font color
};

ButtonGreenFont =
{
  "fonts/arial_rounded.mvec", 	-- Font file
  20,                   -- Font size
  --Color(42, 48, 60, 255) -- Font color
  --Color(81, 44, 76, 40) -- Font color
  Color(14, 76, 65, 255) -- Font color
  
};

ButtonMinigameFont =
{
  "fonts/arial_rounded.mvec", 	-- Font file
  20,                   -- Font size
  Color(42, 48, 60, 255) -- Font color
};

MenuButtonFont =
{
  "fonts/arial_rounded.mvec", 	-- Font file
  16,                   -- Font size
  Color(42, 48, 60, 255) -- Font color
};

NewDeleteAccountFont = {

  "fonts/arial_rounded.mvec", 	-- Font file
  22,                   -- Font size
  --Color(42, 48, 60, 255) -- Font color
  Color(255, 255, 255, 255)

}
------------------------------------
-- styles

BasicsTitleStyle =
{
	font = InGameButtonFont,
}

--[[ 
Here we must specifiy the three images used for the three 
states of our main menu buttons, in the following order:

1. Button Up
2. Button Down
3. Button Rollover 

]]
	 
--MainMenuButtonGraphics =
--{
--	"buttons/buttonup",
--	"buttons/buttondown",
--	"buttons/buttonrollover"
--};

MainMenuButtonGraphics =
{
	"buttons/blg_menu_button_up",
	"buttons/blg_menu_button_down",
	"buttons/blg_menu_button_rollover"
};

-- Our default main menu button properties
MainMenuButtonStyle =
{
	font = MainMenuButtonGreenFont,
	graphics = MainMenuButtonGraphics,
	sound = "audio/sfx/buttonclick.ogg",
	--rolloversound = "audio/sfx/buttonclick.ogg",
};

DefaultButtonAnimation = {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			scaleX = 0.2,
			scaleY = 0.2,
			x = -200,
			blank = false,
			tweens = {
				{
					type = "FunctionEase", 
					target = TWEEN_X, 
					functionName = "Back",
					easingMethod = "easeOut",
				},
				{
					type = "SimpleEase", 
					target = TWEEN_SCALE, 
					ease = -1,
				},
			},
		},
		{
			index = 15,
			scaleX = 0.5,
			scaleY = 0.5,
			tweens = {
				{
					type = "FunctionEase", 
					target = TWEEN_SCALE, 
					functionName = "Elastic",
					easingMethod = "easeOut",
					--[[params = {
						sineWaveAmplitude = 20,
						sinWavePeriod = 15,
					},]]
				},
			},
		},
		{
			index = 30,
			x = 0,
		},
		{
			index = 45,
			scaleX = 1,
		},
		{
			index = 60,
			scaleY = 1,
		},

	},
};

DefaultRollOverAnimation = {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			tweens = {
				{
					type = "FunctionEase", 
					target = TWEEN_SCALE, 
					functionName = "Back",
					easingMethod = "easeOut",
					params = {
						overshootAmount = 5;
					},
				},
			},
		},
		{
			index = 10,
			scaleX = 1.1,
			scaleY = 1.1,
		},
	},
};

DefaultRollOutAnimation = {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			scaleX = 1.1,
			scaleY = 1.1,
			tweens = {
				{
					type = "FunctionEase", 
					target = TWEEN_SCALE, 
					functionName = "Back",
					easingMethod = "easeOut",
					params = {
						overshootAmount = 5;
					},
				},
			},
		},
		{
			index = 10,
			scaleX = 1,
			scaleY = 1,
		},
	},
};

DefaultAppearingAnimation = {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			scaleX = 0.2,
			scaleY = 0.2,
			tweens = {
				{
					type = "FunctionEase", 
					target = TWEEN_SCALE, 
					functionName = "Elastic",
					easingMethod = "easeOut",
					--[[params = {
						sineWaveAmplitude = 20,
						sinWavePeriod = 15,
					},]]
				},
			},
		},
		{
			index = 15,
			scaleX = 1,
		},
		{
			index = 30,
			scaleY = 1,
		},

	},
};

-- *******************************************
-- Animated button styles
-- *******************************************

---------------------------------------------------------
-- DEFAULT ANIMATED BUTTON
---------------------------------------------------------
-- Our default main menu button properties
AnimatedButtonStyle =
{
	font = MainMenuButtonFont,
	enteranimation = DefaultButtonAnimation;
	sound = "audio/sfx/buttonclick.ogg",
	rolloveranimation = DefaultRollOverAnimation,
	rolloutanimation = DefaultRollOutAnimation,
	disabledsound = "audio/sfx/sfx_typing_01.ogg",
	fps = 30,
	--enabled = false,
	--rolloversound = "audio/sfx/buttonclick.ogg",
};

AnimatedButtonGreenStyle =
{
	parent = AnimatedButtonStyle,
	font = MainMenuButtonGreenFont,
};

AnimatedButtonOrangeStyle =
{
	parent = AnimatedButtonStyle,
	font = MainMenuButtonOrangeFont,
};

AnimatedLeftBackgroundStyle =
{
	font = MainMenuButtonGreenFont,
	enteranimation = ExitLeftAnimation;
	sound = "audio/sfx/core/ui/ui_click.ogg",
	rolloveranimation = DefaultRollOverAnimation,
	rolloutanimation = DefaultRollOutAnimation,
	disabledsound = "audio/sfx/sfx_typing_01.ogg",
	fps = 30,
	--enabled = false,
	rolloversound = "audio/sfx/ui/ui_roll_over.ogg",
	font = MainMenuButtonOrangeFont,
};
AnimatedRightBackgroundStyle =
{
	font = MainMenuButtonGreenFont,
	enteranimation = ExitRightAnimation;
	sound = "audio/sfx/core/ui/ui_click.ogg",
	rolloveranimation = DefaultRollOverAnimation,
	rolloutanimation = DefaultRollOutAnimation,
	disabledsound = "audio/sfx/sfx_typing_01.ogg",
	fps = 30,
	--enabled = false,
	rolloversound = "audio/sfx/ui/ui_roll_over.ogg",
	font = MainMenuButtonOrangeFont,
};


AnimatedLeftCharacterStyle =
{
	font = MainMenuButtonGreenFont,
	enteranimation = EnterLeftAnimation;
	sound = "audio/sfx/core/ui/ui_click.ogg",
	rolloveranimation = DefaultRollOverAnimation,
	rolloutanimation = DefaultRollOutAnimation,
	disabledsound = "audio/sfx/sfx_typing_01.ogg",
	fps = 30,
	--enabled = false,
	rolloversound = "audio/sfx/ui/ui_roll_over.ogg",
	font = MainMenuButtonOrangeFont,
};
AnimatedRightCharacterStyle =
{
	font = MainMenuButtonGreenFont,
	enteranimation = EnterRightAnimation;
	sound = "audio/sfx/core/ui/ui_click.ogg",
	rolloveranimation = DefaultRollOverAnimation,
	rolloutanimation = DefaultRollOutAnimation,
	disabledsound = "audio/sfx/sfx_typing_01.ogg",
	fps = 30,
	--enabled = false,
	rolloversound = "audio/sfx/ui/ui_roll_over.ogg",
	font = MainMenuButtonOrangeFont,
};
NoAnimatedLeftCharacterStyle =
{
	font = MainMenuButtonGreenFont,
	sound = "audio/sfx/core/ui/ui_click.ogg",
	rolloveranimation = DefaultRollOverAnimation,
	rolloutanimation = DefaultRollOutAnimation,
	disabledsound = "audio/sfx/sfx_typing_01.ogg",
	fps = 30,
	--enabled = false,
	rolloversound = "audio/sfx/ui/ui_roll_over.ogg",
	font = MainMenuButtonOrangeFont,
};

AnimatedButtonDarkStyle = 
{
	parent = AnimatedButtonStyle,
	font = MainMenuButtonDarkFont,
};

---------------------------------------------------------
-- INTERNAL BUTTON: DEFAULT MENU ANIMATED BUTTON
---------------------------------------------------------
InternalButtonStyle =
{
	font = MainMenuButtonFont,
	width = 198	,
	height = 70,
	--w = 198,
	--h = 70,
	sound = "audio/sfx/buttonclick.ogg",
	upColor = Color(200, 200, 200, 255),
	downColor = Color(180, 180, 180, 255),
	disabledColor = Color(200, 200, 200, 200),
	rolloveranimation = DefaultRollOverAnimation,
	rolloutanimation = DefaultRollOutAnimation,
	disabledsound = "audio/sfx/sfx_typing_01.ogg",
	fps = 30,
	positionMatrix = { x = 10, y = 10 },
	graphics = {
		"test/btn1",
		"",
		"",
		{
			colormatrix = {saturation = 0, brightness = 0.4},
		},
	},

};

MiniGameButtonStyle = 
{
	parent = InternalButtonStyle,
	font = ButtonMinigameFont,
}

GreenButtonStyle =
{
	parent = InternalButtonStyle,
	font = ButtonGreenFont,
};

NewDeleteAccountStyle = {
	parent = InternalButtonStyle,
	font = NewDeleteAccountFont,

};

MenuButtonStyle =
{
	parent = InternalButtonStyle,
	font = MenuButtonFont,
};


OrangeButtonStyle =
{
	parent = InternalButtonStyle,
	font = ButtonOrangeFont,
};

DarkButtonStyle =
{
	parent = InternalButtonStyle,
	font = MainMenuButtonDarkFont,
};

CircularButtonStyle =
{
	parent = InternalButtonStyle,
	font = CircularButtonGreenFont,
};

LevelButtonStyle =
{
	parent = InternalButtonStyle,
	font = LevelButtonFont,
};

--[[
-- Our default main menu button properties
AnimatedButtonStyle =
{
	font = MainMenuButtonGreenFont,
	enteranimation = DefaultButtonAnimation;
	sound = "audio/sfx/core/ui/ui_click.ogg",
	rolloveranimation = DefaultRollOverAnimation,
	rolloutanimation = DefaultRollOutAnimation,
	disabledsound = "audio/sfx/sfx_typing_01.ogg",
	fps = 30,
	--enabled = false,
	rolloversound = "audio/sfx/ui/ui_roll_over.ogg",
};
]]

---------------------------------------------------------
-- LEVEL SELECTOR: SUBLEVEL ANIMATED BUTTON
---------------------------------------------------------

SublevelButtonStyle =
{
	font = MainMenuButtonGreenFont,
	width = 198	,
	height = 70,
	sound = "audio/sfx/buttonclick.ogg",
	--upColor = Color(200, 200, 200, 255),
	--downColor = Color(180, 180, 180, 255),
	--disabledColor = Color(200, 200, 200, 200),
	rolloveranimation = DefaultRollOverAnimation,
	rolloutanimation = DefaultRollOutAnimation,
	disabledsound = "audio/sfx/sfx_typing_01.ogg",
	fps = 30,
	positionMatrix = { x = 10, y = 10 },
};

---------------------------------------------------------
-- LEVEL SELECTOR: LEVEL ANIMATED BUTTON
---------------------------------------------------------
LevelSelectorRollOverAnimation = {
	transformationPoint = {x = 0.5, y = 1},
	keyframes = {
		{
			index = 0,
			scaleX = 1.0,
			scaleY = 1.0,
			x = 0,
			y = 0,
			tweens = {
				{
					type = "FunctionEase", 
					target = TWEEN_SCALE, 
					functionName = "Back",
					easingMethod = "easeOut",
					params = {
						overshootAmount = 5;
					},
				},
			},
		},
		{
			index = 10,
			scaleX = 1.5,
			scaleY = 1.5,
			--x = -100,
			--y = -150,
		},
	},
};

LevelSelectorRollOutAnimation = {
	transformationPoint = {x = 0.5, y = 1},
	keyframes = {
		{
			index = 0,
			scaleX = 1.5,
			scaleY = 1.5,
			x = 0,
			y = 0,
			tweens = {
				{
					type = "FunctionEase", 
					target = TWEEN_SCALE, 
					functionName = "Back",
					easingMethod = "easeOut",
					params = {
						overshootAmount = 5;
					},
				},
			},
		},
		{
			index = 10,
			scaleX = 1.0,
			scaleY = 1.0,
			--x = 100,
			--y = 150,
		},
	},
};

-- Our default main menu button properties
LevelSelectorButtonStyle =
{
	labelMatrix = { x = -10, y = 85 },
	width = 300, height = 300,
	font = MainMenuButtonFont,
	sound = "audio/sfx/buttonclick.ogg",
	disabledColor = Color(255, 255, 255, 200),
	rolloveranimation = LevelSelectorRollOverAnimation,
	rolloutanimation = LevelSelectorRollOutAnimation,
	--mask = "common/screens/level_select/level_mask",
	hitAlpha = 255,
};

---------------------------------------------------------------------------
---------------------------------------------------------------------------
-- Background overlay style
---------------------------------------------------------------------------
---------------------------------------------------------------------------


BackgroundAnimation = {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			--scaleX = 0.1,
			--scaleY = 0.1,
			alpha = 0.0,
			x = 0,
			y = 0,
			--skewX = 90.0;
			--skewY = 90.0;
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 10,
			--scaleX = 1.0,
			--scaleY = 1.0,
			alpha = 0.8,
			--skewX = 0.0;
			--skewY = 0.0;
		},
	},
};

BackgroundStyle = 
{
	enteranimation = BackgroundAnimation,
}

BoxAnimation = {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			scaleX = 2.0,
			scaleY = 0.01,
			alpha = 0.0,
			x = 0,
			y = 0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 4,
			scaleX = 0.1,
			scaleY = 0.1,
			alpha = 0.5,
			tweens = {
				{
					type = "FunctionEase", 
					target = TWEEN_ALL, 
					functionName = "Back",
					easingMethod = "easeOut",
					params = {
						overshootAmount = 2;
					},
				},
			},
		},
		{
			index = 12,
			scaleX = 1.0,
			scaleY = 1.0,
			alpha = 1.0,
		},
	},
};

BoxStyle = 
{
	enteranimation = BoxAnimation,
}


---------------------------------------------------------------------------
---------------------------------------------------------------------------
-- Character portrait style
---------------------------------------------------------------------------
---------------------------------------------------------------------------

PortraitAnimation = {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			scaleX = 0.1,
			scaleY = 0.1,
			alpha = 0.0,
			tweens = {
				{
					type = "FunctionEase", 
					target = TWEEN_ALL, 
					functionName = "Back",
					easingMethod = "easeOut",
					params = {
						overshootAmount = 2;
					},
				},
			},
		},
		{
			index = 10,
			scaleX = 1.0,
			scaleY = 1.0,
			alpha = 1.0,
		},
	},
};

PortraitStyle = 
{
	enteranimation = PortraitAnimation,
}


StoryPortraitAnimation = {
	transformationPoint = {x = 0.5, y = 0.5},
	keyframes = {
		{
			index = 0,
			alpha = 0.0,
			tweens = {
				{
					type = "SimpleEase", 
					target = TWEEN_ALL, 
				},
			},
		},
		{
			index = 8,
			alpha = 1.0,
		},
	},
};

StoryPortraitStyle = 
{
	enteranimation = StoryPortraitAnimation,
}