$(document).ready(function() {

	$('#forward').click(function(){
		$('form').attr('action',$('form').attr('action') + '?type=forward').attr('action');	
		
		$('form').submit();

		return false;
	});

	$('#back').click(function(){
		$('form').attr('action',$('form').attr('action') + '?type=back').attr('action');	
		
		$('form').submit();

		return false;
	});
	
	$('#overview').click(function(){
		$('form').attr('action',$('form').attr('action') + '?type=overview').attr('action');	
		
		$('form').submit();

		return false;
	});	

	$('#upload').click(function(){
		
		$('form').submit();
		
		return false;
	});	

	$('.change').click(function(){
		$(this).attr('href', $(this).attr('href') + '?type=change');
		
		return true;
	});		

	

});

// -------------- PROFESSIONAL EDUCATION

$('a.add_pe').click(function(){
	
	var last_pe_box = $('#container-professionaleducation').children(':last');
	var next_idx = parseInt(last_pe_box.attr('class').match(/professionaleducation-([0-9]+)/)[1]) + 1;
	last_pe_box.after(newPe(next_idx));

	$('a.del_pe').click(function(){
		
		$(this).parent().parent().parent().remove();
		
		return false;
	});

	return false;
});

$('a.del_pe').click(function(){
	
	$(this).parent().parent().parent().remove();
	
	return false;
});

function newPe(index)
{
	var content = '';
	
	content += '<div class="professionaleducation-' + index + ' root">';
	content += '	<h2>Berufsausbildung <span>» <a href="#" class="del_pe">entfernen</a></span></h2>';
	content += '	<div class="input">';
	content += '		<label for="JaProfessionalEducation' + index + 'JobTitle">Bezeichnung</label>';
	content += '		<input name="data[JaProfessionalEducation][' + index + '][job_title]" class="text" value="" id="JaProfessionalEducation' + index + 'JobTitle" type="text">';
	content += '	</div>';
	content += '	<div class="input">';
	content += '		<label for="JaProfessionalEducation' + index + 'Year">Abschlussjahr</label>';
	content += '		<input name="data[JaProfessionalEducation][' + index + '][year]" class="text year1col" maxlength="4" value="JJJJ" id="JaProfessionalEducation' + index + 'Year" type="text">';
	content += '	</div>';
	content += '</div>';
	
	return content;
}


// -------------- ACADEMIC STUDY

$('a.add_as').click(function(){
	
	var last_as_box = $('#container-academicstudy').children(':last');
	var next_idx = parseInt(last_as_box.attr('class').match(/academicstudy-([0-9]+)/)[1]) + 1;
	last_as_box.after(newAs(next_idx));

	$('a.del_as').click(function(){
		
		$(this).parent().parent().parent().remove();
		
		return false;
	});

	return false;
});

$('a.del_as').click(function(){
	
	$(this).parent().parent().parent().remove();
	
	return false;
});

function newAs(index)
{
	var content = '';
	
	content += '<div class="academicstudy-' + index + '">';
	content += '	<h2>Studium <span>» <a href="#" class="del_as">entfernen</a></span></h2>';
	content += '	<div class="input">';
	content += '		<label for="JaAcademicStudyPeriod">Zeitraum</label>';
	content += '		von <input name="data[JaAcademicStudy][' + index + '][from]" class="text year2col" size="4" maxlength="4" label="" div="" value="JJJJ" id="JaAcademicStudy' + index + 'From" type="text">';
	content += '		&nbsp;bis <input name="data[JaAcademicStudy][' + index + '][until]" class="text year2col" size="4" maxlength="4" label="" div="" value="JJJJ" id="JaAcademicStudy' + index + 'Until" type="text">';
	content += '	</div>';
	content += '	<div class="input">';
	content += '		<label for="JaAcademicStudy' + index + 'University">Studiengang/Uni</label>';
	content += '		<input name="data[JaAcademicStudy][' + index + '][university]" class="text" value="" id="JaAcademicStudy' + index + 'University" type="text">';
	content += '	</div>';
	content += '	<div class="input">';
	content += '		<label for="JaAcademicStudy' + index + 'Course">Schwerpunkt(e)</label>';
	content += '		<input name="data[JaAcademicStudy][' + index + '][course]" class="text" value="" id="JaAcademicStudy' + index + 'Course" type="text">';
	content += '	</div>';
	content += '</div>';
	
	return content;
}





