function listPaxs(){
	var num_adult = parseInt(document.getElementById('number_pax_adult').value);
	var num_child = parseInt(document.getElementById('number_pax_child').value);

	var addi_pax = (num_adult+num_child)-1;
	var html = '';
	for(var i=0; i<addi_pax ;++i){
                html += '<div>';
                html += '<table width="100%" class="hotellist">';
		html += '<tr>';
                html += '<td valign="top">Gasten '+(i+1)+':</td>';
		html += '<td valign="top" width="30%">Aanhef:&nbsp;</td>';
                html += '<td valign="top">';
                html += '<select name="Extra_Aanhef'+(i+1)+'"><option value="">- Aanhef -</option><option value="Mr.">Mr.</option><option value="Ms.">Ms.</option><option value="Mrs.">Mrs.</option><option value="Miss">Miss</option></select>';
                html += '</td>';
                html += '</tr>';
                html += '<tr>';
                html += '<td>&nbsp;</td>';
                html += '<td valign="top">Voornaam:&nbsp;</td>';
                html += '<td valign="top"><input type="text" name="Extra_Voornaam'+(i+1)+'" id="pax_firstname'+(i+1)+'" /> <span class="required">*</span><span id="pax_firstname'+(i+1)+'_area"></span>';
                html += '</td>';
                html += '</tr>';
                html += '<tr>';
                html += '<td>&nbsp;</td>';
                html += '<td valign="top">Achternaam:&nbsp;</td>';
                html += '<td valign="top"><input type="text" name="Extra_Achternaam'+(i+1)+'" id="pax_lastname'+(i+1)+'" /> <span class="required">*</span><span id="pax_lastname'+(i+1)+'_area"></span>';
                html += '</td>';
                html += '</tr>';
                html += '<tr>';
                html += '<td>&nbsp;</td>';
                html += '<td valign="top">Geboorte Datum:&nbsp;</td>';
                html += '<td valign="top"><input type="text" name="Extra_Geboorte_Datum'+(i+1)+'"  id="pax_dob'+(i+1)+'" readonly="readonly" size="10" />&nbsp;<a href="javascript:fPopCalendar(\'pax_dob'+(i+1)+'\')"><img src="adminweb/images/calendar.jpg" width="16" height="16" border="0" /></a>&nbsp;<span class="required">*</span><span id="pax_dob'+(i+1)+'_area"></span>';
                html += '</td>';
                html += '</tr>';
                html += '</table>';
                html += '<br />';
                html += '</div>';
	}
	document.getElementById('show_paxs_list').innerHTML = html;
	document.getElementById('additional_pax').value = addi_pax;
}

function checkNull(arrs ,arrs_name){
    var count = 0;
    for(var i=0;i<arrs.length;++i){
        if(isNull(document.getElementById(arrs[i]) ,arrs[i] ,arrs_name[i]))
            ++count;

    }
    return count;
}

function popupError(poparea ,msg){
    var str = '<div style="color:#ed4242; margin-top:5px; padding:2px 15px; background-color:#f1c4c4;font-style:italic; font-weight:bold;"><p>'+msg+'</p></div>';
    poparea.innerHTML = str;
}

function isNull(elem ,elemId ,elemName){
    if(elem.value == '' || elem.value == null){
        setNull(elemId ,elemName);
        return true;
    }else{
        removeNull(elemId);
        return false;
    }
}

function setNull(elem ,elemName){
    elem = elem+'_area';
    var elemDoc = document.getElementById(elem);
    elemDoc.style.fontStyle = 'italic';
    elemDoc.style.color = '#e75e5e';
    elemDoc.innerHTML = '<br />'+elemName+' is required.'
}

function removeNull(elem){
    elem = elem+'_area';
    var elemDoc = document.getElementById(elem);
    elemDoc.innerHTML = '';
}