function changeOthers(value,targetid){
	if (value == 'Others'){
		document.getElementById(targetid).disabled = false;
	}else{
		document.getElementById(targetid).disabled = true;
	}
}

function selectacademiclevel(selectbox){	
	var Junior 	= 'Junior';
	var Senior 	= 'Senior';
	var University 	= 'University';
	addOption(selectbox,Junior,Junior);
	addOption(selectbox,Senior,Senior);
	addOption(selectbox,University,University);
}

function selectgender(selectbox){	
	var Male 		= 'Male';
	var Female 	= 'Female';
	addOption(selectbox,Male,Male);
	addOption(selectbox,Female,Female);
}

function selectyesno(selectbox){
	var id_yes 		= 'yes';
	var text_yes 	= 'Yes';
	var id_no 		= 'no';
	var text_no 	= 'No';
	
	addOption(selectbox,id_no,text_no);
	addOption(selectbox,id_yes,text_yes);
}

function selectskills(selectbox){
	var Excellent	= 'Excellent';
	var Good 		= 'Good';
	var Fair 		= 'Fair';
	var Poor 		= 'Poor';
	
	addOption(selectbox,Excellent,Excellent);
	addOption(selectbox,Good,Good);
	addOption(selectbox,Fair,Fair);
	addOption(selectbox,Poor,Poor);
}


function selectday(selectbox){
	var value;
	for(i=1;i<=31;i++)
		addOption(selectbox,sprintf("%02d",i),sprintf("%02d",i));
	
}

function selectmonth(selectbox){
	var value;
	for(i=1;i<=12;i++)
		addOption(selectbox,sprintf("%02d",i),sprintf("%02d",i));
	
}

function selectyear(selectbox,from,until){
	var id		= new Array;
	var teks	= new Array;
	var d 		= new Date();
	var year	= d.getFullYear();
	
	for(i=until;i>=from;i--){
		if (i == year)
			addOption(selectbox,i,i,true);
		else
			addOption(selectbox,i,i,false);
	}
	
}

function addOption(selectbox,id,teks,selected ){
	var optn = document.createElement('option');
	optn.text = teks;
	optn.value = id;
	optn.selected = selected;
	document.getElementById(selectbox).options.add(optn);
}


function addRow_academic(tblId){
	/*innerHTML ngga boleh ada " sama klo enter harus pake tanda '+'*/
	var tbl 		= document.getElementById(tblId);
	var lastRow 	= tbl.rows.length;
	var iteration 	= document.getElementById('count_row').value;
	iteration++;
	document.getElementById('count_row').value = iteration;
	

	var newRow = tbl.insertRow(lastRow);
	newRow.setAttribute("bgcolor","#ffffff");

    var cellNo 				= newRow.insertCell(0);
	var cellFrom 			= newRow.insertCell(1);
	var cellUntil			= newRow.insertCell(2);
	var cellLevel			= newRow.insertCell(3);
	var cellInstitution		= newRow.insertCell(4);
	var cellMajor 			= newRow.insertCell(5);
	var cellGpa				= newRow.insertCell(6);
	var cellDegree			= newRow.insertCell(7);
	var cellDelete			= newRow.insertCell(8);
	//var test = newRow.insertCell(4);

    var textNode = document.createTextNode(iteration);
    cellNo.appendChild(textNode);
	cellNo.style.display = 'none';
	
	var cols			= document.getElementById(tblId).rows[lastRow].cells;
	var from 			= 'from_' + iteration;
	var until 			= 'until_' + iteration;
	var level 			= 'level_' + iteration;
	var institution 	= 'institution_' + iteration;
	var major 			= 'major_' + iteration;
	var gpa 			= 'gpa_' + iteration;
	var degree 			= 'degree_' + iteration;
	var del 			= 'delete_' + iteration;
	
	var tbl_academic 	= 'tbl_academic'+ iteration;

	cols[1].innerHTML = '<select name='+ from +' id='+ from +'></select>';
	cols[2].innerHTML = '<select name='+ until +' id='+ until +'></select>';
	cols[3].innerHTML = '<select name='+ level +' id='+ level +'></select>';
	cols[4].innerHTML = '<input type=text name='+ institution +' id='+ institution +' size=15 maxlength=30>';
	cols[5].innerHTML = '<input type=text name='+ major +' id='+ major +' size=10 maxlength=30>';
	cols[6].innerHTML = '<input type=text name='+ gpa +' id='+ gpa +' size=5>';
	cols[7].innerHTML = '<input type=text name='+ degree +' id='+ degree +' size=5>';
	cols[8].innerHTML = '<input type=checkbox name='+ del +' value=\'D\' />';

	
	selectyear(from,'1950','2030');
	selectyear(until,'1950','2030');
	selectacademiclevel(level);
}

