[TIMOB-8949] iOS: Window layout alignment issue on rotating to landscape

var NUMBER_OF_OBJECTS = 60; // number of views to create
 
var createRandomView = function()
{
    var height = returnRandomNumber(90);
    var width = returnRandomNumber(90);
    var x = returnRandomNumber(99 - width);
    var y = returnRandomNumber(99 - height);
    var color = returnRandomColor();
     
    var view = Ti.UI.createView({
        width: width + '%',
        height: height + '%',
        left: x + '%',
        top: y + '%',
        backgroundColor: color,
        mySize: (width + height) // should be * instead of +, but randomness is a nice thing, in this case :)
    });
     
    return view;
}
 
var returnRandomNumber = function(_max)
{
    // create a random number between 1 and _max
    var num = Math.floor((Math.random() * _max) + 1);
    Ti.API.info('==> max: ' + _max + ' | random: ' + num);
     
    return num;
}
 
var returnRandomColor = function()
{
    // create a random color value string
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++) 
        color += letters[Math.round(Math.random() * 15)];
     
    return color;
}
 
var sortArrayBackToFront = function(_array)
{
    // sort the array depending on the mySize property
    var compare = function(a, b) 
    {
        if(a.mySize < b.mySize)
            return 1;
 
        if(a.mySize > b.mySize)
            return -1;
 
        return 0;
    }
 
    _array.sort(compare); 
}
 
// create window
var win = Ti.UI.createWindow({
    backgroundColor: 'white',
    orientationModes: [Ti.UI.PORTRAIT, Ti.UI.LANDSCAPE_LEFT, Ti.UI.LANDSCAPE_RIGHT]
});
 
var views = [];
 
// create random views
for (var i = 0; i < NUMBER_OF_OBJECTS; i++)
{
    var view = createRandomView();
    views.push(view);
}
 
// sort array depending on the size of each view
sortArrayBackToFront(views);
 
//add all views to the window
for (var i = 0; i < views.length; i++) 
    win.add(views[i]);
 
win.open();