// -------------- PROFESSIONAL EXPERIENCE

$('a.add_pex').click(function(){
	
	var last_pex_box = $('#container-professionalexperience').children(':last');
	var next_idx = parseInt(last_pex_box.attr('class').match(/professionalexperience-([0-9]+)/)[1]) + 1;
	last_pex_box.after(newPex(next_idx));

	$('a.del_pex').click(function(){
		
		$(this).parent().parent().parent().remove();
		
		return false;
	});

	return false;
});

$('a.del_pex').click(function(){
	
	$(this).parent().parent().parent().remove();
	
	return false;
});

function newPex(index)
{
	var content = '';
	
	content += '<div class="professionalexperience-' + index + '">';
	content += '	<h2>Berufserfahrung <span>» <a href="#" class="del_pex">entfernen</a></span></h2>';
	content += '	<div class="input">';
	content += '		<label for="JaProfessionalExperiencePeriod">Zeitraum</label>';
	content += '		von <input name="data[JaProfessionalExperience][' + index + '][from]" class="text year2col" size="4" maxlength="4" label="" div="" value="JJJJ" id="JaProfessionalExperience' + index + 'From" type="text">';
	content += '		&nbsp;bis <input name="data[JaProfessionalExperience][' + index + '][until]" class="text year2col" size="4" maxlength="4" label="" div="" value="JJJJ" id="JaProfessionalExperience' + index + 'Until" type="text">';
	content += '	</div>';
	content += '	<div class="input">';
	content += '		<label for="JaProfessionalExperience' + index + 'Company">Unternehmen/Bereich</label>';
	content += '		<input name="data[JaProfessionalExperience][' + index + '][company]" class="text" value="" id="JaProfessionalExperience' + index + 'Company" type="text">';
	content += '	</div>';
	content += '</div>';
	
	return content;
}


// -------------- ADDITIONAL OCCUPATION

$('a.add_ao').click(function(){
	
	var last_ao_box = $('#container-additionaloccupation').children(':last');
	var next_idx = parseInt(last_ao_box.attr('class').match(/additionaloccupation-([0-9]+)/)[1]) + 1;
	last_ao_box.after(newAo(next_idx));

	$('a.del_ao').click(function(){
		
		$(this).parent().parent().parent().remove();
		
		return false;
	});

	return false;
});

$('a.del_ao').click(function(){
	
	$(this).parent().parent().parent().remove();
	
	return false;
});

function newAo(index)
{
	var content = '';
	
	content += '<div class="additionaloccupation-' + index + '">';
	content += '	<h2>Praktika/Nebentätigkeit <span>» <a href="#" class="del_ao">entfernen</a></span></h2>';
	content += '	<div class="input">';
	content += '		<label for="JaAdditionalOccupationPeriod">Zeitraum</label>';
	content += '		von <input name="data[JaAdditionalOccupation][' + index + '][from]" class="text year2col" size="4" maxlength="4" label="" div="" value="JJJJ" id="JaAdditionalOccupation' + index + 'From" type="text">';
	content += '		&nbsp;bis <input name="data[JaAdditionalOccupation][' + index + '][until]" class="text year2col" size="4" maxlength="4" label="" div="" value="JJJJ" id="JaAdditionalOccupation' + index + 'Until" type="text">';
	content += '	</div>';
	content += '	<div class="input">';
	content += '		<label for="JaAdditionalOccupation' + index + 'Company">Unternehmen/Bereich</label>';
	content += '		<input name="data[JaAdditionalOccupation][' + index + '][company]" class="text" value="" id="JaAdditionalOccupation' + index + 'Company" type="text">';
	content += '	</div>';
	content += '</div>';
	
	return content;
}



// -------------- SKILLS LANGUAGE

$('a.add_ln').click(function(){
	
	var last_ln_box = $('#container-language').children(':last');
	var next_idx = parseInt(last_ln_box.attr('class').match(/language-([0-9]+)/)[1]) + 1;
	last_ln_box.after(newLn(next_idx));

	$('a.del_ln').click(function(){
		
		$(this).parent().parent().parent().remove();
		
		return false;
	});

	return false;
});

$('a.del_ln').click(function(){
	
	$(this).parent().parent().parent().remove();
	
	return false;
});

