module(..., package.seeall)
 
-- Main function - MUST return a display.newGroup()
function new()
        local localGroup = display.newGroup()
 
local background = display.newRect(0, 0, display.contentWidth, display.contentHeight)
background:setFillColor(140, 140, 140)
 
-- Setup a scrollable content group
local topBoundary = display.screenOriginY
local bottomBoundary = display.screenOriginY
local scrollView = scrollView.new{ top=topBoundary, bottom=bottomBoundary }
 
local myText = display.newText("Barbecued beef with pepper crust", 0, 0, native.systemFontBold, 16)
myText:setTextColor(0, 0, 0)
myText.x = math.floor(display.contentWidth*0.5)
myText.y = 48
scrollView:insert(myText)
 
-- add some text to the scrolling screen
 
local lotsOfText = "Ingredients (serves 6)\n\n\n1 tablespoon olive oil\n2 teaspoons ground mixed peppercorns\n1 tablespoon wholegrain mustard\n2 teaspoons chopped fresh thyme leaves\n1 1/2 cups barbecue sauce\n1.4kg piece beef scotch fillet\n\n\nMETHOD\n\n1. Preheat barbecue to high, leaving hood closed. Tie beef with kitchen\nstring at 4cm intervals (to maintain shape during cooking). Combine oil,\npepper, mustard, thyme and 1/2 cup sauce in a flameproof roasting pan.\nAdd beef. Turn to coat.\n\n2.Transfer beef to barbecue chargrill, reserving oil mixture. Cook, turning, for 5 minutes or until browned all over. Return beef to pan. Reduce heat to low. Baste beef with oil mixture. Cook, covered, for 1 hour for medium or until cooked to your liking.\n\n3.Remove beef. Cover with foil. Stand for 15 minutes. Slice. Serve with remaining barbecue sauce.\n\n NOTES\n\nIf you would prefer to cook the beef in the oven, preheat oven to 200°C/180°C fan-forced. Cook for 50 minutes for medium or until cooked to your liking. Always rest meat, loosely covered in foil, after cooking. This allows the meat to retain moisture and succulence."
 
local lotsOfTextObject = util.wrappedText( lotsOfText, 39, 14, native.systemFont, {0,0,0} )
scrollView:insert(lotsOfTextObject)
lotsOfTextObject.x = 24
lotsOfTextObject.y = math.floor(myText.y + myText.height)
 
 
-- Important! Add a background to the scroll view for a proper hit area
local scrollBackground = display.newRect(0, 0, display.contentWidth, scrollView.height+64)
scrollBackground:setFillColor(255, 255, 255)
scrollView:insert(1, scrollBackground)
scrollView:addScrollBar()
 
local back = display.newImage ("back.png")
back.x = math.floor(display.contentWidth*0.88)
back.y = 445
back.isHitTestable = true
 
local function goback (event)
myText.isVisible = false
scrollBackground.isVisible = false
background.isVisible = false
lotsOfTextObject.isVisible = false
director:changeScene ("menu")
back:removeSelf()
end
back:addEventListener("touch",goback)
 
--------------------------------------------------------------------
--------------------------------------------------------------------
        -- MUST return a display.newGroup()
        return localGroup
end