'use strict';

var f = require('famous');
f.core.FamousEngine.init();

var scene = f.core.FamousEngine.createScene();

var depth1 = scene.addChild();
new f.webglRenderables.Mesh(depth1).setGeometry('Circle').setBaseColor(new f.utilities.Color('blue'));
new f.domRenderables.DOMElement(depth1, { tagName: 'div'}).setContent('depth1depth1');
depth1.setSizeMode('absolute','absolute','absolute').setAbsoluteSize(50, 50).setAlign(0.5, 0.5).setMountPoint(0.5, 0.5).setOrigin(0.5, 0.5);

var depth2 = depth1.addChild();
new f.webglRenderables.Mesh(depth2).setGeometry('Circle').setBaseColor(new f.utilities.Color('blue'));
new f.domRenderables.DOMElement(depth2, { tagName: 'div'}).setContent('depth2depth2');
depth2.setSizeMode('absolute','absolute','absolute').setAbsoluteSize(50, 50).setAlign(0.5, 0.5).setMountPoint(0.5, 0.5).setOrigin(0.5, 0.5);
depth2.setPosition(0, 100, 0);

var depth3 = depth2.addChild();
new f.webglRenderables.Mesh(depth3).setGeometry('Circle').setBaseColor(new f.utilities.Color('blue'));
new f.domRenderables.DOMElement(depth3, { tagName: 'div'}).setContent('depth3depth3');
depth3.setSizeMode('absolute','absolute','absolute').setAbsoluteSize(50, 50).setAlign(0.5, 0.5).setMountPoint(0.5, 0.5).setOrigin(0.5, 0.5);
depth3.setPosition(0, 100, 0);

var depth4 = depth3.addChild();
new f.webglRenderables.Mesh(depth4).setGeometry('Circle').setBaseColor(new f.utilities.Color('blue'));
new f.domRenderables.DOMElement(depth4, { tagName: 'div'}).setContent('depth4depth4');
depth4.setSizeMode('absolute','absolute','absolute').setAbsoluteSize(50, 50).setAlign(0.5, 0.5).setMountPoint(0.5, 0.5).setOrigin(0.5, 0.5);
depth4.setPosition(0, 100, 0);