why cant you set ArrayList Index in seperate Tabpanel(s)?

	private int addChildrenTab() {
		
		AnnotateDataBinder tabboxBinder;

		Tabpanels tabpanels = null;
		Tabpanel  tabpanel  = null;

		Tabs tabs = null;
		Tab  tab  = new Tab();
		tab.setSelected(true);
		
		int childIndex = 0;

		Map<String,Integer> arguments = new HashMap<String, Integer>();
		
		if (childrenTabbox.getTabs() == null){
			tabpanels = new Tabpanels();
			tabs      = new Tabs();
			childrenTabbox.appendChild(tabs);			
			childrenTabbox.appendChild(tabpanels);
		}
		else {
			tabpanels  = childrenTabbox.getTabpanels();
			tabs       = childrenTabbox.getTabs();
			childIndex = tabs.getChildren().size();
		}

		arguments.put("tabularIndex", childIndex);
		
		childrenTabbox.getTabs().appendChild(tab);
		
		tabpanel = (Tabpanel)Executions.createComponents("childTabPanel.zul", tabpanels, arguments);
		
		childrenTabbox.getTabpanels().appendChild(tabpanel);
		childrenTabbox.invalidate();
		
		tabboxBinder = new AnnotateDataBinder(childrenTabbox);
		tabboxBinder.loadAll();
		
		return tab.getIndex();

	}

<?xml version="1.0" encoding="UTF-8" ?>
<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
<zk>
	<zscript><![CDATA[
	com.pre.school.dao.Person myChild = family.getChild(arg.get("tabularIndex"));
	System.out.println("in zscript " + myChild.getFirstName());
       ]]>
    </zscript>
	<tabpanel id="daniel${arg.tabularIndex}">
		<grid fixedLayout="false">
			<columns>
				<column label="" width="15%" />
				<column label="" width="30%" />
			</columns>
			<rows>
				<row>
					<label value="Gender" />
					<combobox model="@{preSchoolReferenceData.genders}"
						selectedItem="@{myChild.gender}" readonly="true"
						mold="rounded">
						<comboitem self="@{each='childGender'}"
							label="@{childGender.description}">
						</comboitem>
					</combobox>
				</row>
				<row>
					<label value="First Name" width="100px" />
					<textbox constraint="no empty"
						value="@{myChild.firstName, save-when='self.onBlur'}"
						width="190px" />
				</row>