function toggle(obj)
{
    var el = document.getElementById( obj );
    if( el.style.display == "block")
    {
        el.style.display = "none";
    }
    else if( el.style.display == "none" )
    {
        el.style.display = "block";
    }
}
function people()
{
    var el = document.getElementById('numpeople');
    var val = el.value;
    if( val == 1)
    {
        document.getElementById('person1').style.display='block';
        document.getElementById('person2').style.display='none';
        document.getElementById('person3').style.display='none';
        document.getElementById('person4').style.display='none';
        document.getElementById('person5').style.display='none';
        document.getElementById('person6').style.display='none';
        document.getElementById('person7').style.display='none';
        document.getElementById('person8').style.display='none';
        document.getElementById('person9').style.display='none';
        document.getElementById('person10').style.display='none';
    }
    if( val == 2)
    {
        document.getElementById('person1').style.display='block';
        document.getElementById('person2').style.display='block';
        document.getElementById('person3').style.display='none';
        document.getElementById('person4').style.display='none';
        document.getElementById('person5').style.display='none';
        document.getElementById('person6').style.display='none';
        document.getElementById('person7').style.display='none';
        document.getElementById('person8').style.display='none';
        document.getElementById('person9').style.display='none';
        document.getElementById('person10').style.display='none';
    }
    if( val == 3)
    {
        document.getElementById('person1').style.display='block';
        document.getElementById('person2').style.display='block';
        document.getElementById('person3').style.display='block';
        document.getElementById('person4').style.display='none';
        document.getElementById('person5').style.display='none';
        document.getElementById('person6').style.display='none';
        document.getElementById('person7').style.display='none';
        document.getElementById('person8').style.display='none';
        document.getElementById('person9').style.display='none';
        document.getElementById('person10').style.display='none';
    }
    if( val == 4)
    {
        document.getElementById('person1').style.display='block';
        document.getElementById('person2').style.display='block';
        document.getElementById('person3').style.display='block';
        document.getElementById('person4').style.display='block';
        document.getElementById('person5').style.display='none';
        document.getElementById('person6').style.display='none';
        document.getElementById('person7').style.display='none';
        document.getElementById('person8').style.display='none';
        document.getElementById('person9').style.display='none';
        document.getElementById('person10').style.display='none';
    }
    if( val == 5)
    {
        document.getElementById('person1').style.display='block';
        document.getElementById('person2').style.display='block';
        document.getElementById('person3').style.display='block';
        document.getElementById('person4').style.display='block';
        document.getElementById('person5').style.display='block';
        document.getElementById('person6').style.display='none';
        document.getElementById('person7').style.display='none';
        document.getElementById('person8').style.display='none';
        document.getElementById('person9').style.display='none';
        document.getElementById('person10').style.display='none';
    }
    if( val == 6)
    {
        document.getElementById('person1').style.display='block';
        document.getElementById('person2').style.display='block';
        document.getElementById('person3').style.display='block';
        document.getElementById('person4').style.display='block';
        document.getElementById('person5').style.display='block';
        document.getElementById('person6').style.display='block';
        document.getElementById('person7').style.display='none';
        document.getElementById('person8').style.display='none';
        document.getElementById('person9').style.display='none';
        document.getElementById('person10').style.display='none';
    }
    if( val == 7)
    {
        document.getElementById('person1').style.display='block';
        document.getElementById('person2').style.display='block';
        document.getElementById('person3').style.display='block';
        document.getElementById('person4').style.display='block';
        document.getElementById('person5').style.display='block';
        document.getElementById('person6').style.display='block';
        document.getElementById('person7').style.display='block';
        document.getElementById('person8').style.display='none';
        document.getElementById('person9').style.display='none';
        document.getElementById('person10').style.display='none';
    }
    if( val == 8)
    {
        document.getElementById('person1').style.display='block';
        document.getElementById('person2').style.display='block';
        document.getElementById('person3').style.display='block';
        document.getElementById('person4').style.display='block';
        document.getElementById('person5').style.display='block';
        document.getElementById('person6').style.display='block';
        document.getElementById('person7').style.display='block';
        document.getElementById('person8').style.display='block';
        document.getElementById('person9').style.display='none';
        document.getElementById('person10').style.display='none';
    }
    if( val == 9)
    {
        document.getElementById('person1').style.display='block';
        document.getElementById('person2').style.display='block';
        document.getElementById('person3').style.display='block';
        document.getElementById('person4').style.display='block';
        document.getElementById('person5').style.display='block';
        document.getElementById('person6').style.display='block';
        document.getElementById('person7').style.display='block';
        document.getElementById('person8').style.display='block';
        document.getElementById('person9').style.display='block';
        document.getElementById('person10').style.display='none';
    }
    if( val == 10)
    {
        document.getElementById('person1').style.display='block';
        document.getElementById('person2').style.display='block';
        document.getElementById('person3').style.display='block';
        document.getElementById('person4').style.display='block';
        document.getElementById('person5').style.display='block';
        document.getElementById('person6').style.display='block';
        document.getElementById('person7').style.display='block';
        document.getElementById('person8').style.display='block';
        document.getElementById('person9').style.display='block';
        document.getElementById('person10').style.display='block';
    }
}
window.onload=people;