function hide_details(tableId) {
	var showid 	= 'show_' + tableId;
	var hideid 	= 'hide_' + tableId;

	document.getElementById(showid).style.display 	= '';
	
	document.getElementById(hideid).style.display 	= 'none';
	document.getElementById(tableId).style.display 	= 'none';
}

function show_details(tableId) {
	var showid 	= 'show_' + tableId;
	var hideid 	= 'hide_' + tableId;

	document.getElementById(showid).style.display 	= 'none';
	
	document.getElementById(hideid).style.display 	= '';
	document.getElementById(tableId).style.display 	= '';
}
function deleteDetail(x,y) {
    $('#company_'+y).val('');
    $('#'+x).hide();
}

function addRow_experience(tblId){
	/*innerHTML ngga boleh ada " sama klo enter harus pake tanda '+'*/
	var tbl 		= document.getElementById(tblId);
	var lastRow 	= tbl.rows.length;
	var iteration 	= document.getElementById('count_row').value;	
	iteration++;
	
	document.getElementById('count_row').value = iteration;
	
	var newRow = tbl.insertRow(lastRow);
	newRow.setAttribute("bgcolor","#ffffff");
        newRow.setAttribute("id",'newRow'+ iteration);

	var cellNo 		= newRow.insertCell(0);
	var cellTable 	= newRow.insertCell(1);

	var textNode = document.createTextNode(iteration);
        cellNo.appendChild(textNode);
//	cellNo.style.visibility = 'hidden';
        cellNo.setAttribute("valign","top");
	cellTable.setAttribute("colSpan",'7');
	var cols			= document.getElementById(tblId).rows[lastRow].cells;
	var from_month 			= 'from_month_' + iteration;
	var from_year 			= 'from_year_' + iteration;
	var until_month 		= 'until_month_' + iteration;
	var until_year 			= 'until_year_' + iteration;
        var until_now 			= 'until_now_' + iteration;
	var company 			= 'company_' + iteration;
	var employee_number             = 'employee_number_' + iteration;
	var business_line 		= 'business_line_' + iteration;
	var other_business_line         = 'other_business_line_' + iteration;
	var job_category 		= 'job_category_' + iteration;
	var other_job_category          = 'other_job_category_' + iteration;
	var position 			= 'position_' + iteration;
	var other_position 		= 'other_position_' + iteration;
	var report_to 			= 'report_to_' + iteration;
	var subordinates 		= 'subordinates_' + iteration;
	var job_desc 			= 'job_desc_' + iteration;
	var achievement 		= 'achievement_' + iteration;
	var salary 			= 'salary_' + iteration;
	var leaving_reason 		= 'leaving_reason_' + iteration;

        cols[0].innerHTML		=	'<a href="#" onClick="deleteDetail(\'newRow'+ iteration +'\',\''+ iteration +'\')"><img src=\'images/delete.png\' style="border:none;"></a>';
	cols[1].innerHTML		=	'<table>'+
									'<tr>'+
										'<td colspan=100%><strong>EXPERIENCE DETAILS</strong></td>'+
									'</tr>'+
									'<tr>'+
										'<td>Date of Employment <span class=error>*</span></td>'+
										'<td colspan=100%>'+
											'<select name='+ from_month +' id='+ from_month +'>'+
											'</select>'+
											'<select name='+ from_year +' id='+ from_year +'>'+
											'</select>'+
											'&nbsp;To&nbsp;'+
											'<select name='+ until_month +' id='+ until_month +'>'+
											'</select>'+
											'<select name='+ until_year +' id='+ until_year +'>'+
											'</select><span name='+ until_now +' id='+ until_now +' style="display:none;">Now</span>'+
                                                                                        '&nbsp;&nbsp;&nbsp; <input onClick="changeUntilNow(this,'+iteration+')" type="checkbox" name="stillWorking_'+iteration+'" > Still Working Here'+
										'</td>'+
									'</tr>'+
									'<tr>'+
										'<td>Company <span class=error>*</span></td>'+
										'<td colspan=100%><input type=text name='+ company +' id='+ company +' size=25 maxlength=50/></td>'+
									'</tr>'+
									'<tr>'+
										'<td>Total Number of Employee</td>'+
										'<td colspan=100%><input type=text name='+ employee_number +' id='+ employee_number +' size=6 maxlength=11/></td>'+
									'</tr>'+
									'<tr>'+
										'<td>Business Line <span class=error>*</span></td>'+
										'<td>'+
											'<select name='+ business_line +' id='+ business_line +' onchange="changeOthers(this.value,\''+ other_business_line +'\')">'+
											'</select>'+
										'</td>'+
										'<td>'+
											'<input type=text name='+ other_business_line +' id='+ other_business_line +' size=20 maxlength=50 disabled/>'+
										'</td>'+
									'</tr>'+
									'<tr>'+
										'<td>Job Category <span class=error>*</span></td>'+
										'<td>'+
											'<select name='+ job_category +' id='+ job_category +' onchange="changeOthers(this.value,\''+ other_job_category +'\')">'+
											'</select>'+
										'</td>'+
										'<td>'+
											'<input type=text name='+ other_job_category +' id='+ other_job_category +' size=20 maxlength=100 disabled/>'+
										'</td>'+
									'</tr>'+
									'<tr>'+
										'<td>Position <span class=error>*</span></td>'+
										'<td>'+
											'<select name='+ position +' id='+ position +' onchange="changeOthers(this.value,\''+ other_position +'\')">'+
											'</select>'+
										'</td>'+
										'<td>'+
											'<input type=text name='+ other_position +' id='+ other_position +' size=20 maxlength=15 disabled/>'+
										'</td>'+
									'</tr>'+
									'<tr>'+
										'<td>Report to (Position)</td>'+
										'<td colspan=100%><input type=text name='+ report_to +' id='+ report_to +' size=25 maxlength=15 /></td>'+
									'</tr>'+
									'<tr>'+
										'<td>Number of Subordinates</td>'+
										'<td colspan=100%><input type=text name='+ subordinates +' id='+ subordinates +' size=25 maxlength=11 /></td>'+
									'</tr>'+
									'<tr>'+
										'<td>Job Descriptions <span class=error>*</span></td>'+
										'<td colspan=100%><textarea name='+ job_desc +' id='+ job_desc +' cols=25 rows=3></textarea></td>'+
									'</tr>'+
									'<tr>'+
										'<td>Achievements</td>'+
										'<td colspan=100%><textarea name='+ achievement +' id='+ achievement +' cols=25 rows=3></textarea></td>'+
									'</tr>'+
									'<tr>'+
										'<td>Last Drawn Salary <span class=error>*</span></td>'+
										'<td colspan=100%><input type=text name='+ salary +' id='+ salary +' size=25 maxlength=11 onkeypress="return onlyNumbers(event);" />'+
										'<img src="include/FH3/FHTML/images/helpicon.gif" border="0" onmouseover="return overlib(\'ex. 3450000.46 or 5000000\', DELAY, \'400\', FGCOLOR, \'#CCCCCC\', BGCOLOR, \'#666666\', TEXTCOLOR, \'#666666\', TEXTFONT, \'Verdana\', TEXTSIZE, \'12px\', CELLPAD, 8, BORDER, 1, CAPTION, \'&nbsp;Salary&lt;span class=error &gt; *&lt;/span&gt; - Help\', CAPTIONSIZE, \'12px\');" onmouseout="return nd();" style="color:333333;cursor:help;">'+
										'</td>'+
									'</tr>'+
									'<tr>'+
										'<td>Reason for Leaving</td>'+
										'<td colspan=100%><textarea name='+ leaving_reason +' id='+ leaving_reason +'  cols=25 rows=3></textarea></td>'+
									'</tr>'+								
								'</table>';


								
    var year=new Date();
    year=year.getYear();
    if (year < 1900) year=year+1900;
	selectyear(from_year,year-60,year);
	selectyear(until_year,year-60,year);

	selectmonth(from_month);
	selectmonth(until_month);
	selectBusiness(business_line);
	selectCategory(job_category);
	selectPosition(position);
}

