enyo.kind({
    name: "MyWeather",
    kind: enyo.VFlexBox,
    components: [
        {name: "slidingPane", kind: "SlidingPane", flex: 1, components: [
            {name: "left", width: "320px", kind:"SlidingView", components: [
                    //Dynamically fill with the zip/city
                    {kind: "Header", content:"Zip/City"},
                    {kind: "Scroller", flex: 1, components: [
                        //Insert your components here
                    ]},
                    {kind: "Toolbar", components: [
                        {kind: "Button", caption: "Choose Location", onclick "locationSelection"},
                        {kind "Toaster", flyInFrom: "right", components: [
                            {content: "Please choose your location."},
                            {layoutKind: "HFlexLayout", pack: "center", components: [
                                {kind: "Input", caption: "Zip Code/City"},
                                {kind "Button", caption: "OK", onclick "confirmLocation"},
                                {kind "Button", caption: "Cancel", onclick: "cancel"},
                            ]}
                        ]}
                    ]}
            ]},
            {name: "middle", width: "320px", kind:"SlidingView", components: [
                    //Dynamically fill with the current view name. I.E. current forecast, 5 day forecast, radar, etc.
                    {kind: "Header", content:"Current View"},
                    {kind: "Scroller", flex: 1, components: [
                        //Insert your components here
                    ]},
                    {kind: "Toolbar", components: [
                        {kind: "GrabButton"}
                    ]}
            ]},
            /*{name: "right", kind:"SlidingView", flex: 1, components: [
                    {kind: "Header", content:"Panel 3"},
                    {kind: "Scroller", flex: 1, components: [
                        //Insert your components here
                    ]},
                    {kind: "Toolbar", components: [
                        {kind: "GrabButton"}
                    ]}
            ]}*/
        ]}
    ]
locationSelection: function() {
    this.$.toaster.open();
},
confirmLocation: function()
//process conformation
    this.$.doConfirm;
    this.$.toaster.close();
};
cancel: function() {
    this.$.toaster.close();
}
});