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">Gast(en) '+(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;<img src="adminweb/images/calendar.jpg" width="16" height="16" border="0" style="cursor:pointer;" onClick="clickCal(\'pax_dob'+(i+1)+'\');" />&nbsp;<span class="required">*</span><span id="pax_dob'+(i+1)+'_area"></span>';
                html += '</td>';
                html += '</tr>';
                html += '</table>';
                html += '<br />';
                html += '</div>';
	}
	
	if(addi_pax < 1 ) addi_pax = 0;

		document.getElementById('show_paxs_list').innerHTML = html;
		document.getElementById('additional_pax').value = addi_pax;	
	
	var pax_dob = new Array();
	 
	for(var i=0; i<addi_pax ;++i){
		
		 pax_dob[i] = new Epoch("epoch_popup","popup",document.getElementById('pax_dob'+(i+1)));
	}

} // end-function

//     List-Pax - English        //

function listPaxsEn(){
	
	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">Guest(s) '+(i+1)+':</td>';
		html += '<td valign="top" width="30%">Title:&nbsp;</td>';
                html += '<td valign="top">';
                html += '<select name="Extra_Aanhef'+(i+1)+'"><option value="">- Title -</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">First name:&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">Last name:&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">Birth day:&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;<img src="adminweb/images/calendar.jpg" width="16" height="16" border="0" style="cursor:pointer;" onClick="clickCal(\'pax_dob'+(i+1)+'\');" />&nbsp;<span class="required">*</span><span id="pax_dob'+(i+1)+'_area"></span>';
                html += '</td>';
                html += '</tr>';
                html += '</table>';
                html += '<br />';
                html += '</div>';
	}
	
	if(addi_pax < 1 ) addi_pax = 0;

		document.getElementById('show_paxs_list').innerHTML = html;
		document.getElementById('additional_pax').value = addi_pax;	
	
	var pax_dob = new Array();
	 
	for(var i=0; i<addi_pax ;++i){
		
		 pax_dob[i] = new Epoch("epoch_popup","popup",document.getElementById('pax_dob'+(i+1)));
	}
	
}


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){
	//alert(elem.value);
    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';
	//alert(elem);
    var elemDoc = document.getElementById(elem);
    elemDoc.innerHTML = '';
}