var xhr = Ti.Network.createHTTPClient()
xhr.onload = function () { 
       Ti.API.log('I should be first'); 
};
// xhr.open(METHOD, URL, ASYNC_Request(BOOL));
xhr.open('POST', "http:example.com/getData", false);
xhr.send();
Ti.API.log('I should be second')

var apiServerUrl        = "http://example.com/api/";
var apiKey              = "&apikey=demoApp";
 
/**
*  Create new Object (mainly for name spacing purposes
*/
var myFunctions = {}
 
/**
*  create a full URL with server, path and API key
*/
myFunctions.prepUrl = function(path) {
    return apiServerUrl+path+apiKey;
}
 
/**
* reusable XHR function
* method: GET / POST
* path: local/ads
* data: object
* callBack: function to call when request is complete
* failMsg: array to pass to myFunctions.notice when request fails for Alert
*/
myFunctions.remoteRequest = function(method,path,data,callBack,failMsg)
{
    json = false;
 
    // create new Network Client
    xhr = Ti.Network.createHTTPClient();
 
    // get the full url to API server
    url = myFunctions.prepUrl(path);
 
    xhr.onload = function(e)
    {
        json = myFunctions.jsonParse(e.responseText);
 
        // 
       // this is the function to call in the main javascript file
       //
        callBack(json);
        return true;
    };
 
    xhr.onerror = function(e)
    {
        myFunctions.networkError(xhr.status, url, failMsg);
        return false;
    };
 
    xhr.open(method,url);
 
    xhr.setRequestHeader("contentType","application/json; charset=utf-8");
 
     // set authentication
        username = Ti.App.Properties.getString('username');
        password = Ti.App.Properties.getString('password');
        xhr.setRequestHeader('Authorization','Basic '+Ti.Utils.base64encode(username+':'+password));
 
    if (data == undefined) {
        data = false;
    }
 
    xhr.send(data);
}
 
/**
*  Parse JSON data - could be replaced with JSON2.js library
*/
myFunctions.jsonParse = function(json) 
{
    return eval('(' + json + ')');
}
 
/**
*  display alert to user
*/
myFunctions.notice = function (msg,title)
{
    Ti.UI.createAlertDialog({
        title: title,
        message: msg
    }).show();
}

Ti.include("common.js");
 
var win = Ti.UI.currentWindow;
 
win.setBackgroundColor('#fff');
win.title = "Login";
 
var actInd = Ti.UI.createActivityIndicator({
    bottom:10,
    height:50,
    width:10,
    style:Ti.UI.iPhone.ActivityIndicatorStyle.BIG
});
 
var u = Ti.UI.createTextField({
    id:'username',
    value:'',
    color:'#336699',
    returnKeyType:Ti.UI.RETURNKEY_NEXT,
    keyboardType:Ti.UI.KEYBOARD_ASCII,
    hintText:'Email Address',
    height:40,
    clearOnEdit:false,
    fontSize:20,
    borderStyle:Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    clearButtonMode:Ti.UI.INPUT_BUTTONMODE_ALWAYS,
    top:40,
    width:250
});
 
win.add(u);
 
u.addEventListener('return',function(e)
{
    p.focus();
});
 
 
var p = Ti.UI.createTextField({
    id:'password',
    value:'',
    color:'#336699',
    returnKeyType:Ti.UI.RETURNKEY_GO,
    keyboardType:Ti.UI.KEYBOARD_ASCII,
    hintText:'Password',
    height:40,
    passwordMask: true,
    clearOnEdit:true,
    fontSize:20,
    borderStyle:Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    clearButtonMode:Ti.UI.INPUT_BUTTONMODE_ALWAYS,
    top:90,
    width:250
});
 
win.add(p);
 
var submit_button = Ti.UI.createButton({
    id:'submit_button',
    title:'Login',
    color:'#336699',
    height:32,
    width:100,
    fontSize:12,
    fontWeight:'bold',
    top:150
});
 
win.add(submit_button);
 
var navActInd = Titanium.UI.createActivityIndicator();
win.setRightNavButton(navActInd);
 
var label = Ti.UI.createLabel({
    top:10,
    color:'#777',
    height:'auto',
    width:300,
    font:{
        fontSize:15
    }
});
win.add(label);
 
/**
* This is where the networkRequest function is going to be used.
*/
submit_button.addEventListener('click',function(e)
{
    u.blur();
    p.blur();
 
    if (p.value.length < 1 || u.value.length < 1) {
        myFunctions.notice("Please enter both username and password", "Login Error");
        return;
    }
 
    navActInd.show();
 
    failMsg = ["Username/Password Failed", "Login Error"];
 
 
    r = myFunctions.remoteRequest("GET","user/verify?",false,callBack_login,failMsg)
 
    if (!r) {
        navActInd.hide();
        return;
    }
 
});
 
/**
* Once the XHR request is complete this function will be called.  You can put all your post data display events within this function.
*/
var callBack_login = function(data) {
    Ti.App.Properties.setString('username', u.value);
    Ti.App.Properties.setString('password', p.value);
 
     navActInd.hide();
 
    Ti.UI.currentWindow.close();
    Ti.UI.close();
}