Standard transitions for NavComponent.coffee

fadeIn = (nav, layerA, layerB, background) ->
	layerA:
		show: {opacity: 1, x: 0, y: 0}
		hide: {opacity: 0, x: 0, y: 0}
	layerB:
		show: {opacity: 1, x: 0, y: 0}
		hide: {opacity: 0, x: 0, y: 0}
		
zoomIn = (nav, layerA, layerB, background) ->
	layerB:
		show: {scale: 1, opacity: 1, x: 0, y: 0}
		hide: {scale: 0.8, opacity: 0, x: 0, y: 0}
		
slideInRight = (nav, layerA, layerB, background) ->
	layerB:
		show: {x: 0, y: 0}
		hide: {x: layerB.width, y: 0}
		
slideInLeft = (nav, layerA, layerB, background) ->
	layerB:
		show: {x: 0, y: 0}
		hide: {x: -layerB.width, y: 0}
		
slideInUp = (nav, layerA, layerB, background) ->
	layerB:
		show: {y: 0, x: 0}
		hide: {y: layerB.height, x: 0}
		
slideInDown = (nav, layerA, layerB, background) ->
	layerB:
		show: {y: 0, x: 0}
		hide: {y: -layerB.height, x: 0}

moveInRight = (nav, layerA, layerB, background) ->
	layerA:
		hide: {x: -layerA.width, y: 0}
	layerB:
		show: {x: 0, y:0}
		hide: {x: layerB.width, y: 0}
		
moveInLeft = (nav, layerA, layerB, background) ->
	layerA:
		hide: {x: layerA.width, y: 0}
	layerB:
		show: {x: 0, y: 0}
		hide: {x: -layerB.width, y: 0}
		
moveInUp = (nav, layerA, layerB, background) ->
	layerA:
		hide: {y: -layerA.height, x:0}
	layerB:
		show: {y: 0, x:0}
		hide: {y: layerB.height, x: 0}
		
moveInDown = (nav, layerA, layerB, background) ->
	layerA:
		hide: {y: layerA.height, x: 0}
	layerB:
		show: {y: 0, x:0}
		hide: {y: -layerB.height, x:0}