function addRow_seminar(tblId){
	/*innerHTML ngga boleh ada " sama klo enter harus pake tanda '+'*/
	var tbl 		= document.getElementById(tblId);
	var lastRow 	= tbl.rows.length;
	var iteration 	= document.getElementById('count_seminar').value;	
	iteration++;

	document.getElementById('count_seminar').value = iteration;
	
	var newRow = tbl.insertRow(lastRow);
	newRow.setAttribute("bgcolor","#ffffff");

    var cellNo 				= newRow.insertCell(0);
	var cellFrom 			= newRow.insertCell(1);
	var cellUntil			= newRow.insertCell(2);
	var cellTopic			= newRow.insertCell(3);
	var cellOrganizer 		= newRow.insertCell(4);
	var cellLocation		= newRow.insertCell(5);
	var cellCertificate		= newRow.insertCell(6);
	var cellDelete			= newRow.insertCell(7);

    var textNode = document.createTextNode(iteration);
    cellNo.appendChild(textNode);
	cellNo.style.display = 'none';
	
	var cols			= document.getElementById(tblId).rows[lastRow].cells;
	var from 			= 'seminar_from_' + iteration;
	var until 			= 'seminar_until_' + iteration;
	var topic 			= 'seminar_topic_' + iteration;
	var organizer 		= 'seminar_organizer_' + iteration;
	var location 		= 'seminar_location_' + iteration;
	var certificate		= 'seminar_certificate_' + iteration;
	var del 			= 'seminar_delete_' + iteration;	

	cols[1].innerHTML = '<select name='+ from +' id='+ from +'></select>';
	cols[2].innerHTML = '<select name='+ until +' id='+ until +'></select>';
	cols[3].innerHTML = '<input type=text name='+ topic +' id='+ topic +' size=15 maxlength=100>';
	cols[4].innerHTML = '<input type=text name='+ organizer +' id='+ organizer +' size=13 maxlength=50>';
	cols[5].innerHTML = '<input type=text name='+ location +' id='+ location +' size=13 maxlength=50>';
	cols[6].innerHTML = '<select name='+ certificate +' id='+ certificate +'>';
	cols[7].innerHTML = '<input type=checkbox name='+ del +' value=\'delete\' />';

	selectyear(from,'1950','2030');
	selectyear(until,'1950','2030');
	selectyesno(certificate);
}