function newLn(index)
{
	var content = '';
	
	content += '<div class="language-' + index + '">';
	content += '	<h2>Sprachkenntnisse <span>» <a href="#" class="del_ln">entfernen</a></span></h2>';	
	content += '	<div class="input">';
	content += '		<label for="JaSkillsLang' + index + 'Skills">Sprache(n)</label>';
	content += '		<input name="data[JaSkillsLang][' + index + '][skills]" class="text" value="" id="JaSkillsLang' + index + 'Skills" type="text">';
	content += '	</div>';
	content += '	<div class="input">';
	content += '		<label for="JaSkillsLang' + index + 'Rating"></label>';
	content += '		Bewertung&nbsp;';
	content += '		<select name="data[JaSkillsLang][' + index + '][rating]" class="select rating" id="JaSkillsLang' + index + 'Rating">';
	content += '			<option value="">- Bitte auswählen -</option>';
	content += '			<option value="Experte">Experte</option>';
	content += '			<option value="Fortgeschrittene Kenntnisse">Fortgeschrittene Kenntnisse</option>';
	content += '			<option value="Gute Kenntnisse">Gute Kenntnisse</option>';
	content += '			<option value="Grundlagenkenntnisse">Grundlagenkenntnisse</option>';
	content += '		</select>';
	content += '	</div>';
	content += '</div>';
	
	return content;
}



// -------------- SKILLS IT

$('a.add_it').click(function(){
	
	var last_it_box = $('#container-it').children(':last');
	var next_idx = parseInt(last_it_box.attr('class').match(/it-([0-9]+)/)[1]) + 1;
	last_it_box.after(newIt(next_idx));

	$('a.del_it').click(function(){
		
		$(this).parent().parent().parent().remove();
		
		return false;
	});

	return false;
});

$('a.del_it').click(function(){
	
	$(this).parent().parent().parent().remove();
	
	return false;
});

function newIt(index)
{
	var content = '';
	
	content += '<div class="it-' + index + '">';
	content += '	<h2>EDV-Kenntnisse <span>» <a href="#" class="del_it">entfernen</a></span></h2>';	
	content += '	<div class="input">';
	content += '		<label for="JaSkillsIt' + index + 'Skills">Programme, etc.</label>';
	content += '		<input name="data[JaSkillsIt][' + index + '][skills]" class="text" value="" id="JaSkillsIt' + index + 'Skills" type="text">';
	content += '	</div>';
	content += '	<div class="input">';
	content += '		<label for="JaSkillsIt' + index + 'Rating"></label>';
	content += '		Bewertung&nbsp;';
	content += '		<select name="data[JaSkillsIt][' + index + '][rating]" class="select rating" id="JaSkillsIt' + index + 'Rating">';
	content += '			<option value="">- Bitte auswählen -</option>';
	content += '			<option value="Experte">Experte</option>';
	content += '			<option value="Fortgeschrittene Kenntnisse">Fortgeschrittene Kenntnisse</option>';
	content += '			<option value="Gute Kenntnisse">Gute Kenntnisse</option>';
	content += '			<option value="Grundlagenkenntnisse">Grundlagenkenntnisse</option>';
	content += '		</select>';
	content += '	</div>';
	content += '</div>';
	
	return content;
}


// -------------- HOBBIES

$('a.add_ho').click(function(){
	
	var last_ho_box = $('#container-hobbies').children(':last');
	var next_idx = parseInt(last_ho_box.attr('class').match(/hobby-([0-9]+)/)[1]) + 1;
	last_ho_box.after(newHo(next_idx));

	$('a.del_ho').click(function(){
		
		$(this).parent().parent().parent().remove();
		
		return false;
	});

	return false;
});

$('a.del_ho').click(function(){
	
	$(this).parent().parent().parent().remove();
	
	return false;
});

function newHo(index)
{
	var content = '';
	
	content += '<div class="hobby-' + index + '">';
	content += '	<h2>Hobbies <span>» <a href="#" class="del_ho">entfernen</a></span></h2>';		
	content += '	<div class="input">';
	content += '		<label for="JaHobby' + index + 'Hobbies">Freizeitbeschäftigung</label>';
	content += '		<input name="data[JaHobby][' + index + '][hobbies]" class="text" value="" id="JaHobby' + index + 'Hobbies" type="text">';
	content += '	</div>';
	content += '</div>';
	
	return content;
}