 	mirza: "'Mirza', cursive"
 	muli: "'Muli', sans-serif"
 
-padding =
-	standard: 35
-	divider: 80
-	x: 100
-	y: 100
-
-sizes =
-	widths:
-		inPadding: Screen.width - (2 * padding.x)
-	heights:
-		inPadding: Screen.height - (2 * padding.y)
-	
 backdrop = new BackgroundLayer
 	backgroundColor: colors.lightGray
 


# pillar :: Int -> Layer
pillar = (x) ->
	new Layer
		parent: heroCase
		backgroundColor: colors.veil
		x: x

		width: 100
		height: sizes.heights.inPadding - heroCase.height - navCase.height

# marble :: Int -> Int -> Int -> String -> Layer
marble = (r,x,y, color) ->
	return new Layer
		name: "marble"+color
		parent: backdrop
		x: x,
		y: y,
		backgroundColor: color
		width: r,
		height: r,
		borderRadius: 2*r

# Marbles
# marbleSize = 50
# m0a = marble(marbleSize, Align.right(-100 + -marbleSize), padding.mPlat, colors.vividBurgundy) 
# m0b = marble(marbleSize, Align.right(-100 + -2.2*marbleSize), padding.mPlat, colors.vividBurgundy) 
# m0c = marble(marbleSize, Align.right(-100 + -3.4*marbleSize), padding.mPlat, colors.vividBurgundy) 
# m0d = marble(marbleSize, Align.right(-100 + -4.6*marbleSize), padding.mPlat, colors.vividBurgundy) 
# m0e = marble(marbleSize, Align.right(-100 + -5.8*marbleSize), padding.mPlat, colors.vividBurgundy)
# m1a = marble(marbleSize, Align.right(-100 + -1.6*marbleSize), padding.mPlat - 1.1*marbleSize, colors.japaneseIndigo)
# m1b = marble(marbleSize, Align.right(-100 + -2.8*marbleSize), padding.mPlat - 1.1*marbleSize, colors.japaneseIndigo)
# m1c = marble(marbleSize, Align.right(-100 + -4.0*marbleSize), padding.mPlat - 1.1*marbleSize, colors.japaneseIndigo)
# m1d = marble(marbleSize, Align.right(-100 + -5.2*marbleSize), padding.mPlat - 1.1*marbleSize, colors.japaneseIndigo)
# m2a = marble(marbleSize, Align.right(-100 + -2.2*marbleSize), padding.mPlat - 2.2*marbleSize, colors.spanishViolet)
# m2b = marble(marbleSize, Align.right(-100 + -3.4*marbleSize), padding.mPlat - 2.2*marbleSize, colors.spanishViolet)
# m2c = marble(marbleSize, Align.right(-100 + -4.6*marbleSize), padding.mPlat - 2.2*marbleSize, colors.spanishViolet)
# m3a = marble(marbleSize, Align.right(-100 + -2.8*marbleSize), padding.mPlat - 3.3*marbleSize, colors.darkPurple)
# m3b = marble(marbleSize, Align.right(-100 + -4.0*marbleSize), padding.mPlat - 3.3*marbleSize, colors.darkPurple)
# m4a = marble(marbleSize, Align.right(-100 + -3.4*marbleSize), padding.mPlat - 4.4*marbleSize, colors.spanishViolet)

marbleTower = (size, rightAlign) ->
  m0a = marble(size, Align.right(-rightAlign + -size), padding.mPlat, colors.vividBurgundy) 
  m0b = marble(size, Align.right(-rightAlign + -2.2*size), padding.mPlat, colors.vividBurgundy) 
  m0c = marble(size, Align.right(-rightAlign + -3.4*size), padding.mPlat, colors.vividBurgundy) 
  m0d = marble(size, Align.right(-rightAlign + -4.6*size), padding.mPlat, colors.vividBurgundy) 
  m0e = marble(size, Align.right(-rightAlign + -5.8*size), padding.mPlat, colors.vividBurgundy)
  m1a = marble(size, Align.right(-rightAlign + -1.6*size), padding.mPlat - 1.1*size, colors.japaneseIndigo)
  m1b = marble(size, Align.right(-rightAlign + -2.8*size), padding.mPlat - 1.1*size, colors.japaneseIndigo)
  m1c = marble(size, Align.right(-rightAlign + -4.0*size), padding.mPlat - 1.1*size, colors.japaneseIndigo)
  m1d = marble(size, Align.right(-rightAlign + -5.2*size), padding.mPlat - 1.1*size, colors.japaneseIndigo)
  m2a = marble(size, Align.right(-rightAlign + -2.2*size), padding.mPlat - 2.2*size, colors.spanishViolet)
  m2b = marble(size, Align.right(-rightAlign + -3.4*size), padding.mPlat - 2.2*size, colors.spanishViolet)
  m2c = marble(size, Align.right(-rightAlign + -4.6*size), padding.mPlat - 2.2*size, colors.spanishViolet)
  m3a = marble(size, Align.right(-rightAlign + -2.8*size), padding.mPlat - 3.3*size, colors.darkPurple)
  m3b = marble(size, Align.right(-rightAlign + -4.0*size), padding.mPlat - 3.3*size, colors.darkPurple)
  m4a = marble(size, Align.right(-rightAlign + -3.4*size), padding.mPlat - 4.4*size, colors.spanishViolet)

marbleTower(40, 700)
marbleTower(40, 400)
marbleTower(40, 100)



