enyo.kind({
    name: "showShoutcast",
    kind: "VFlexBox",
    events: {
        onBack: ""
    },
    components: [
        {kind: "Header", content:"Shoutcast"},

                /*  {kind: "Button", caption: "Search", onclick: "searcchPopup"},
            {kind: "Popup", name: "newSearchPopup", components: [
            {style: "font-size: 1.1em; text-align: center", className: "enyo-item enyo-first", components: [
                {content: "Search SHOUTCast", style: "align: center"}
            ]},
            {className: "enyo-item enyo-last", components: [
                {kind: enyo.Input, name: "searchParams", hint: "Search...", autoCapitalize: "lowercase"}
            ]},
            {flex: 1, components: [
                {kind: enyo.Button, onclick: "search", caption: "Search", className: "enyo-button-affirmative"},
                {kind: enyo.Button, onclick: "closePopup", caption: "Cancel", className: "enyo-button-negative"}
            ]},
        ]}, */
        {
  kind: "Picker",
  value: "name",
  items: ["Top 5", "Top 25", "Top 250", "Top 500"],
  onChange: "pickerPick"
},


            /*{name: "sound", kind: "Sound", src: "/media/internal/ringtones/Flurry.mp3", preload:true}*/
    ],
    create: function() {
        this.inherited(arguments);
    },
    pickerPick: function(inSender) {
        var ext = this.$.picker.getValue();
        this.log(ext);
        this.fieldType = this.$.picker.getValue();

    },
    searcchPopup: function() {
        this.$.newSearchPopup.openAtCenter();
    },
    search: function() {
        var ext = this.$.searchParams.getValue();
        this.log(ext);
        this.$.newSearchPopup.close();
        },
    closePopup: function() {
        this.$.newSearchPopup.close();
        },
    stop: function() {
        this.$.urlSrc.audio.pause();
    },
    // Changes XML to JSON
    xmlToJson function(xml) {

    // Create the return object
    var obj = {};

    if (xml.nodeType == 1) { // element
        // do attributes
        if (xml.attributes.length > 0) {
        obj["@attributes"] = {};
            for (var j = 0; j < xml.attributes.length; j++) {
                var attribute = xml.attributes.item(j);
                obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
            }
        }
    } else if (xml.nodeType == 3) { // text
        obj = xml.nodeValue;
    }

    // do children
    if (xml.hasChildNodes()) {
        for(var i = 0; i < xml.childNodes.length; i++) {
            var item = xml.childNodes.item(i);
            var nodeName = item.nodeName;
            if (typeof(obj[nodeName]) == "undefined") {
                obj[nodeName] = xmlToJson(item);
            } else {
                if (typeof(obj[nodeName].length) == "undefined") {
                    var old = obj[nodeName];
                    obj[nodeName] = [];
                    obj[nodeName].push(old);
                }
                obj[nodeName].push(xmlToJson(item));
            }
        }
    }
    return obj;
},
    backHandler: function(inSender, e) {
            this.doBack();
    }
});