function addRow_specialActivity(tblId){
	/*innerHTML ngga boleh ada " sama klo enter harus pake tanda '+'*/
	var tbl 		= document.getElementById(tblId);
	var lastRow 	= tbl.rows.length;
	var iteration 	= document.getElementById('count_seminar').value;
	iteration++;

	document.getElementById('count_seminar').value = iteration;

	var newRow = tbl.insertRow(lastRow);
	newRow.setAttribute("bgcolor","#ffffff");

    var cellNo 				= newRow.insertCell(0);
	var cellFrom 			= newRow.insertCell(1);
	var cellUntil			= newRow.insertCell(2);
	var cellTopic			= newRow.insertCell(3);
	var cellOrganizer 		= newRow.insertCell(4);
	var cellLocation		= newRow.insertCell(5);
	var cellCertificate		= newRow.insertCell(6);
	var cellDelete			= newRow.insertCell(7);

    var textNode = document.createTextNode(iteration);
    cellNo.appendChild(textNode);
	cellNo.style.display = 'none';

	var cols			= document.getElementById(tblId).rows[lastRow].cells;
	var from 			= 'seminar_from_' + iteration;
	var until 			= 'seminar_until_' + iteration;
	var topic 			= 'seminar_topic_' + iteration;
	var organizer 		= 'seminar_organizer_' + iteration;
	var location 		= 'seminar_location_' + iteration;
	var certificate		= 'seminar_certificate_' + iteration;
	var del 			= 'seminar_delete_' + iteration;

	cols[1].innerHTML = '<select name='+ from +' id='+ from +'></select>';
	cols[2].innerHTML = '<select name='+ until +' id='+ until +'></select>';
	cols[3].innerHTML = '<input type=text name='+ topic +' id='+ topic +' size=15 maxlength=100>';
	cols[4].innerHTML = '<input type=text name='+ organizer +' id='+ organizer +' size=13 maxlength=50>';
	cols[5].innerHTML = '<input type=text name='+ location +' id='+ location +' size=13 maxlength=50>';
	cols[6].innerHTML = '<select name='+ certificate +' id='+ certificate +'>';
	cols[7].innerHTML = '<input type=checkbox name='+ del +' value=\'delete\' />';

	selectyear(from,'1950','2030');
	selectyear(until,'1950','2030');
	selectyesno(certificate);
}


