function addParticipant(evt)
{
	var index = parseInt($('#participants dl:last').attr('id').replace('participant-', '')) + 1;
	var html = '<dl id="participant-'+ index +'" style="border: 1px solid #CCCCCC;">';
		html += '	<dt><label for="extra_name['+ index +']">Nom <abbr title="oblig&eacute;">*</abbr></label></dt>';
		html += '	<dd><input type="text" id="extra_name['+ index +']" name="extra_name['+ index +']" value="" maxlength="255" class="input-text" /> </dd>';

		html += '	<dt><label for="extra_first_name['+ index +']">Pr&eacute;nom<abbr title="oblig&eacute;">*</abbr></label></dt>';
		html += '	<dd><input type="text" id="extra_first_name['+ index +']" name="extra_first_name['+ index +']" value="" maxlength="255" class="input-text" /> </dd>';

		html += '	<dt><label for="extra_sex">Sexe</label><abbr title="oblig&eacute;">*</abbr></dt>';
		html += '	<dd>';
		html += '		<input type="radio" id="extra_sex['+ index +']_M" name="extra_sex['+ index +']" value="M" class="input-radio" checked="checked" /> <label for="extra_sex['+ index +']_M">Homme</label>';
		html += '		<input type="radio" id="extra_sex['+ index +']_F" name="extra_sex['+ index +']" value="F" class="input-radio" /> <label for="extra_sex['+ index +']_F">Femme</label>';
		html += '	</dd>';

		html += '	<dt><label for="extra_email['+ index +']">Adresse e-mail<abbr title="oblig&eacute;">*</abbr></label></dt>';
		html += '	<dd><input type="text" id="extra_email['+ index +']" name="extra_email['+ index +']" value="" maxlength="255" class="input-text" /> </dd>';

		html += '	<dt><label for="extra_phone['+ index +']">Num&eacute;ro de t&eacute;l&eacute;phone </label></dt>';
		html += '	<dd><input type="text" id="extra_phone['+ index +']" name="extra_phone['+ index +']" value="" maxlength="255" class="input-text" /> </dd>';

		html += '	<dt><label for="extra_fax['+ index +']">Fax</label></dt>';
		html += '	<dd><input type="text" id="extra_fax['+ index +']" name="extra_fax['+ index +']" value="" maxlength="255" class="input-text" /> </dd>';
		html += '	<dt><label for="extra_job_title['+ index +']">Fonction<abbr title="oblig&eacute;">*</abbr></label></dt>';
		html += '	<dd>';
		html += '		<select id="extra_job_title['+ index +']" name="extra_job_title['+ index +']" class="select">';
		html += '			<option value="Executive IS/IT Management (CIO, CTO)">Executive IS/IT Management (CIO, CTO)</option>';
		html += '			<option value="IT Department Manager Networking / LAN Administration">IT Department Manager Networking / LAN Administration</option>';
		html += '			<option value="IT Consultant">IT Consultant</option>';
		html += '			<option value="Database Administration">Database Administration</option>';
		html += '			<option value="eBusiness Administration">eBusiness Administration</option>';
		html += '			<option value="Telecommunications System Administration">Telecommunications System Administration</option>';
		html += '			<option value="Technical/PC Support">Technical/PC Support</option>';
		html += '			<option value="Software / Applications Development">Software / Applications Development</option>';
		html += '			<option value="Development">Development</option>';
		html += '			<option value="Project Management">Project Management</option>';
		html += '			<option value="Web / Multimedia Developer">Web / Multimedia Developer</option>';
		html += '			<option value="Systems Programmer / Development">Systems Programmer / Development</option>';
		html += '			<option value="Computer Product Reseller (VAR, Retailer)">Computer Product Reseller (VAR, Retailer)</option>';
		html += '			<option value="Hardware Design/Engineering">Hardware Design/Engineering</option>';
		html += '			<option value="Other IS/IT or Computer-Related Function">Other IS/IT or Computer-Related Function</option>';
		html += '			<option value="Executive Management Corporate-Level / Senior">Executive Management Corporate-Level / Senior</option>';
		html += '			<option value="Management Department Head / Director">Management Department Head / Director</option>';
		html += '			<option value="Other Management Accounting / Finance">Other Management Accounting / Finance</option>';
		html += '			<option value="Sales / Marketing / Business Development">Sales / Marketing / Business Development</option>';
		html += '			<option value="HR / Personnel / Training">HR / Personnel / Training</option>';
		html += '			<option value="Graphic Design / Artist">Graphic Design / Artist</option>';
		html += '			<option value="Research / Development / Scientific Professional (Legal, Medical)">Research / Development / Scientific Professional (Legal, Medical)</option>';
		html += '			<option value="Education">Education</option>';
		html += '			<option value="Non-Computer Consultant">Non-Computer Consultant</option>';
		html += '			<option value="Full-Time Student">Full-Time Student</option>';
		html += '			<option value="Unemployed">Unemployed</option>';
		html += '			<option value="Retired">Retired</option>';
		html += '			<option value="Other">Other</option>';
		html += '		</select>';
 		html += '	</dd>';
		html += '	<dt><label for="extra_job_status['+ index +']">Statut de l&rsquo;emploi<abbr title="oblig&eacute;">*</abbr></label></dt>';
		html += '	<dd>';
		html += '		<select id="extra_job_status['+ index +']" name="extra_job_status['+ index +']" class="select">';
		html += '			<option value="Non-Supervisory role">Non-Supervisory role</option>';
		html += '			<option value="Other Mgmt. (Manager, Supervisor)">Other Mgmt. (Manager, Supervisor)</option>';
		html += '			<option value="Middle Mgmt. (Dep. Head, Dir., Associate Dir.)">Middle Mgmt. (Dep. Head, Dir., Associate Dir.)</option>';
		html += '			<option value="Senior Mgmt. (Senior VP, VP, GM, Div. Head)">Senior Mgmt. (Senior VP, VP, GM, Div. Head)</option>';
		html += '			<option value="Exec. Mgmt. (CEO, Chairman, Pres., Owner, MD)">Exec. Mgmt. (CEO, Chairman, Pres., Owner, MD)</option>';
		html += '		</select>';
		html += '	</dd>';

		html += '	<dd><a class="remove-participant" href="#" rel="participant-'+ index +'">Delete</a></dd>';
		html += '</dl>';

	// append
	$('#participants').append(html);

	// bind remove-links
	$('.remove-participant').click(function(e) {
		var id = $(this).attr('rel')

		$('#'+ id).remove();

		recalculatePrice();

		e.preventDefault();
		e.stopPropagation();
	});

	$('#participants .input-text').change(function(e) { recalculatePrice(e) });

	recalculatePrice();

	// break event
	evt.preventDefault();
	evt.stopPropagation();
}


