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 Draggable = require('famous/modifiers/Draggable');

  // var ImageSurface = require('famous/surfaces/ImageSurface');

  // var InputSurface = require('famous/surfaces/InputSurface');

​

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

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

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

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

​

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

  // var GenericSync = require('famous/inputs/GenericSync');

  // var MouseSync = require('famous/inputs/MouseSync');

  // var TouchSync = require('famous/inputs/TouchSync');

​

  var mainContext = Engine.createContext();

  mainContext.setPerspective(1000);

​

for (f = 0; f < 10; f++) {

        var draggable = new Draggable({

            xRange: [0, 1000],

            yRange: [0, 1000]

        });

​

        var surface = new Surface({

            size: [true, true],

            content: f,

            properties:{

                fontSize:'16px',

                cursor: 'pointer',

                borderRadius:'50px',

                backgroundColor: '#C0C0C0',

                border:'solid'

            }

        });

​

        surface.on("click",function(){alert(this.content);});

​

        surface.pipe(draggable);        

        mainContext.add(new Modifier({

          transform: Transform.translate(f*30,f*30,0)

        })).add(draggable).add(surface);

  }

​

});

​