﻿function ChildrenChanged()
{
    var selector=document.getElementById(selectorId);
    var childrenAges=new Array();
    var elemAges=document.getElementById(agesHldrId);
    if (elemAges.value!='')
    { childrenAges = elemAges.value.split(','); }
    if (childrenAges.length > selector.selectedIndex)
    {
    while(childrenAges.length > selector.selectedIndex) childrenAges.pop(); 
    }
    else { while(selector.selectedIndex > childrenAges.length) childrenAges.push(maxChildAge); }
    elemAges.value=childrenAges.join();
    CreateChildren();
}
function SetChildAge(child,age)
{
    child=child.substr(1,1);
    agesHolder=document.getElementById(agesHldrId);
    strAges=agesHolder.value;
    var childrenAges=strAges.split(',');
    childrenAges[parseInt(child)]=age.toString();
    strAges=childrenAges.join();
    agesHolder.value=strAges;
}
function CreateChildren()
{
    var selector=document.getElementById(selectorId);
    if (selector)
    {
        var agesHldr=document.getElementById(ddlsAnchor);
        if (agesHldr) { agesHldr.innerHTML = ''; }
        var elemAges=document.getElementById(agesHldrId);
        var lblAges = document.getElementById(captionctrl);
        if (elemAges.value!='')
            {
                if (lblAges) { lblAges.style.visibility = 'visible'; }
                var childrenAges=elemAges.value.split(',');
                for(var i=0;i<childrenAges.length;i++)
		        {
                    if (childrenAges[i]!='')
                    {
		                var newSelect=document.createElement('SELECT');
		                newSelect.id='c'+i.toString();
                        newSelect.onchange=function() { SetChildAge(this.id,this.selectedIndex); };
		                for(var j=0;j<maxChildAge;j++)
		                { newSelect.options[j]=new Option(j.toString());newSelect.options[j].value=j; }
		                newSelect.options[maxChildAge] = new Option("-");newSelect.options[maxChildAge].value="-";
                        newSelect.selectedIndex=parseInt(childrenAges[i]);
                        agesHldr.appendChild(newSelect);
                        if (dir=='vertical') { agesHldr.appendChild(document.createElement('BR')); }
                    }
                }
            }
            else
            { if (lblAges) { lblAges.style.visibility = 'hidden'; } }
    }
}