function addRow_language(tblId){
	/*innerHTML ngga boleh ada " sama klo enter harus pake tanda '+'*/
	var tbl 		= document.getElementById(tblId);
	var lastRow 	= tbl.rows.length;
	var iteration 	= document.getElementById('count_language').value;	
	iteration++;

	document.getElementById('count_language').value = iteration;
	
	var newRow = tbl.insertRow(lastRow);
	newRow.setAttribute("bgcolor","#ffffff");

    var cellNo 				= newRow.insertCell(0);
	var cellLanguage 		= newRow.insertCell(1);
	var cellReading			= newRow.insertCell(2);
	var cellWriting			= newRow.insertCell(3);
	var cellSpeaking 		= newRow.insertCell(4);
	var cellListening		= newRow.insertCell(5);
	var cellUnderstanding	= newRow.insertCell(6);
	var cellDelete			= newRow.insertCell(7);

    var textNode = document.createTextNode(iteration);
    cellNo.appendChild(textNode);
	cellNo.style.display = 'none';
	
	var cols			= document.getElementById(tblId).rows[lastRow].cells;
	var language 		= 'lang_language_' + iteration;
	var reading 		= 'lang_reading_' + iteration;
	var writing 		= 'lang_writing_' + iteration;
	var speaking 		= 'lang_speaking_' + iteration;
	var listening 		= 'lang_listening_' + iteration;
	var understanding	= 'lang_understanding_' + iteration;
	var del 			= 'lang_delete_' + iteration;	

	cols[1].innerHTML = '<input type=text name='+ language +' id='+ language +' size="15" maxlength="30">';
	cols[2].innerHTML = '<select name='+ reading +' id='+ reading +'></select>';
	cols[3].innerHTML = '<select name='+ writing +' id='+ writing +'></select>';
	cols[4].innerHTML = '<select name='+ speaking +' id='+ speaking +'></select>';
	cols[5].innerHTML = '<select name='+ listening +' id='+ listening +'></select>';
	cols[6].innerHTML = '<select name='+ understanding +' id='+ understanding +'></select>';
	cols[7].innerHTML = '<input type=checkbox name='+ del +' value=\'delete\' />';

	selectskills(reading);
	selectskills(writing);
	selectskills(speaking);
	selectskills(listening);
	selectskills(understanding);
}

