$(document).ready(function() {	

  //Faimly
  $('#table1_append').click(function() {
    if ($("#table1 tbody tr").length == 4) return;			
    var last_tr = $('#table1').find('tr:last');
    last_tr.after (		
		 '<tr>'
        +'  <td height="20" bgcolor="#EAE9E9">'
        +'  <div align="center"><input name="resumeData.input_t2_1" type="text" class="ch" /></div>'
        +'  </td>'
        +'  <td bgcolor="#EAE9E9">'
        +'    <div align="center">'
        +'      <input name="resumeData.input_t2_2" type="text" class="ch" />'
        +'      </div>'
        +'  </td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t2_3" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t2_4" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t2_5" type="text" class="ch2" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'                
        +'    <input name="resumeData.input_t2_6" type="text" class="ch2" />'                
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center" class="STYLE5"><a href="#faimly" class="table1_delete">Del</a></div></td>'
        +'</tr>'			
    );
       
	$('.table1_delete').click(function() {
	  if ($("#table1 tbody tr").length > 2) {
	    $(this).parent().parent().parent().remove();
	  }
	});		  
  });
    
    
  //Edu
  $('#table2_append').click(function() {
    if ($("#table2 tbody tr").length == 7) return;			
    var last_tr = $('#table2').find('tr:last');
    last_tr.after (		
		 '<tr>'
        +'  <td height="20" bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t3_1" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t3_2" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t3_3" type="text" class="ch2" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t3_4" type="text" class="ch2" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t3_5" type="text" class="ch2" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t3_6" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center" class="STYLE5"><a href="#edu" class="table2_delete">Del</a></div></td>'
        +'</tr>'			
    );
       
	$('.table2_delete').click(function() {
	  if ($("#table2 tbody tr").length > 3) {
	    $(this).parent().parent().parent().remove();
	  }
	});		  
  });
  
  //work
  $('#table3_append').click(function() {
    if ($("#table3 tbody tr").length == 9) return;			
    var last_tr = $('#table3').find('tr:last');
    last_tr.after (		
		 '<tr>'
        +'  <td height="20" bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t4_1" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'    <input name="resumeData.input_t4_2" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'      <input name="resumeData.input_t4_3" type="text" class="ch2" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'      <input name="resumeData.input_t4_4" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'      <input name="resumeData.input_t4_5" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'      <input name="resumeData.input_t4_6" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'      <input name="resumeData.input_t4_7" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'      <input name="resumeData.input_t4_8" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center">'
        +'      <input name="resumeData.input_t4_9" type="text" class="ch" />'
        +'  </div></td>'
        +'  <td bgcolor="#EAE9E9"><div align="center" class="STYLE5"><a href="#work" class="table3_delete">Del</a></div></td>'
        +'</tr>'			
    );
       
	$('.table3_delete').click(function() {
	  if ($("#table3 tbody tr").length > 3) {
	    $(this).parent().parent().parent().remove();
	  }
	});		  
  });
  
  //Project
  $('#table4_append').click(function() {
    if ($("#table4 tbody tr").length == 15) return;			
    var last_tr = $('#table4').find('tr:last');
    last_tr.after (		
		'<tr>'
       +'   <td height="20" bgcolor="#EAE9E9"><div align="center">'
       +'       <input name="resumeData.input_t5_1" type="text" class="ch" />'
       +'   </div></td>'
       +'   <td bgcolor="#EAE9E9"><div align="center">'
       +'       <input name="resumeData.input_t5_2" type="text" class="ch" />'
       +'   </div></td>'
       +'   <td bgcolor="#EAE9E9"><div align="center">'
       +'       <input name="resumeData.input_t5_3" type="text" class="ch2" />'
       +'   </div></td>'
       +'   <td bgcolor="#EAE9E9"><div align="center">'
       +'       <input name="resumeData.input_t5_4" type="text" class="ch" />'
       +'   </div></td>'
       +'   <td bgcolor="#EAE9E9"><div align="center">'
       +'       <input name="resumeData.input_t5_5" type="text" class="ch" />'
       +'   </div></td>'
       +'   <td bgcolor="#EAE9E9"><div align="center">'
       +'       <input name="resumeData.input_t5_6" type="text" class="ch" />'
       +'   </div></td>'
       +'   <td bgcolor="#EAE9E9"><div align="center">'
       +'       <input name="resumeData.input_t5_7" type="text" class="ch" />'
       +'   </div></td>'
       +'   <td bgcolor="#EAE9E9"><div align="center">'
       +'       <input name="resumeData.input_t5_8" type="text" class="ch" />'
       +'   </div></td>'
       +'   <td bgcolor="#EAE9E9"><div align="center">'
       +'       <input name="resumeData.input_t5_9" type="text" class="ch" />'
       +'   </div></td>'
       +'   <td bgcolor="#EAE9E9"><div align="center" class="STYLE5"><a href="#project" class="table4_delete">Del</a></div></td>'
       +' </tr>'			
    );
       
	$('.table4_delete').click(function() {
	  if ($("#table4 tbody tr").length > 3) {
	    $(this).parent().parent().parent().remove();
	  }
	});		  
  });
  
  //Train
  $('#table5_append').click(function() {
    if ($("#table5 tbody tr").length == 11) return;			
    var last_tr = $('#table5').find('tr:last');
    last_tr.after (		
		 '  <tr>'
        +'    <td height="20" bgcolor="#EAE9E9"><div align="center">'
        +'        <input name="resumeData.input_t6_1" type="text" class="ch" />'
        +'    </div></td>'
        +'    <td bgcolor="#EAE9E9"><div align="center">'
        +'        <input name="resumeData.input_t6_2" type="text" class="ch" />'
        +'    </div></td>'
        +'    <td bgcolor="#EAE9E9"><div align="center">'
        +'        <input name="resumeData.input_t6_3" type="text" class="ch2" />'
        +'    </div></td>'
        +'    <td bgcolor="#EAE9E9"><div align="center">'
        +'        <input name="resumeData.input_t6_4" type="text" class="ch" />'
        +'    </div></td>'
        +'    <td bgcolor="#EAE9E9"><div align="center">'
        +'      <input name="resumeData.input_t6_5" type="text" class="ch2" />'
        +'    </div></td>'
        +'    <td bgcolor="#EAE9E9"><div align="center">'
        +'        <input name="resumeData.input_t6_6" type="text" class="ch2" />'
        +'    </div><div align="center"></div></td>'
        +'    <td bgcolor="#EAE9E9"><div align="center" class="STYLE5"><a href="#train" class="table5_delete">Del</a></div></td>'
        +'  </tr>'			
    );
       
	$('.table5_delete').click(function() {
	  if ($("#table5 tbody tr").length > 3) {
	    $(this).parent().parent().parent().remove();
	  }
	});		  
  });
  
});