How to use the elm.Photo function in elm

size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "yellow.png",
    fill: true
});

var orange = elm.Photo({
    size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "orange.png",
    fill: true
});

var maroon = elm.Photo({
    prescale: 1,
    image: elm.datadir + "maroon.png"
});

var violet = elm.Photo({
    prescale: 1,
    image: elm.datadir + "violet.png"
});

var EXPAND_BOTH = { x: 1.0, y: 1.0 };
var FILL_BOTH = { x: -1.0, y: -1.0 };

function button_pop() {
    print("button_pop");
    win.elements.box.elements.naviframe.pop();
}

size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "green.png",
    fill: true
});

var yellow = elm.Photo({
    size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "yellow.png",
    fill: true
});

var orange = elm.Photo({
    size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "orange.png",
    fill: true
});

var maroon = elm.Photo({
    prescale: 1,
    image: elm.datadir + "maroon.png"
});

var violet = elm.Photo({
    prescale: 1,
    image: elm.datadir + "violet.png"
});

});

var orange = elm.Photo({
    size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "orange.png",
    fill: true
});

var maroon = elm.Photo({
    prescale: 1,
    image: elm.datadir + "maroon.png"
});

var violet = elm.Photo({
    prescale: 1,
    image: elm.datadir + "violet.png"
});

var EXPAND_BOTH = { x: 1.0, y: 1.0 };
var FILL_BOTH = { x: -1.0, y: -1.0 };

function button_pop() {
    print("button_pop");
    win.elements.box.elements.naviframe.pop();
}
function button_push() {
    print("button_push");
    var naviframe = win.elements.box.elements.naviframe;
    naviframe.elements[count++] = {
        on_delete: function() { print('Deleting ', this.title) },

elm = require('elm');

elm.datadir += "/data/images/";
var count = 0;

var green = elm.Photo({
    size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "green.png",
    fill: true
});

var yellow = elm.Photo({
    size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "yellow.png",
    fill: true
});

var orange = elm.Photo({

elm = require('elm');

elm.datadir += "/data/images/";
var count = 0;

var green = elm.Photo({
    size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "green.png",
    fill: true
});

var yellow = elm.Photo({
    size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "yellow.png",
    fill: true
});

var orange = elm.Photo({
    size: 80,
    weight: EXPAND_BOTH,
    align: FILL_BOTH,
    image: elm.datadir + "orange.png",
    fill: true
});

var maroon = elm.Photo({