function addRow_computer(tblId){
	/*innerHTML ngga boleh ada " sama klo enter harus pake tanda '+'*/
	var tbl 		= document.getElementById(tblId);
	var lastRow 	= tbl.rows.length;
	var iteration 	= document.getElementById('count_computer').value;	
	iteration++;

	document.getElementById('count_computer').value = iteration;
	
	var newRow = tbl.insertRow(lastRow);
	newRow.setAttribute("bgcolor","#ffffff");

    var cellNo 				= newRow.insertCell(0);
	var cellComputer 		= newRow.insertCell(1);
	var cellProficiency		= newRow.insertCell(2);
	var cellDelete			= newRow.insertCell(3);

    var textNode = document.createTextNode(iteration);
    cellNo.appendChild(textNode);
	cellNo.style.display = 'none';
	
	var cols			= document.getElementById(tblId).rows[lastRow].cells;
	var skill_name 		= 'comp_skill_name_' + iteration;
	var proficiency 	= 'comp_proficiency_' + iteration;
	var del 			= 'comp_delete_' + iteration;	

	cols[1].innerHTML = '<input type=text name='+ skill_name +' id='+ skill_name +' size="20" maxlength="30">';
	cols[2].innerHTML = '<select name='+ proficiency +' id='+ proficiency +'></select>';
	cols[3].innerHTML = '<input type=checkbox name='+ del +' value=\'delete\' />';

	selectskills(proficiency);
}

function addRow_activities(tblId){
	/*innerHTML ngga boleh ada " sama klo enter harus pake tanda '+'*/
	var tbl 		= document.getElementById(tblId);
	var lastRow 	= tbl.rows.length;
	var iteration 	= document.getElementById('count_activities').value;	
	iteration++;

	document.getElementById('count_activities').value = iteration;
	
	var newRow = tbl.insertRow(lastRow);
	newRow.setAttribute("bgcolor","#ffffff");

    var cellNo 				= newRow.insertCell(0);
	var cellFrom 			= newRow.insertCell(1);
	var cellUntil			= newRow.insertCell(2);
	var cellOrganization	= newRow.insertCell(3);
	var cellPosition 		= newRow.insertCell(4);
	var cellPlace			= newRow.insertCell(5);
	var cellDelete			= newRow.insertCell(6);

    var textNode = document.createTextNode(iteration);
    cellNo.appendChild(textNode);
	cellNo.style.display = 'none';
	
	var cols			= document.getElementById(tblId).rows[lastRow].cells;
	var from 			= 'activities_from_' + iteration;
	var until 			= 'activities_until_' + iteration;
	var organization 	= 'activities_organization_' + iteration;
	var position 		= 'activities_position_' + iteration;
	var place 			= 'activities_place_' + iteration;
	var del 			= 'activities_delete_' + iteration;	

	cols[1].innerHTML = '<select name='+ from +' id='+ from +'></select>';
	cols[2].innerHTML = '<select name='+ until +' id='+ until +'></select>';
	cols[3].innerHTML = '<input type=text name='+ organization +' id='+ organization +' size="20" maxlength="100">';
	cols[4].innerHTML = '<input type=text name='+ position +' id='+ position +' size="15" maxlength="50">';
	cols[5].innerHTML = '<input type=text name='+ place +' id='+ place +' size="15" maxlength="50">';
	cols[6].innerHTML = '<input type=checkbox name='+ del +' value=\'delete\' />';

	selectyear(from,'1950','2030');
	selectyear(until,'1950','2030');
	selectskills(speaking);
	selectskills(listening);
	selectskills(understanding);
}