function enableInvoiceFields(bool)
{
	var status = '';

	if(!bool) status = 'disabled';

	$('#invoice_company').attr('disabled', status)
	$('#invoice_street').attr('disabled', status)
	$('#invoice_nr').attr('disabled', status)
	$('#invoice_bus').attr('disabled', status)
	$('#invoice_zip').attr('disabled', status)
	$('#invoice_place').attr('disabled', status)
	$('#invoice_country').attr('disabled', status)
}

function copyToInvoice()
{
	if(!$('#invoice_address').attr('checked'))
	{
		$('#invoice_company').val($('#company').val());
		$('#invoice_street').val($('#street').val());
		$('#invoice_nr').val($('#nr').val());
		$('#invoice_bus').val($('#bus').val());
		$('#invoice_zip').val($('#zip').val());
		$('#invoice_place').val($('#place').val());
		$('#invoice_country').val($('#country').val());
	}
}


function recalculatePrice()
{
	if(typeof(aPrices) != "undefined")
	{
		// get selected id
		var id = $('#event').val();

		// get price
		var price = parseFloat(aPrices[id]);

		var fields = $('#participants .input-text');

		var count = 0;

		// loop
		fields.each(function() {
			if($(this).val() != '') count++;
		});

		// set number of participants
		var participants = 1;

		// add extra elements
		participants += Math.floor(count/5);

		// set price
		$('#event_price').html(price);

		// set participants
		$('#number_of_participants').html(participants);

		// set total
		$('#event_total').html(participants * price);
	}
}


jQuery(function($){
	// enable or disable fields
	if($('#invoice_address').attr('checked')) enableInvoiceFields(true);
	else
	{
		enableInvoiceFields(false);
		copyToInvoice();
	}

	// bind click
	$('#invoice_address').bind('click', function(e) {
		if($('#invoice_address').attr('checked')) enableInvoiceFields(true);
		else
		{
			enableInvoiceFields(false);
			copyToInvoice();
		}
	});

	// bind click
	$('#add-another-participant').click(function(e) { addParticipant(e) });

	// bind remove-links
	$('.remove-participant').click(function(e) {
		var id = $(this).attr('rel')

		$('#'+ id).remove();

		recalculatePrice();

		e.preventDefault();
		e.stopPropagation();
	});

	// bind change
	$('#company').change(function(e) { copyToInvoice(); });
	$('#street').change(function(e) { copyToInvoice(); });
	$('#nr').change(function(e) { copyToInvoice(); });
	$('#bus').change(function(e) { copyToInvoice(); });
	$('#zip').change(function(e) { copyToInvoice(); });
	$('#place').change(function(e) { copyToInvoice(); });
	$('#country').change(function(e) { copyToInvoice(); });

	$('#event').change(function(e) { recalculatePrice(e) });
	$('#participants .input-text').change(function(e) { recalculatePrice(e) });

	recalculatePrice();
});