define('main', function (require, exports, module) {

  var Engine = require('famous/core/Engine');

  var OptionsManager = require('famous/core/OptionsManager');   

  var Surface = require('famous/core/Surface');

  var Modifier = require('famous/core/Modifier');

  var StateModifier = require('famous/modifiers/StateModifier');

  var RenderNode = require('famous/core/RenderNode');

  var Transform = require('famous/core/Transform');

  var TransitionableTransform = require('famous/transitions/TransitionableTransform');

​

  var mainContext = Engine.createContext();

​

  var surface = new Surface({

    size:[100,100],

    content: 'Click Me',

    properties: {

      backgroundColor: 'lightgrey'

    }

  });

​

  var transTransform = new TransitionableTransform();

  transTransform.set(Transform.translate(0,-240,0));

​

  var modifier = new Modifier({

    align: [0.5, 0.5],

    origin: [0.5, 0.5],

    transform: transTransform

  });

​

  surface.on("click", function(){

    transTransform.setTranslate(Transform.translate(0,0,0), {curve: 'easeIn', duration: 700});

  });

​

​

  mainContext.add(modifier).add(surface);

​

  // Attribution :)

​

  var desc = new Surface({

    content:'<a href="http://stackoverflow.com/users/2597114/talves"><img src="http://stackoverflow.com/users/flair/2597114.png" width="208" height="58" alt="profile for talves at Stack Overflow" title="profile for talves at Stack Overflow"></a>',

    classes: ['double-sided', 'double-font'],

    properties: {

      textAlign: 'center',

      lineHeight: '80px'

    }

  });

​

  desc._mod = new Modifier({

    size: [200, 20],

    align: [0.5, 1],

    origin: [0, 0],

    transform: Transform.translate(-100, -100, 0)

  });

​

  mainContext.add(desc._mod).add(desc);

​

});

​