[TIMOB-16129] iOS: NavigationWindows do not respect zIndex

   <Alloy>
   	<Window id='mainWindow'/>
   	<Window id='tabGroup'>
   		<View id='tab1' class='tab' onClick='raiseNav1'>
   			<Label text='tab1' color='white'/>
   		</View>
   		<View id='tab2' class='tab' onClick='raiseNav2'>
   			<Label text='tab2' color='white'/>
   		</View>
   		<View id='tab3' class='tab' onClick='raiseNav3'>
   			<Label text='tab3' color='white'/>
   		</View>
   		<View id='tab4' class='tab' onClick='raiseNav4'>
   			<Label text='tab4' color='white'/>
   		</View>
   	</Window>
   	<NavigationWindow id='nav1' class='navWindow' backgroundColor='#262626'>
   		<Window/>
   	</NavigationWindow>
   	<NavigationWindow id='nav2' class='navWindow' backgroundColor='#00ff00'>
   		<Window/>
   	</NavigationWindow>
   	<NavigationWindow id='nav3' class='navWindow' backgroundColor='#0000ff'>
   		<Window/>
   	</NavigationWindow>
   	<NavigationWindow id='nav4' class='navWindow' backgroundColor='#ff0000'>
   		<Window/>
   	</NavigationWindow>
   </Alloy>
   

   '#mainWindow':{
   	backgroundColor: 'white', zIndex: 1, orientationModes: [Ti.UI.LANDSCAPE_LEFT]
   }
   
   '#tabGroup':{
   	height: 50, bottom: 0, backgroundColor: 'black', zIndex: 9999, layout: 'horizontal'
   }
   
   '.tab':{
   	width: '25%'
   }
   
   '.navWindow':{
   	zIndex: 0
   }
   

   
   function raiseNav1(){
   	console.log('raising nav1')
   	$.nav1.zIndex = 10;
   	$.nav2.zIndex = 0;
   	$.nav3.zIndex = 0;
   	$.nav4.zIndex = 0;
   	console.log('nav1 zIndex: '+$.nav1.zIndex);
   	console.log('nav2 zIndex: '+$.nav2.zIndex);
   	console.log('nav3 zIndex: '+$.nav3.zIndex);
   	console.log('nav4 zIndex: '+$.nav4.zIndex);
   	console.log('tab bar zIndex: '+$.tabGroup.zIndex);
   }
   
   function raiseNav2(){
   	console.log('raising nav2')
   	$.nav1.zIndex = 0;
   	$.nav2.zIndex = 10;
   	$.nav3.zIndex = 0;
   	$.nav4.zIndex = 0;
   	console.log('nav1 zIndex: '+$.nav1.zIndex);
   	console.log('nav2 zIndex: '+$.nav2.zIndex);
   	console.log('nav3 zIndex: '+$.nav3.zIndex);
   	console.log('nav4 zIndex: '+$.nav4.zIndex);
   	console.log('tab bar zIndex: '+$.tabGroup.zIndex);
   }
   
   function raiseNav3(){
   	console.log('raising nav3')
   	$.nav1.zIndex = 0;
   	$.nav2.zIndex = 0;
   	$.nav3.zIndex = 10;
   	$.nav4.zIndex = 0;
   	console.log('nav1 zIndex: '+$.nav1.zIndex);
   	console.log('nav2 zIndex: '+$.nav2.zIndex);
   	console.log('nav3 zIndex: '+$.nav3.zIndex);
   	console.log('nav4 zIndex: '+$.nav4.zIndex);
   	console.log('tab bar zIndex: '+$.tabGroup.zIndex);
   }
   
   function raiseNav4(){
   	console.log('raising nav4')
   	$.nav1.zIndex = 0;
   	$.nav2.zIndex = 0;
   	$.nav3.zIndex = 0;
   	$.nav4.zIndex = 10;
   	console.log('nav1 zIndex: '+$.nav1.zIndex);
   	console.log('nav2 zIndex: '+$.nav2.zIndex);
   	console.log('nav3 zIndex: '+$.nav3.zIndex);
   	console.log('nav4 zIndex: '+$.nav4.zIndex);
   	console.log('tab bar zIndex: '+$.tabGroup.zIndex);
   }
   
   /** Test set 1
   * Expected Behavior: app should start with a white screen and black tab bar
   * Clicking the tabs should raise a NavWindow using its zIndex
   *
   * Actual Behavior: NavWindows are not raised
   *
   **/
   
   $.nav1.open();
   $.nav2.open();
   $.nav3.open();
   $.nav4.open();
   $.mainWindow.open();
   $.tabGroup.open();
   
   /** Test set 2
   * Expected Behavior: app should start with a white screen and black tab bar
   * Clicking the tabs should raise a NavWindow using its zIndex
   *
   * Actual Behavior: zIndex is ignored and black tab bar is hidden behind a red  
   * NavigationWindow having a lower zIndex
   *
   **/
   
   // $.mainWindow.open();
   // $.tabGroup.open();
   // $.nav1.open();
   // $.nav2.open();
   // $.nav3.open();
   // $.nav4.open();
   
   
   
   console.log('Initial values');
   console.log('nav1 zIndex: '+$.nav1.zIndex);
   console.log('nav2 zIndex: '+$.nav2.zIndex);
   console.log('nav3 zIndex: '+$.nav3.zIndex);
   console.log('nav4 zIndex: '+$.nav4.zIndex);
   console.log('mainWindow zIndex: '+$.mainWindow.zIndex);
   console.log('tab bar zIndex: '+$.tabGroup.zIndex);
   
   
   

    -(void)viewWillAppear:(BOOL)animated
    {
        if (controller!=nil)
    	{
    		id navBarHidden = [self valueForUndefinedKey:@"navBarHidden"];
    		BOOL nbhidden = [TiUtils boolValue:navBarHidden def:NO];
    		[[controller navigationController] setNavigationBarHidden:nbhidden animated:NO];
    	}
        if ([self viewAttached]) {
            [navController viewWillAppear:animated];
        }
        [super viewWillAppear:animated];
    }
    

    
    
    function genTab(index) {
        var win = Ti.UI.createWindow({title:'WINDOW '+index, backgroundColor:'white'});
    
        var navWin = Ti.UI.iOS.createNavigationWindow({navBarHidden:true, window:win});
    
        var label = Ti.UI.createLabel({text:'I AM WINDOW '+index, bottom:0});
    
        win.add(label);
    
        var tab = Ti.UI.createTab({window:navWin, title:'TAB '+index});
    
        return tab;
    }
    
    
    
    var tabGrp = Ti.UI.createTabGroup({top:0, bottom:-50});//50 is tabBar height in portrait
    var view = Ti.UI.createView({layout:'horizontal',height:Ti.UI.SIZE});
    
    tabGrp.add(view);
    
    var curSelected = 0;
    
    function clickhandler(e)
    {
        var newSelected = e.source.selectId;
        if (newSelected != curSelected) {
            curSelected = newSelected;
            Ti.API.info('CLICK '+curSelected);
            tabGrp.activeTab = curSelected;    
        }
    }
    
    var tabs = [];
    for(var i=0;i<10;i++) {
        tabs.push(genTab(i))
        var v = Ti.UI.createView({backgroundColor:'black',width:'25%',height:40,top:1});
        var l = Ti.UI.createLabel({color:'white',selectId:i, text:'TAB '+i})
        l.addEventListener('click',clickhandler);
        v.add(l);
        view.add(v);
    }
    
    tabGrp.tabs = tabs;
    
    tabGrp.open();