//
// aaronksaunders
// blog.clearlyinnovative.com
//
var mainWindow = Titanium.UI.createWindow({
    title : 'Main'
});

var dataItems = [];
var dataArray = [{
    content : "content one",
    category : "category one"
}];

var tableview = Titanium.UI.createTableView({});

for(var i = 0; i < dataArray.length; i++) {

    var row = Titanium.UI.createTableViewRow({});

    var lblTitle = Titanium.UI.createLabel({
        text : dataArray[i].content,
        font : {
            fontSize : 12,
            fontFamily : 'Helvetica Neue',
            fontWeight : 'bold'
        },
        color : 'white',
        width : '75%',
        textAlign : 'left',
        height : 'auto',
        left : 0,
        touchEnabled : false
    });

    var lblCategory = Titanium.UI.createLabel({
        text : dataArray[i].category,
        font : {
            fontSize : 12,
            fontFamily : 'Helvetica Neue',
            fontWeight : 'bold'
        },
        color : 'white',
        width : '75%',
        textAlign : 'left',
        height : 'auto',
        left : 0,
        touchEnabled : false
    });

    var minval = 1;
    var maxval = 3;

    var myslider = Titanium.UI.createSlider({
        min : minval,
        max : maxval,
        backgroundColor : 'Orange',
        left : '80%',
        width : 60
    });

    myslider.addEventListener('change', function(e) {

        var rndValue = Math.round(myslider.value);

        if(rndValue == 3) {
            myslider.backgroundColor = 'green'
        } else if(rndValue == 2) {
            myslider.backgroundColor = 'red'
        } else {
            myslider.backgroundColor = 'orange'
        }

    });

    row.add(lblTitle);
    row.label = lblTitle;

    row.add(myslider);

    row.myslider = myslider;
    row.className = 'ContentsRow';
    dataItems.push(row);
};

tableview.setData(dataItems);
mainWindow.add(tableview);

mainWindow.open();