function addRow_references(tblId){
/*innerHTML ngga boleh ada " sama klo enter harus pake tanda '+'*/
	var tbl 		= document.getElementById(tblId);
	var lastRow 	= tbl.rows.length;
	var iteration 	= document.getElementById('count_row').value;	
	iteration++;
	
	document.getElementById('count_row').value = iteration;
	
	var newRow = tbl.insertRow(lastRow);
	newRow.setAttribute("bgcolor","#ffffff");


	var cellNo 		= newRow.insertCell(0);
	var cellTable 	= newRow.insertCell(1);
	var cellDelete	= newRow.insertCell(2);

	var textNode = document.createTextNode(iteration);
    cellNo.appendChild(textNode);
	cellNo.style.display = 'none';
	//cellTable.setAttribute("colSpan",'2');
	cellDelete.style.verticalAlign = 'top';
	var cols			= document.getElementById(tblId).rows[lastRow].cells;
	var name 			= 'name_' + iteration;
	var position 		= 'position_' + iteration;
	var company 		= 'company_' + iteration;
	var company_address = 'company_address_' + iteration;
	var relationship 	= 'relationship_' + iteration;
	var phone 			= 'phone_' + iteration;
	var mobile 			= 'mobile_' + iteration;
	var office	 		= 'office_' + iteration;
	var del				= 'delete_' + iteration;
	
	cols[1].innerHTML		='<table>'+
							'<tr>'+
								'<td>Name <span class="error">*</span></td>'+
								'<td><input type=text name='+ name +' id='+ name +' size=30 maxlength=50 /></td>'+
							'</tr>'+
							'<tr>'+
								'<td>Current Position</td>'+
								'<td><input type=text name='+ position +' size=30 maxlength=15 /></td>'+
							'</tr>'+
							'<tr>'+
								'<td>Company Name <span class="error">*</span></td></td>'+
								'<td><input type=text name='+ company +' size=30 maxlength=50 /></td>'+
							'</tr>'+
							'<tr>'+
								'<td>Company Address</td>'+
								'<td><input type=text name='+ company_address +' size=30 maxlength=255 /></td>'+
							'</tr>'+
							'<tr>'+
								'<td>Nature Relationship</td>'+
								'<td><input type=text name='+ relationship +' size=30 maxlength=15 /></td>'+
							'</tr>'+
							'<tr>'+
								'<td>Resident Phone</td>'+
								'<td><input type=text name='+ phone +' size=30 maxlength=15 /></td>'+
							'</tr>'+
							'<tr>'+
								'<td>Mobile Phone</td>'+
								'<td><input type=text name='+ mobile +' size=30 maxlength=15 /></td>'+
							'</tr>'+
							'<tr>'+
								'<td>Office Phone <span class="error">*</span></td></td>'+
								'<td><input type=text name='+ office +' size=30 maxlength=15 /></td>'+
							'</tr>'+
							'<tr>'+
								'<td height=30>&nbsp;</td>'+
							'</tr>'+
						'</table>';
	cols[2].innerHTML	= '<label><input type=checkbox name='+ del +' value=delete />Delete</label>';
}

function addRow_child(tblId){
	/*innerHTML ngga boleh ada " sama klo enter harus pake tanda '+'*/
	var tbl 		= document.getElementById(tblId);
	var lastRow 	= tbl.rows.length;
	var iteration 	= document.getElementById('count_child').value;	
	iteration++;

	document.getElementById('count_child').value = iteration;
	
	var newRow = tbl.insertRow(lastRow);
	newRow.setAttribute("bgcolor","#ffffff");

    var cellNo 				= newRow.insertCell(0);
	var cellName 			= newRow.insertCell(1);
	var cellGender			= newRow.insertCell(2);
	var cellDate			= newRow.insertCell(3);
	var cellEducation		= newRow.insertCell(4);
	var cellOccupation		= newRow.insertCell(5);
	var cellDelete			= newRow.insertCell(6);

    var textNode = document.createTextNode(iteration);
    cellNo.appendChild(textNode);
	cellNo.style.display			 = 'none';
	
	var cols			= document.getElementById(tblId).rows[lastRow].cells;
	var name 			= 'child_name_' + iteration;
	var gender 			= 'child_gender_' + iteration;
	var cday 			= 'child_day_' + iteration;
	var cmonth 			= 'child_month_' + iteration;
	var cyear 			= 'child_year_' + iteration;
	var education 		= 'child_last_education_' + iteration;
	var occupation 		= 'child_occupation_' + iteration;
	var del		 		= 'child_delete_' + iteration;

	cols[1].innerHTML = '<input type=text name='+ name +' size=13 maxlength=50 />';
	cols[2].innerHTML = '<select name='+ gender +' id='+ gender +'></select>';
	cols[3].innerHTML = '<select name='+ cday +' id='+ cday +'></select>&nbsp;<select name='+ cmonth +' id='+ cmonth +'></select>&nbsp;<select name='+ cyear +' id='+ cyear +'></select>';
	cols[4].innerHTML = '<input type=text name='+ education +' size=8 maxlength=15/>';
	cols[5].innerHTML = '<input type=text name='+ occupation +' size=8 maxlength=15/>';
	cols[6].innerHTML = '<label><input type=checkbox name='+ del +' value=delete />delete</label>';

	var d 		= new Date();
	var year	= d.getFullYear();
	
	selectyear(cyear,'1930',year);
	selectday(cday);
	selectmonth(cmonth);
	selectgender(gender);
}

