local widget = require( "widget" )
local storyboard = require( "storyboard" )
storyboard.purgeOnSceneChange = true
local scene = storyboard.newScene()



-- Create the Scene
function scene:createScene( event )
	-- Create a group view then display it
	local group = self.view
	local group = display.newGroup()

	-- Create Storyboard Transition Options
	local pageTransition =
	{
		effect = "slideLeft",
		time = 2000
	}

	-- Create Background and Add to the Group
	local background = display.newImage( "assets/background.png", true )
	group:insert ( background )


	-- Scene Variables
	local scene0 = "Navigation"

	local scene1 = "My_Progress"
	local scene1Img = "assets/My_Progress.png"
	local scene1Img_Over = "assets/My_Progress_Over.png"
	local scene1Label = "My Progress"

	local scene2 = "Community"
	local scene2Img = "assets/Community.png"
	local scene2Img_Over = "assets/Community_Over.png"
	local scene2Label = "Community"

	local scene3 = "Blog"
	local scene3Img = "assets/Blog.png"
	local scene3Img_Over = "assets/Blog_Over.png"
	local scene3Label = "Blog"

	local scene4 = "Sponsors"
	local scene4Img = "assets/Sponsors.png"
	local scene4Img_Over = "assets/Sponsors_Over.png"
	local scene4Label = "Sponsors"

	local scene5 = "Events"
	local scene5Img = "assets/Events.png"
	local scene5Img_Over = "assets/Events_Over.png"
	local scene5Label = "Events"

	local scene6 = "Leaderboards"
	local scene6Img = "assets/Leaderboards.png"
	local scene6Img_Over = "assets/Leaderboards_Over.png"
	local scene6Label = "Leaderboards"

	--local scene7 = "About"
	--local scene7Img = "assets/About.png"
	--local scene7Img_Over = "assets/Leaderboards_Over.png"
	--local scene7Label = "About"

	-- Other Variables
	local buttonFontType = "Amatic SC" -- Comic Sans MS, Chiller, Bradley Hand ITC
	local buttonFontSize = 29
	local buttonLabelYOffset = 40
	local buttonWidth = 160
	local buttonHeight = 120
	local buttonLabelColor =
	{
		default = {0, 0, 0, 0},
		over = { 0, 255, 0, 0},
	}

	-- Navigation Screen Banner
	local logo = display.newImage ( "assets/Logo.png", display.contentWidth / 5 + 10, 5 )
	group:insert(logo)

	-- Create Navigation Screen Buttons
	local scene1Button = widget.newButton
	{
		left = 0,
		top = display.contentHeight / 4,
		width = buttonWidth,
		height = buttonHeight,
		defaultFile = scene1Img,
		overFile = scene1Img_Over,
		font = buttonFontType,
		fontSize = buttonFontSize,
		onRelease = function() storyboard.gotoScene( scene1, "fade", 1000 ); print( "Opening " .. scene1 ); group:removeSelf(); end
		--onRelease = storyboard.gotoScene ( scene1 ); print( "Opening Scene 1" )
	}

	local scene2Button = widget.newButton
	{
		left = display.contentWidth / 2,
		top = display.contentHeight / 4,
		width = buttonWidth,
		height = buttonHeight,
		defaultFile = scene2Img,
		overFile = scene2Img_Over,
		font = buttonFontType,
		fontSize = buttonFontSize,
		onRelease = function() storyboard.gotoScene( scene2, pageTransition ); print( "Opening " .. scene2 ); group:removeSelf(); end
		--onRelease = print( "Opening " .. scene2 ); group:removeSelf(); function() {storyboard.gotoScene( scene2 )}
		--onRelease = function() pickScene( 2 ); print( "Opening " .. scene2 ); group:removeSelf(); end,
		--onRelease = storyboard.gotoScene( scene2 );
	}


	local scene3Button = widget.newButton
	{
		left = 0,
		top = display.contentHeight / 2,
		width = buttonWidth,
		height = buttonHeight,
		defaultFile = scene3Img,
		overFile = scene3Img_Over,
		font = buttonFontType,
		fontSize = buttonFontSize,
		onRelease = function() storyboard.gotoScene( scene3, pageTransition ); print( "Opening " .. scene3 ); group:removeSelf(); end
	}

	local scene4Button = widget.newButton
	{
		left = display.contentWidth / 2,
		top = display.contentHeight / 2,
		width = buttonWidth,
		height = buttonHeight,
		defaultFile = scene4Img,
		overFile = scene4Img_Over,
		font = buttonFontType,
		fontSize = buttonFontSize,
		onRelease = function() storyboard.gotoScene( scene4, pageTransition ); print( "Opening " .. scene4 ); group:removeSelf(); end
	}

	local scene5Button = widget.newButton
	{
		left = 0,
		top = display.contentHeight * (3/4),
		width = buttonWidth,
		height = buttonHeight,
		defaultFile = scene5Img,
		overFile = scene5Img_Over,
		font = buttonFontType,
		fontSize = buttonFontSize,
		onRelease = function() storyboard.gotoScene( scene5, pageTransition ); print( "Opening " .. scene5 ); group:removeSelf(); end
	}

	local scene6Button = widget.newButton
	{
		left = display.contentWidth / 2,
		top = display.contentHeight * (3/4),
		width = buttonWidth,
		height = buttonHeight,
		defaultFile = scene6Img,
		overFile = scene6Img_Over,
		font = buttonFontType,
		fontSize = buttonFontSize,
		onRelease = function() storyboard.gotoScene( scene6, pageTransition ); print( "Opening " .. scene6 ); group:removeSelf(); end
	}

	--[[
	local scene7Button = widget.newButton
	{	-- Scene 7 Button Parameters
		left = display.contentWidth / 2 + 41,
		top = 30,
		width = buttonWidth,
		height = buttonHeight,
		defaultFile = scene7Img,
		overFile = scene7Img_Over,
		label = scene7Label,
		labelColor = buttonLabelColor,
		labelYOffset = buttonLabelYOffset,
		font = buttonFontType,

		fontSize = buttonFontSize
		--onPress = function() storyboard.gotoScene( scene7 ); end,
	}
	--]]--

	--Insert Group Objects to be removed once the "scene" is ended
	group:insert(background)
	group:insert(logo)
	group:insert(scene1Button)
	group:insert(scene2Button)
	group:insert(scene3Button)
	group:insert(scene4Button)
	group:insert(scene5Button)
	group:insert(scene6Button)
	--group:insert(scene7Button)


end	-- End Scene


-- Include Scene Event Functions
function scene:enterScene( event )
    local group = self.view
end

function scene:exitScene( event )
    local group = self.view

end

function scene:destroyScene( event )
    local group = self.view

end

-- Create the Scene Object Listeners
scene:addEventListener( "createScene", scene )
scene:addEventListener( "enterScene", scene )
scene:addEventListener( "exitScene", scene )
scene:addEventListener( "destroyScene", scene )

return scene