$ ->
    data =
        name: "Bob's Car Sales"
        identifier: 1
        selected: false
        childrenOpen: true
        children: [
            {
                name: "Bob's Car Parts"
                identifier: 2
                selected: false
                childrenOpen: false
                children: [
                    {
                        name: "A grandchild"
                        identifier: 14
                        selected: false
                    },
                    {
                        name: "Another grandchild"
                        identifier: 15
                        selected: false
                    }
                ]
            },
            {
                name: "Bob's Auto Service"
                identifier: 3
                selected: true
                childrenOpen: true
                children: [
                    {
                        name: "A grandchild"
                        identifier: 4
                        selected: false
                    },
                    {
                        name: "Another grandchild"
                        identifier: 5
                        selected: false
                    }
                ]
            }
        ]

    tree = new SVGTree
        elementId: 'tree'
        nodeData: data
        boxHeight: 75
        boxWidth: 150
        #horizontalSpace: -50
        indicatorSize: 30
        #defaultNodeFillColor: '#AAA'
        selectedNodeFillColor: '#A89FED'
        #labelFont: { font: "20px Times", opacity: 1 }
        nodeAfterClickHandler: (node) ->
            console.log node
            console.log node.data('identifier'), 'click'
        openCloseAfterClickHandler: (node) ->
            console.log node.data('identifier'), 'open/close'
       
    tree.render()