function addRow_sibling(tblId){
	/*innerHTML ngga boleh ada " sama klo enter harus pake tanda '+'*/
	var tbl 		= document.getElementById(tblId);
	var lastRow 	= tbl.rows.length;
	var iteration 	= document.getElementById('count_sibling').value;	
	iteration++;

	document.getElementById('count_sibling').value = iteration;
	
	var newRow = tbl.insertRow(lastRow);
	newRow.setAttribute("bgcolor","#ffffff");

    var cellNo 				= newRow.insertCell(0);
	var cellName 			= newRow.insertCell(1);
	var cellGender			= newRow.insertCell(2);
	var cellDate			= newRow.insertCell(3);
	var cellEducation		= newRow.insertCell(4);
	var cellOccupation		= newRow.insertCell(5);
	var cellDelete			= newRow.insertCell(6);

    var textNode = document.createTextNode(iteration);
    cellNo.appendChild(textNode);
	cellNo.style.display = 'none';
	
	var cols			= document.getElementById(tblId).rows[lastRow].cells;
	var name 			= 'sibling_name_' + iteration;
	var gender 			= 'sibling_gender_' + iteration;
	var cday 			= 'sibling_day_' + iteration;
	var cmonth 			= 'sibling_month_' + iteration;
	var cyear 			= 'sibling_year_' + iteration;
	var education 		= 'sibling_last_education_' + iteration;
	var occupation 		= 'sibling_occupation' + iteration;
	var del		 		= 'sibling_delete_' + iteration;

	cols[1].innerHTML = '<input type=text name='+ name +' size=13 maxlength=50 />';
	cols[2].innerHTML = '<select name='+ gender +' id='+ gender +'></select>';
	cols[3].innerHTML = '<select name='+ cday +' id='+ cday +'></select>&nbsp;<select name='+ cmonth +' id='+ cmonth +'></select>&nbsp;<select name='+ cyear +' id='+ cyear +'></select>';
	cols[4].innerHTML = '<input type=text name='+ education +' size=8 maxlength=15/>';
	cols[5].innerHTML = '<input type=text name='+ occupation +' size=8 maxlength=15/>';
	cols[6].innerHTML = '<label><input type=checkbox name='+ del +' value=delete />delete</label>';

	var d 		= new Date();
	var year	= d.getFullYear();
	
	selectyear(cyear,'1930',year);
	selectday(cday);
	selectmonth(cmonth);
	selectgender(gender);
}

function ShowPopWindow(page,width, height) {	
	var popup=window.open(page,'WindowSearch','height='+height+',width='+width+',toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes ,modal=yes');
	if(!popup.opener) popup.opener=self;
	popup.focus()
		
}

function ceklimitmax(inputID){
	var count = 0;
	var hasil = document.getElementById(inputID).value;
	for (var i=0; i<document.getElementById(inputID).options.length; i++){
		if (document.getElementById(inputID).options[i].selected){// add the value to your HTML box
		count++;
		}
	}
	if (count > 5){
	document.getElementById(inputID).selectedIndex = -1;
	alert('Max selected option is 5!');
	}
}