/*--------------------------------------------------------------------
Basic Javascript Sheet

Version: 1.0
Copyright: 2008, dicode® VOF - understanding internet
W: www.dicode.nl
E: info@dicode.nl
T: 0570-750680
--------------------------------------------------------------------*/

/* Custom Scripts
--------------------------------------------------------------------*/

nrRulesOpleiding = 0;

/**
 *  void opleidingToevoegen ( string, int, int, string, bool )
 *
 *	Voegt een opleiding invoerscherm toe aan de pagina werknemers inschrijven - stap 4
 *
 *	@param codeopleiding		Opleidingscode
 *	@param startjaar			Startjaar
 * 	@param eindjaar				Eindjaar
 * 	@param vgnrstudierichting	Volgnummer studierichting
 * 	@param inddiploma			Indicatie diploma
 *
 */
function opleidingToevoegen( codeopleiding_t, startjaar_t, eindjaar_t, vgnr_studierichting_t, naamstudierichting_t, inddiploma_t, container ) {
	
	var codeopleiding = typeof codeopleiding_t != 'undefined' && codeopleiding_t != null ? codeopleiding_t['value'] : '';
	var codeopleidingcss = typeof codeopleiding_t != 'undefined' && codeopleiding_t != null ? codeopleiding_t['css'] : '';
	
	var startjaar = typeof startjaar_t != 'undefined' && startjaar_t != null ? startjaar_t['value'] : '';
	var startjaarcss = typeof startjaar_t != 'undefined' && startjaar_t != null ? startjaar_t['css'] : '';
	
	var eindjaar = typeof eindjaar_t != 'undefined' && eindjaar_t != null ? eindjaar_t['value'] : '';
	var eindjaarcss = typeof eindjaar_t != 'undefined' && eindjaar_t != null ? eindjaar_t['css'] : '';
	
	var vgnr_studierichting = typeof vgnr_studierichting_t != 'undefined' && vgnr_studierichting_t != null ? vgnr_studierichting_t['value'] : '';
	var vgnr_studierichtingcss = typeof vgnr_studierichting_t != 'undefined' && vgnr_studierichting_t != null ? vgnr_studierichting_t['css'] : '';
	
	var naamstudierichting = typeof naamstudierichting_t != 'undefined' && naamstudierichting_t != null ? naamstudierichting_t['value'] : '';
	var naamstudierichtingcss = typeof naamstudierichting_t != 'undefined' && naamstudierichting_t != null ? naamstudierichting_t['css'] : '';
	
	var naamstudierichting = typeof naamstudierichting_t != 'undefined' && naamstudierichting_t != null ? naamstudierichting_t['value'] : '';
	var naamstudierichtingcss = typeof naamstudierichting_t != 'undefined' && naamstudierichting_t != null ? naamstudierichting_t['css'] : '';
	
	var inddiploma = typeof inddiploma_t != 'undefined' && inddiploma_t != null ? inddiploma_t['value'] : '';
	var inddiplomacss = typeof inddiploma_t != 'undefined' && inddiploma_t != null ? inddiploma_t['css'] : '';

	container = typeof container != 'undefined' ? container : 'oContainerOpleiding';

	var odiv = document.createElement('div');
	odiv.className = "container";
	odiv.style.display = $.browser.version == '8.0' ? 'block' : 'none';
	odiv.style.background = '#f7f7f7';
	odiv.style.padding = '2px';
	odiv.style.marginBottom = '15px';

	/** Opleiding - links **/
	var div = document.createElement('div');							
	div.className = 'formleft';
	div.innerHTML = 'Opleiding ';

	var img = document.createElement('img');
	img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
	img.style.verticalAlign = 'top';
	
	div.appendChild(img);
	
	$(odiv).append(div);

	/** Opleiding - rechts **/
	div = document.createElement('div');							
	div.className = 'formright';
	
	var oSelect = document.createElement('select');
	oSelect.name = $.sprintf('code-opleiding[%d]', nrRulesOpleiding);
	oSelect.id = 'id_code-opleiding_' + nrRulesOpleiding;
	oSelect.className = codeopleidingcss;
	$(oSelect).addOption(arrOpleiding, false);
	$(oSelect).selectOptions(codeopleiding);

	$(div).append(oSelect);

	$(div).append(document.createTextNode('\u00a0'));
	/*
	var a = document.createElement('a');
	a.src = '#';

	img = document.createElement('img');
	img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
	
	a.appendChild(img);
	
	div.appendChild(a);
	
	addHelpDiv( div, 'Opleiding', 'Vul hier je opleiding in' );
	$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
	*/
	$(odiv).append(div);
	
	addClearDiv($(odiv));

	/** Startjaar - links **/
	div = document.createElement('div');							
	div.className = 'formleft';
	div.innerHTML = 'Startjaar ';

	img = document.createElement('img');
	img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
	img.style.verticalAlign = 'top';
	
	div.appendChild(img);
	
	$(odiv).append(div);

	/** Startjaar - rechts **/
	div = document.createElement('div');							
	div.className = 'formright';
	
	var input = createInputElement('text', $.sprintf('startjaar[%d]', nrRulesOpleiding), $.sprintf('startjaar_%d', nrRulesOpleiding), startjaar, $.sprintf('text date %s', startjaarcss));
	$(input).mask('9999', {placeholder: ''});
	input.maxLength = 4;
	
	$(div).append(input);
	$(div).append(document.createTextNode('\u00a0'));
	/*
	var a = document.createElement('a');
	a.src = '#';

	img = document.createElement('img');
	img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
	
	a.appendChild(img);
	
	div.appendChild(a);

	addHelpDiv( div, 'Startjaar', 'Vul hier je startjaar in' );
	$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
	*/
	
	$(odiv).append(div);

	addClearDiv($(odiv));

	/** Eindjaar - links **/
	div = document.createElement('div');							
	div.className = 'formleft';
	div.innerHTML = 'Eindjaar ';

	$(odiv).append(div);

	/** Eindjaar - rechts **/
	div = document.createElement('div');							
	div.className = 'formright';
	
	var input = createInputElement('text', $.sprintf('eindjaar[%d]', nrRulesOpleiding), $.sprintf('eindjaar_%d', nrRulesOpleiding), eindjaar, $.sprintf('text date %s', eindjaarcss));
	$(input).mask('9999', {placeholder: ''});
	input.maxLength = 4;
	
	$(div).append(input);
	$(div).append(document.createTextNode('\u00a0'));
	/*
	var a = document.createElement('a');
	a.src = '#';

	img = document.createElement('img');
	img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
	
	a.appendChild(img);
	
	div.appendChild(a);

	addHelpDiv( div, 'Eindjaar', 'Vul hier je eindjaar in' );
	$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
	*/
	$(odiv).append(div);
	
	addClearDiv($(odiv));
	
	/** Studierichting - links **/
	var div = document.createElement('div');							
	div.className = 'formleft required';
	div.innerHTML = 'Studierichting ';

	var img = document.createElement('img');
	img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
	img.style.verticalAlign = 'top';
	
	div.appendChild(img);
	
	$(odiv).append(div);

	/** Studierichting - rechts **/
	div = document.createElement('div');							
	div.className = 'formright required';
	
	var oSelect = document.createElement('select');
	oSelect.name = $.sprintf('vgnr-studierichting[%d]', nrRulesOpleiding);
	oSelect.id = 'id_vgnr-studierichting_' + nrRulesOpleiding;
	oSelect.className = vgnr_studierichtingcss;
	
//	alert(codeopleiding);
//	
//	for(var k in arrStudies ) {
//		alert($.sprintf('k: *%s*, v: *%s*', k, arrStudies[k]));
//		for(var l in arrStudies[k] ) {
//			alert($.sprintf('%s: k: *%s*, v: *%s*', k, l, arrStudies[k][l]));
//		}
//	}
	
	if( codeopleiding == '' )
		$(oSelect).addOption(arrStudies[''], false);
	else
		$(oSelect).addOption(arrStudies[codeopleiding], false);
	
	$(oSelect).selectOptions(vgnr_studierichting);
	
	$(div).append(oSelect);
	$(div).append(document.createTextNode('\u00a0'));
	/*
	var a = document.createElement('a');
	a.src = '#';

	img = document.createElement('img');
	img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
	
	a.appendChild(img);
	
	div.appendChild(a);
	
	addHelpDiv( div, 'Opleiding', 'Vul hier je opleiding in' );
	$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
	*/
	$(odiv).append(div);

	addClearDiv($(odiv));

	/** Studienaam - links **/
	div2 = document.createElement('div');
	div2.id = $.sprintf('id_studierichtingbox_%d', nrRulesOpleiding);
	div2.style.display = vgnr_studierichting == 'a' ? 'block' : 'none';
	
	div = document.createElement('div');							
	div.className = 'formleft';
	div.innerHTML = 'Studienaam ';

	img = document.createElement('img');
	img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
	img.style.verticalAlign = 'top';
	
	div.appendChild(img);
	
	$(div2).append(div);
	
	/** Studierichting - rechts **/
	div = document.createElement('div');							
	div.className = 'formright';

	var input = createInputElement('text', $.sprintf('naam-studierichting[%d]', nrRulesOpleiding), $.sprintf('id_naam-studierichting_%d', nrRulesOpleiding), naamstudierichting, $.sprintf('text %s', naamstudierichtingcss));
	input.maxLength = 50;
	
	$(div).append(input);
	$(div).append(document.createTextNode('\u00a0'));
	/*
	var a = document.createElement('a');
	a.src = '#';

	img = document.createElement('img');
	img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
	
	a.appendChild(img);
	
	div.appendChild(a);

	addHelpDiv( div, 'Studierichting', 'Vul hier je studierichting in' );
	$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
	*/
	$(div2).append(div);
	
	addClearDiv($(div2));
	
	$(odiv).append(div2);
	
	/** Diploma - links **/
	div = document.createElement('div');							
	div.className = 'formleft';
	div.innerHTML = 'Diploma ';

	img = document.createElement('img');
	img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
	img.style.verticalAlign = 'top';
	
	div.appendChild(img);
	
	$(odiv).append(div);

	/** Diploma - rechts **/
	div = document.createElement('div');							
	div.className = 'formright';

	input = createInputElement('hidden', $.sprintf('ind-diploma[%d]', nrRulesOpleiding), $.sprintf('ind-diploma0_%d', nrRulesOpleiding), '', '');
	$(div).append(input);
	
	$(div).append($.sprintf('<input type="radio" name="%s" id="%s" value="%s" class="%s" %s />', $.sprintf('ind-diploma[%d]', nrRulesOpleiding), $.sprintf('ind-diploma1_%d', nrRulesOpleiding), 'J', $.sprintf('styled %s', inddiplomacss), inddiploma == 'J' ? 'checked="checked"' : '') );

	var label = document.createElement('label');
	label.htmlFor = $.sprintf('ind-diploma1_%d', nrRulesOpleiding);
	label.innerHTML = 'Ja';
	$(div).append(label);

	$(div).append($.sprintf('<input type="radio" name="%s" id="%s" value="%s" class="%s" %s />', $.sprintf('ind-diploma[%d]', nrRulesOpleiding), $.sprintf('ind-diploma2_%d', nrRulesOpleiding), 'N', $.sprintf('styled %s', inddiplomacss), inddiploma == 'N' ? 'checked="checked"' : '') );

	label = document.createElement('label');
	label.htmlFor = $.sprintf('ind-diploma1_%d', nrRulesOpleiding);
	label.innerHTML = 'Nee';
	$(div).append(label);

	$(div).append(document.createTextNode('\u00a0'));
	/*
	var a = document.createElement('a');
	a.src = '#';

	img = document.createElement('img');
	img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
	
	a.appendChild(img);
	
	div.appendChild(a);

	addHelpDiv( div, 'Diploma', 'Vul hier je diploma in' );
	$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
	*/
	$(odiv).append(div);
	
	addClearDiv($(odiv));

	addRemoveDiv($(odiv), 'Verwijder deze opleiding', opleidingToevoegen);
	
	$($.sprintf('#%s', container)).append(odiv);
	$(odiv).fadeIn('slow', function() { 
		FormElements.init(); 

		$('select', this).each(function() {
			if( $(this).attr('id').indexOf('code-opleiding') > 0 )
				$(this).sSelect({ddMaxHeight: '300px'}).change(function() {
					var v = $(this).getSetSSValue();
					
					var oid = $(this).attr('id').substr($(this).attr('id').lastIndexOf('_')+1, $(this).attr('id').length);
					$($.sprintf('#id_vgnr-studierichting_%d', oid)).removeOption(/./);
					$($.sprintf('#id_vgnr-studierichting_%d', oid)).addOption(arrStudies[ $($.sprintf('#id_code-opleiding_%d', oid)).val() ], false);
					$($.sprintf('#id_vgnr-studierichting_%d', oid)).resetSS();
					
					
					$($.sprintf('#id_vgnr-studierichting_%d', oid)).change(function() {
							var v = $(this).getSetSSValue();
							var oid = $(this).attr('id').substr($(this).attr('id').lastIndexOf('_')+1, $(this).attr('id').length);
							if( v.length > 0 && v == 'Anders' ) {
								$($.sprintf('#id_studierichtingbox_%d', oid)).fadeIn('slow', function() {
									$(this).focus();
								});
							} else {
								$($.sprintf('#id_studierichtingbox_%d', oid)).fadeOut('fast');
								$($.sprintf('#id_naam-studierichting_%d', oid)).val('');
							}
						});
					$($.sprintf('#id_studierichtingbox_%d', oid)).fadeOut('fast');
					$($.sprintf('#id_naam-studierichting_%d', oid)).val('');

				});
			else if ( $(this).attr('id').indexOf('vgnr-studierichting') > 0) {
				$(this).sSelect({ddMaxHeight: '300px'}).change(function() {
						var v = $(this).getSetSSValue();
						var oid = $(this).attr('id').substr($(this).attr('id').lastIndexOf('_')+1, $(this).attr('id').length);
						if( v.length > 0 && v == 'Anders' ) {
							$($.sprintf('#id_studierichtingbox_%d', oid)).fadeIn('slow', function() {
								$(this).focus();
							});
						} else {
							$($.sprintf('#id_studierichtingbox_%d', oid)).fadeOut('fast');
							$($.sprintf('#id_naam-studierichting_%d', oid)).val('');
						}
					});
			}
			else {
				$(this).sSelect({ddMaxHeight: '300px'});
			}
		});

	});

	nrRulesOpleiding++;
}

/**
 * void addRemoveDiv ( )
 *
 * Voegt een div met remove link toe aan de container
 */
function addRemoveDiv( obj, msg, func ) {
	var div = document.createElement('div');							
	div.className = 'formleft';

	var a = document.createElement('a');
	a.href = "javascript: void(null);";
	a.className = "remove";
	
	var img = document.createElement('img');
	img.src = $.sprintf('%simages/%s/icn_delete.png', siteurl, codename);
	img.style.verticalAlign = 'middle';
	
	$(a).append(img);
	
	$(a).click(function() {
		$(this).closest('div.container').fadeOut('slow', function() {
			if ( $(this).closest('div.container').siblings().length == 0 ) func();
			$(this).closest('div.container').remove();
		});
	});

	$(div).append(a);
	$(div).append('&nbsp;');

	a = document.createElement('a');
	a.href = "javascript: void(null);";
	a.className = "remove";
	
	$(a).click(function() {
		$(this).closest('div.container').fadeOut('slow', function() {
			if ( $(this).closest('div.container').siblings().length == 0 ) func();
			$(this).closest('div.container').remove();
		});
	});
	$(a).html(msg);

	$(div).append(a);

	$(obj).append(div);

	addClearDiv(obj);
}

/**
 * void addClearDiv ( )
 *
 * Voegt een div met class clear toe aan de container
 */
function addClearDiv( obj ) {
	var div = document.createElement('div');							
	div.style.display = 'block';
	div.className = 'clear';
	$(obj).append(div);
}

/**
 * void addHelpDiv ( )
 *
 * Voegt een div met class clear toe aan de container
 */
function addHelpDiv( obj, stitle, scontent ) {
	var div = document.createElement('div');
	div.className = 'tooltip';
	
	var divtop = document.createElement('div');
	divtop.className = 'tooltiptop';
	
	$(div).append(divtop);

	var divmiddle = document.createElement('div');
	divmiddle.className = 'tooltipmiddle';
	$(divmiddle).append($.sprintf('<h3>%s</h3>%s', stitle, scontent));
	
	$(div).append(divmiddle);

	var divbottom = document.createElement('div');
	divbottom.className = 'tooltipbottom';
	
	$(div).append(divbottom);
	
	$(obj).append(div);
}



nrRulesWerk = 0;

/**
 *  void werkToevoegen ( string, string, string, string, string, string, string, string, string )
 *
 *	Voegt een werkervaring invoerscherm toe aan de pagina werknemers inschrijven - stap 5
 *
 *	@param bedrijfsnaam			Bedrijfsnaam
 *	@param codetypebedrijf		Code type bedrijf
 * 	@param plaatsnaam			Plaatsnaam
 * 	@param startjaar			Startjaar
 * 	@param eindjaar				Eindjaar
 * 	@param indhuidigewerkgever	Indicatie huidige werkgever
 * 	@param functienummer		Functienummer
 * 	@param functienaam			Functienaam
 * 	@param functieinhoud		Functieinhoud
 *
 */
function werkToevoegen( bedrijfsnaam_t, codetypebedrijf_t, plaatsnaam_t, startjaar_t, eindjaar_t, indhuidigewerkgever_t, functienummer_t, functienaam_t, functieinhoud_t, container ) {

	var bedrijfsnaam = typeof bedrijfsnaam_t != 'undefined' && bedrijfsnaam_t != null ? bedrijfsnaam_t['value'] : '';
	var bedrijfsnaamcss = typeof bedrijfsnaam_t != 'undefined' && bedrijfsnaam_t != null ? bedrijfsnaam_t['css'] : '';
	
	var codetypebedrijf = typeof codetypebedrijf_t != 'undefined' && codetypebedrijf_t != null ? codetypebedrijf_t['value'] : '';
	var codetypebedrijfcss = typeof codetypebedrijf_t != 'undefined' && codetypebedrijf_t != null ? codetypebedrijf_t['css'] : '';
	
	var plaatsnaam = typeof plaatsnaam_t != 'undefined' && plaatsnaam_t != null ? plaatsnaam_t['value'] : '';
	var plaatsnaamcss = typeof plaatsnaam_t != 'undefined' && plaatsnaam_t != null ? plaatsnaam_t['css'] : '';
	
	var startjaar = typeof startjaar_t != 'undefined' && startjaar_t != null ? startjaar_t['value'] : '';
	var startjaarcss = typeof startjaar_t != 'undefined' && startjaar_t != null ? startjaar_t['css'] : '';
	
	var eindjaar = typeof eindjaar_t != 'undefined' && eindjaar_t != null ? eindjaar_t['value'] : '';
	var eindjaarcss = typeof eindjaar_t != 'undefined' && eindjaar_t != null ? eindjaar_t['css'] : '';
	
	var indhuidigewerkgever = typeof indhuidigewerkgever_t != 'undefined' && indhuidigewerkgever_t != null ? indhuidigewerkgever_t['value'] : '';
	var indhuidigewerkgevercss = typeof indhuidigewerkgever_t != 'undefined' && indhuidigewerkgever_t != null ? indhuidigewerkgever_t['css'] : '';
	
	var functienummer = typeof functienummer_t != 'undefined' && functienummer_t != null ? functienummer_t['value'] : '';
	var functienummercss = typeof functienummer_t != 'undefined' && functienummer_t != null ? functienummer_t['css'] : '';
	
	var functienaam = typeof functienaam_t != 'undefined' && functienaam_t != null ? functienaam_t['value'] : '';
	var functienaamcss = typeof functienaam_t != 'undefined' && functienaam_t != null ? functienaam_t['css'] : '';
	
	var functieinhoud = typeof functieinhoud_t != 'undefined' && functieinhoud_t != null ? functieinhoud_t['value'] : '';
	var functieinhoudcss = typeof functieinhoud_t != 'undefined' && functieinhoud_t != null ? functieinhoud_t['css'] : '';
	
	container = typeof container != 'undefined' ? container : 'oContainerWerkervaring';

	var odiv = document.createElement('div');							
	odiv.className = "container";
	odiv.style.display = $.browser.version == '8.0' ? 'block' : 'none';
	odiv.style.background = '#f7f7f7';
	odiv.style.marginBottom = '15px';

	/** Bedrijfsnaam **/
	{
		/** Bedrijfsnaam - links **/
		var div = document.createElement('div');							
		div.className = 'formleft';
		div.innerHTML = 'Bedrijfsnaam&nbsp;';
	
		var img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		
		$(odiv).append(div);
	
		/** Bedrijfsnaam - rechts **/
		div = document.createElement('div');							
		div.className = 'formright';
	
		var input = createInputElement('text', $.sprintf('bedrijfsnaam[%d]', nrRulesWerk), $.sprintf('id_bedrijfsnaam_%d', nrRulesWerk), bedrijfsnaam, $.sprintf('text %s', bedrijfsnaamcss) );
		input.maxLength = 70;
		
		$(div).append(input);
		$(div).append(document.createTextNode('\u00a0'));
		/*
		var a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Bedrijfsnaam', 'Vul hier je bedrijfsnaam in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	/** Type bedrijf **/
	{
		/** Type bedrijf - links **/
		div = document.createElement('div');							
		div.className = 'formleft required';
		div.innerHTML = 'Type bedrijf&nbsp;';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);

		$(odiv).append(div);
	
		/** Type bedrijf - rechts **/
		div = document.createElement('div');							
		div.className = 'formright required';
	
		var oSelect = document.createElement('select');
		oSelect.name = $.sprintf('nr-type-bedrijf[%d]', nrRulesWerk);
		oSelect.id = $.sprintf('id_nr-type-bedrijf_%d', nrRulesWerk);
		oSelect.className = codetypebedrijfcss;
		$(oSelect).addOption(arrTypeBedrijf, false);
		
		$(oSelect).selectOptions(codetypebedrijf);
		
		$(div).append(oSelect);
		$(div).append(document.createTextNode('\u00a0'));
		/*
		var a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Type bedrijf', 'Vul hier je type bedrijf in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	/** Plaatsnaam **/
	{
		/** Plaatsnaam - links **/
		var div = document.createElement('div');							
		div.className = 'formleft';
		div.innerHTML = 'Plaatsnaam&nbsp;';
	
		var img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		
		$(odiv).append(div);
	
		/** Plaatsnaam - rechts **/
		div = document.createElement('div');							
		div.className = 'formright';
	
		var input = createInputElement('text', $.sprintf('wplaatsnaam[%d]', nrRulesWerk), $.sprintf('id_plaatsnaam_%d', nrRulesWerk), plaatsnaam, $.sprintf('text %s', plaatsnaamcss));
		input.maxLength = 70;
		
		$(div).append(input);
		$(div).append(document.createTextNode('\u00a0'));
		/*
		var a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Plaatsnaam', 'Vul hier je plaatsnaam in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	/** Start jaar **/
	{
		/** Startjaar - links **/
		div = document.createElement('div');							
		div.className = 'formleft required';
		div.innerHTML = 'Startjaar&nbsp;';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		
		$(odiv).append(div);
	
		/** Startjaar - rechts **/
		div = document.createElement('div');							
		div.className = 'formright required';
		
		var input = createInputElement('text', $.sprintf('wstartjaar[%d]', nrRulesWerk), $.sprintf('id_wstartjaar_%d', nrRulesWerk), startjaar, $.sprintf('text date %s', startjaarcss));
		$(input).mask('9999', {placeholder: ''});
		input.maxLength = 4;
		
		$(div).append(input);
		$(div).append(document.createTextNode('\u00a0'));
		/*
		var a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Startjaar', 'Vul hier je startjaar in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	/** Eindjaar **/
	{
		/** Eindjaar - links **/
		div = document.createElement('div');							
		div.className = 'formleft required';
		div.innerHTML = 'Eindjaar&nbsp;';
	
		$(odiv).append(div);
	
		/** Eindjaar - rechts **/
		div = document.createElement('div');							
		div.className = 'formright required';
		
		var input = createInputElement('text', $.sprintf('weindjaar[%d]', nrRulesWerk), $.sprintf('id_weindjaar_%d', nrRulesWerk), eindjaar, $.sprintf('text date %s', eindjaarcss));
		$(input).mask('9999', {placeholder: ''});
		input.maxLength = 4;
		
		$(div).append(input);
		$(div).append(document.createTextNode('\u00a0'));
		/*
		var a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Eindjaar', 'Vul hier je eindjaar in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	/** Huidige werkgever **/
	{
		/** Huidige werkgever - links **/
		div = document.createElement('div');							
		div.className = 'formleft';
		div.innerHTML = 'Huidige werkgever&nbsp;';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		
		$(odiv).append(div);
	
		/** Huidige werkgever - rechts **/
		div = document.createElement('div');							
		div.className = 'formright';

		input = createInputElement('hidden', $.sprintf('ind-huidige-werkgever[%d]', nrRulesWerk), $.sprintf('id_ind-huidige-werkgever0_%d', nrRulesWerk), '', '');
		$(div).append(input);
		
		$(div).append($.sprintf('<input type="radio" name="%s" id="%s" value="%s" class="%s" %s />', $.sprintf('ind-huidige-werkgever[%d]', nrRulesWerk), $.sprintf('ind-huidige-werkgever1_%d', nrRulesWerk), 'J', $.sprintf('styled %s', indhuidigewerkgevercss), indhuidigewerkgever == 'J' ? 'checked="checked"' : '') );

		var label = document.createElement('label');
		label.htmlFor = $.sprintf('id_ind-huidige-werkgever1_%d', nrRulesWerk);
		label.innerHTML = 'Ja';
		$(div).append(label);
	
		$(div).append($.sprintf('<input type="radio" name="%s" id="%s" value="%s" class="%s" %s />', $.sprintf('ind-huidige-werkgever[%d]', nrRulesWerk), $.sprintf('ind-huidige-werkgever2_%d', nrRulesWerk), 'N', $.sprintf('styled %s', indhuidigewerkgevercss), (indhuidigewerkgever == 'N' || indhuidigewerkgever == '')  ? 'checked="checked"' : '') );
	
		label = document.createElement('label');
		label.htmlFor = $.sprintf('id_ind-huidige-werkgever1_%d', nrRulesWerk);
		label.innerHTML = 'Nee';
		$(div).append(label);
		
		$(div).append(document.createTextNode('\u00a0'));
		/*
		var a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Huidige werkgever', 'Vul hier je huidige werkgever in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	/** Functienummer **/
	if( ind_functie_actief ) {
		/** Functienummer - links **/
		div = document.createElement('div');							
		div.className = 'formleft required';
		div.innerHTML = 'Functie&nbsp;';
		
		img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
	
		$(odiv).append(div);
	
		/** Functienummer - rechts **/
		div = document.createElement('div');							
		div.className = 'formright required';
		
		var oSelect = document.createElement('select');
		oSelect.name = $.sprintf('wfunctienummer[%d]', nrRulesWerk);
		oSelect.id = $.sprintf('id_wfunctienummer_%d', nrRulesWerk);
		oSelect.className = functienummercss;
		$(oSelect).addOption(arrFuncties, false);
		$(oSelect).selectOptions(functienummer);
		/*
		$(oSelect).change(function() {
			var v = $(this).selectedValues();
			var oid = $(this).attr('id').substr($(this).attr('id').lastIndexOf('_')+1, $(this).attr('id').length);
			if( v.length > 0 && v[0] == 'a' ) {
				$($.sprintf('#id_functie_%d', oid)).fadeIn('slow', function() {
					$(this).focus();
				});
			} else {
				$($.sprintf('#id_functie_%d', oid)).fadeOut('fast');
				$($.sprintf('#id_functienaam_%d', oid)).val('');
				$($.sprintf('#id_functie-inhoud_%d', oid)).val('');
			}
		});
		*/
		
		$(div).append(oSelect);
		$(div).append(document.createTextNode('\u00a0'));
		/*
		var a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Functie', 'Vul hier je functie in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	var cdiv = document.createElement('div');
	cdiv.id = $.sprintf('id_functie_%d', nrRulesWerk);
	//cdiv.style.display = functienaam == '' ? 'none' : 'block';
	
	/** Functienaam **/
	{
		/** Functienaam - links **/
		div = document.createElement('div');							
		div.className = 'formleft';
		div.innerHTML = 'Functienaam&nbsp;';
		/*
		img = document.createElement('img');
		img.src = $.sprintf('%simages/img_star-mandatory.jpg', siteurl);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		*/
		$(cdiv).append(div);
	
		/** Functienaam - rechts **/
		div = document.createElement('div');							
		div.className = 'formright';
	
		input = createInputElement('text', $.sprintf('functie-naam[%d]', nrRulesWerk), $.sprintf('id_functie-naam_%d', nrRulesWerk), functienaam, $.sprintf('text %s', functienaamcss));
		input.maxLength = 70;
		
		$(div).append(input);
		$(div).append(document.createTextNode('\u00a0'));
		/*
		a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Functienaam', 'Vul hier je functienaam in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		$(cdiv).append(div);
	
		addClearDiv( $(cdiv) );
	}
	
	$(odiv).append(cdiv);

	/** Functie inhoud **/
	{
		/** Functie inhoud - links **/
		div = document.createElement('div');							
		div.className = 'formleft';
		div.innerHTML = 'Functie inhoud&nbsp;';
	
		$(odiv).append(div);
	
		/** Functienaam - rechts **/
		div = document.createElement('div');							
		div.className = 'formright';
	
		var textarea = document.createElement('textarea');
		textarea.name = $.sprintf('functie-inhoud[%d]', nrRulesWerk);
		textarea.id = $.sprintf('id_functie-inhoud_%d', nrRulesWerk);
		textarea.cols = 1;
		textarea.rows = 1;
		textarea.className = $.sprintf('text %s', functieinhoudcss);
		textarea.innerHTML = functieinhoud;
		$(textarea).keyup(function() {
			limitChars($(this).attr("id"), 400, $(this).attr("id") + "_chars");
		});
	
		$(div).append(textarea);
		/*
		a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Functienaam', 'Vul hier je functie in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		var div2 = document.createElement('div');							
		div2.className = 'chars';
		div2.id = $.sprintf('id_functie-inhoud_%d_chars', nrRulesWerk);
		$(div2).html($.sprintf('Resterend aantal characters: %d', 400-functieinhoud.length));
		
		$(div).append(div2);
		
		$(odiv).append(div);
	
		addClearDiv( $(odiv) );
	}

	
	addRemoveDiv($(odiv), 'Verwijder deze werkervaring', werkToevoegen);

	$($.sprintf('#%s', container)).append(odiv);
	$(odiv).fadeIn('slow', function() { 
		FormElements.init(); 
		$('select', this).each(function() {
			$(this).sSelect({ddMaxHeight: '300px'});
		});
	});

	nrRulesWerk++;
}

nrRulesFunctie = 0;

/**
 *  void functieToevoegen ( string, string )
 *
 *	Voegt een wens functie invoerscherm toe aan de pagina werknemers inschrijven - stap 6
 *
 *	@param bedrijfsnaam			Bedrijfsnaam
 *	@param codetypebedrijf		Code type bedrijf
 *
 */
function functieToevoegen( functienummer_t, reden_t, container ) {

	var functienummer = typeof functienummer_t != 'undefined' && functienummer_t != null ? functienummer_t['value'] : '';
	var functienummercss = typeof functienummer_t != 'undefined' && functienummer_t != null ? functienummer_t['css'] : '';
	
	var reden = typeof reden_t != 'undefined' && reden_t != null ? reden_t['value'] : '';
	var redencss = typeof reden_t != 'undefined' && reden_t != null ? reden_t['css'] : '';
	
	container = typeof container != 'undefined' ? container : 'oContainerFuncties';

	var odiv = document.createElement('div');							
	odiv.className = "container";
	odiv.style.display = $.browser.version == '8.0' ? 'block' : 'none';
	odiv.style.background = '#f7f7f7';
	odiv.style.marginBottom = '15px';

	/** Functienaam **/
	{
		/** Functienaam - links **/
		var div = document.createElement('div');							
		div.className = 'formleft required';
		div.innerHTML = 'Functienaam&nbsp;';
	
		var img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		
		$(odiv).append(div);
	
		/** Functienaam - rechts **/
		div = document.createElement('div');							
		div.className = 'formright required';
	
		var oSelect = document.createElement('select');
		oSelect.name = $.sprintf('functienummer[%d]', nrRulesFunctie);
		oSelect.id = $.sprintf('id_functienummer_%d', nrRulesFunctie);
		oSelect.className = functienummercss;
		$(oSelect).addOption(arrWensFuncties, false);
		$(oSelect).selectOptions(functienummer);
		
		$(div).append(oSelect);
		$(div).append(document.createTextNode('\u00a0'));
		/*
		var a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Functienaam', 'Vul hier je functienaam in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	/** Reden **/
	{
		/** Functie inhoud - links **/
		div = document.createElement('div');							
		div.className = 'formleft';
		div.innerHTML = 'Reden&nbsp;';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		
		$(odiv).append(div);
	
		/** Functienaam - rechts **/
		div = document.createElement('div');							
		div.className = 'formright';
	
		var textarea = document.createElement('textarea');
		textarea.name = $.sprintf('reden[%d]', nrRulesFunctie);
		textarea.id = $.sprintf('id_reden_%d', nrRulesFunctie);
		textarea.cols = 1;
		textarea.rows = 1;
		textarea.className = $.sprintf('text %s', redencss);
		textarea.innerHTML = reden;
		$(textarea).keyup(function() {
			limitChars($(this).attr("id"), 100, $(this).attr("id") + "_chars");
		});
	
		$(div).append(textarea);
		$(div).append(document.createTextNode('\u00a0'));
		/*
		a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Reden', 'Vul hier je reden in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		var div2 = document.createElement('div');							
		div2.className = 'chars';
		div2.id = $.sprintf('id_reden_%d_chars', nrRulesFunctie);
		$(div2).html($.sprintf('Resterend aantal characters: %d', 100-reden.length));
		
		$(div).append(div2);
		
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	addRemoveDiv($(odiv), 'Verwijder deze gewenste functie', functieToevoegen);

	$($.sprintf('#%s', container)).append(odiv);
	$(odiv).fadeIn('slow', function() { 
		FormElements.init(); 
		$('select', this).each(function() {
			$(this).sSelect({ddMaxHeight: '300px'});
		});
	});

	nrRulesFunctie++;
}

nrRulesTeelt = 0;

/**
 *  void teeltToevoegen ( string, string )
 *
 *	Voegt een wens teelt invoerscherm toe aan de pagina werknemers inschrijven - stap 6
 *
 *	@param bedrijfsnaam			Bedrijfsnaam
 *	@param codetypebedrijf		Code type bedrijf
 *
 */
function teeltToevoegen( codeteelt_t, reden_t, container ) {

	var codeteelt = typeof codeteelt_t != 'undefined' && codeteelt_t != null ? codeteelt_t['value'] : '';
	var codeteeltcss = typeof codeteelt_t != 'undefined' && codeteelt_t != null ? codeteelt_t['css'] : '';
	
	var reden = typeof reden_t != 'undefined' && reden_t != null ? reden_t['value'] : '';
	var redencss = typeof reden_t != 'undefined' && reden_t != null ? reden_t['css'] : '';

	container = typeof container != 'undefined' ? container : 'oContainerTeelt';
	
	var odiv = document.createElement('div');							
	odiv.className = "container";
	odiv.style.display = $.browser.version == '8.0' ? 'block' : 'none';
	odiv.style.background = '#f7f7f7';
	odiv.style.marginBottom = '15px';

	/** Teelt **/
	{
		/** Teelt - links **/
		var div = document.createElement('div');							
		div.className = 'formleft';
		div.innerHTML = 'Teelt&nbsp;';
	
		var img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		
		$(odiv).append(div);
	
		/** Functienaam - rechts **/
		div = document.createElement('div');							
		div.className = 'formright';
	
		var oSelect = document.createElement('select');
		oSelect.name = $.sprintf('code-teelt[%d]', nrRulesTeelt);
		oSelect.id = $.sprintf('id_code-teelt_%d', nrRulesTeelt);
		oSelect.className = codeteeltcss;
		$(oSelect).addOption(arrTeelt, false);
		$(oSelect).selectOptions(codeteelt);
		
		$(div).append(oSelect);
		$(div).append(document.createTextNode('\u00a0'));
		/*
		var a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Functienaam', 'Vul hier je functienaam in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	/** Reden **/
	{
		/** Functie inhoud - links **/
		div = document.createElement('div');							
		div.className = 'formleft';
		div.innerHTML = 'Reden&nbsp;';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		
		$(odiv).append(div);
	
		/** Functienaam - rechts **/
		div = document.createElement('div');							
		div.className = 'formright';
	
		var textarea = document.createElement('textarea');
		textarea.name = $.sprintf('redenTeelt[%d]', nrRulesTeelt);
		textarea.id = $.sprintf('id_redenTeelt_%d', nrRulesTeelt);
		textarea.cols = 1;
		textarea.rows = 1;
		textarea.className = $.sprintf('text %s', redencss);
		textarea.innerHTML = reden;
		$(textarea).keyup(function() {
			limitChars($(this).attr("id"), 100, $(this).attr("id") + "_chars");
		});
	
		$(div).append(textarea);
		$(div).append(document.createTextNode('\u00a0'));
		
		
		
		
		/*
		a = document.createElement('a');
		a.src = '#';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/icn_help.jpg', siteurl);
		
		a.appendChild(img);
		
		div.appendChild(a);

		addHelpDiv( div, 'Reden', 'Vul hier je reden in' );
		$(a).tooltip({position: ['top', 'right'], offset: [0,-30]});
		*/
		var div2 = document.createElement('div');							
		div2.className = 'chars';
		div2.id = $.sprintf('id_redenTeelt_%d_chars', nrRulesTeelt);
		$(div2).html($.sprintf('Resterend aantal characters: %d', 100-reden.length));
		
		$(div).append(div2);
		
		$(odiv).append(div);
	
		addClearDiv( $(odiv) );
	}

	addRemoveDiv($(odiv), 'Verwijder deze gewenste teelt', teeltToevoegen);
	
	$($.sprintf('#%s', container)).append(odiv);
	$(odiv).fadeIn('slow', function() { 
		FormElements.init(); 
		$('select', this).each(function() {
			$(this).sSelect({ddMaxHeight: '300px'});
		});
	});

	nrRulesTeelt++;
}

/**
 *  void productgroepToevoegen ( string, string )
 *
 *	Voegt een wens productgroep invoerscherm toe aan de pagina werknemers inschrijven - stap 6
 *
 */
 
nrRulesProductgroep = 0;

function productgroepToevoegen( codeproductgroep_t, reden_t, container ) {

	var codeproductgroep = typeof codeproductgroep_t != 'undefined' && codeproductgroep_t != null ? codeproductgroep_t['value'] : '';
	var codeproductgroepcss = typeof codeproductgroep_t != 'undefined' && codeproductgroep_t != null ? codeproductgroep_t['css'] : '';
	
	var reden = typeof reden_t != 'undefined' && reden_t != null ? reden_t['value'] : '';
	var redencss = typeof reden_t != 'undefined' && reden_t != null ? reden_t['css'] : '';

	container = typeof container != 'undefined' ? container : 'oContainerProductgroep';
	
	var odiv = document.createElement('div');							
	odiv.className = "container";
	odiv.style.display = $.browser.version == '8.0' ? 'block' : 'none';
	odiv.style.background = '#f7f7f7';
	odiv.style.marginBottom = '15px';

	/** Productgroep **/
	{
		/** Productgroep - links **/
		var div = document.createElement('div');							
		div.className = 'formleft';
		div.innerHTML = 'Productgroep&nbsp;';
	
		var img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		
		$(odiv).append(div);
	
		/** Groepnaam - rechts **/
		div = document.createElement('div');							
		div.className = 'formright';
	
		var oSelect = document.createElement('select');
		oSelect.name = $.sprintf('code-productgroep[%d]', nrRulesProductgroep);
		oSelect.id = $.sprintf('id_code-productgroep_%d', nrRulesProductgroep);
		oSelect.className = codeproductgroepcss;
		$(oSelect).addOption(arrProductgroep, false);
		$(oSelect).selectOptions(codeproductgroep);
		
		$(div).append(oSelect);
		$(div).append(document.createTextNode('\u00a0'));
		
		$(odiv).append(div);
	
		addClearDiv($(odiv));
	}
	
	/** Reden **/
	{
		/** Functie inhoud - links **/
		div = document.createElement('div');							
		div.className = 'formleft';
		div.innerHTML = 'Reden&nbsp;';
	
		img = document.createElement('img');
		img.src = $.sprintf('%simages/%s/img_star-mandatory.jpg', siteurl, codename);
		img.style.verticalAlign = 'top';
		
		div.appendChild(img);
		
		$(odiv).append(div);
	
		/** Functienaam - rechts **/
		div = document.createElement('div');							
		div.className = 'formright';
	
		var textarea = document.createElement('textarea');
		textarea.name = $.sprintf('redenProductgroep[%d]', nrRulesProductgroep);
		textarea.id = $.sprintf('id_redenProductgroep_%d', nrRulesProductgroep);
		textarea.cols = 1;
		textarea.rows = 1;
		textarea.className = $.sprintf('text %s', redencss);
		textarea.innerHTML = reden;
		$(textarea).keyup(function() {
			limitChars($(this).attr("id"), 100, $(this).attr("id") + "_chars");
		});
	
		$(div).append(textarea);
		$(div).append(document.createTextNode('\u00a0'));
		
		var div2 = document.createElement('div');							
		div2.className = 'chars';
		div2.id = $.sprintf('id_redenProductgroep_%d_chars', nrRulesProductgroep);
		$(div2).html($.sprintf('Resterend aantal characters: %d', 100-reden.length));
		
		$(div).append(div2);
		
		$(odiv).append(div);
	
		addClearDiv( $(odiv) );
	}

	addRemoveDiv($(odiv), 'Verwijder deze gewenste productgroep', productgroepToevoegen);
	
	$($.sprintf('#%s', container)).append(odiv);
	$(odiv).fadeIn('slow', function() { 
		FormElements.init(); 
		$('select', this).each(function() {
			$(this).sSelect({ddMaxHeight: '300px'});
		});
	});

	nrRulesProductgroep++;
}


function limitChars(textid, limit, infodiv) {
	var text = $($.sprintf('#%s', textid)).val(); 
	var textlength = text.length;
	
	if(textlength > limit) {
		$($.sprintf('#%s', textid)).val(text.substr(0,limit));
		return false;
	} else {
		$($.sprintf('#%s', infodiv)).html('Resterend aantal characters: '+ (limit - textlength));
		return true;
	}
}


/**
 * element createInputElement ( string, string, string, string )
 *
 * Creert een input element met een aantal attributen
 *
 * @param n		De name
 * @param i		Het id
 * @param v		De value
 * @param c		De className
 *
 * @return		Het input element
 */
function createInputElement( t, n, i, v, c, ch, di ) {
	var input = document.createElement("input");
	input.type = t;
	input.name = n;
	input.id = i;
	input.value = v;
	input.className = typeof c != "undefined" ? c : '';
	if( typeof ch != "undefined" && ch != null )
		input.onchange = new Function(ch);
	if( typeof di != "undefined" && di ) {
		input.onkeydown = function(){ return false; };
		input.onfocus = function(){ this.blur(); };
	}
	return input;
}


/* Global
--------------------------------------------------------------------*/
$(document).ready(function() {
	
	var arr = document.getElementsByTagName('a');
	for(i = 0; i < arr.length; i++)
		arr[i].onfocus = new Function("this.blur()");
	
	var arr = document.getElementsByTagName('input');
	for(i = 0; i < arr.length; i++)
		if(arr[i].className == 'button')
			arr[i].onfocus = new Function("this.blur()");

	$(".popupwindow").each( function(index) {
		$(this).popupwindow({ front : {
			height:768,
			width:1024,
			toolbar:1,
			scrollbars:1,
			status:1,
			resizable:1,
			left:0,
			top:0,
			center:1,
			createnew:0,
			location:1,
			menubar:1
		} });
	});

	FormElements.init();
	
	$.ifixpng(siteurl + 'images/beheer/transparant.gif');
	$('img[src$=png]').ifixpng();

});

function redirect( strURL ) {
	window.location = strURL;
}

function selectOptionByValue(strValue, obj) {
	var i = 0
	while ( i < obj.options.length) {
		if(obj.options[i].value == strValue) {
			obj.selectedIndex = i;
			return;
		}
		i++;
	}
	obj.selectedIndex = 0;
}

function removeOptionByValue(strValue, obj) {
	var i = 0
	while ( i < obj.options.length) {
		if(obj.options[i].value == strValue) {
			obj.options[i] = null;
			return;
		}
		i++;
	}
}

function getkey(e) {
	if (window.event)
		return window.event.keyCode;
	else if (e)
		return e.which;
	else
		return null;
}

function validChars(e, goods) {
	var key, keychar;
	key = getkey(e);
	if (key == null) 
		return true;

	keychar = String.fromCharCode(key);
	keychar = keychar.toLowerCase();
	goods = goods.toLowerCase();
	if (goods.indexOf(keychar) != -1)
		return true;

	if ( key==null || key==0 || key==8 || key==9 || key==13 || key==27 )
		return true;
	
	return false;
}

function isDate(intDay, intMonth, intYear) {
	var daysInMonth = new Array( 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
	
	if( intDay == ''  &&  intMonth == ''  &&  intYear == '')
		return false;
	
	if( isNaN(intDay) || isNaN(intMonth) || isNaN(intYear))
		return false;

	if( intMonth < 1 || intMonth > 12 )
		return false;
	
	if( intYear < 1753 || intYear > 2100)
		return( false);
	
	if( intMonth == 2 && intDay == 29)
	   if(!(intYear % 4 == 0 && (intYear % 100 != 0 || intYear % 400 == 0))) 
	   	return false;
	
	if( intDay < 1  ||  intDay > daysInMonth[intMonth - 1])
		return false;
	
	return true;
}

function isEmail(strEmail) {
	var AtSym    = strEmail.indexOf('@')
	var Period   = strEmail.lastIndexOf('.')
	var Space    = strEmail.indexOf(' ')
	var Length   = strEmail.length - 1
	
	if( AtSym < 1 || Period <= AtSym + 1 || Period == Length || Space != -1 )
	 return false;

	return true;
}

function IsInteger(event) {
	//alert( event.keyCode );
	if( (event.keyCode == 8 || event.keyCode == 64 ||event.keyCode == 189 || event.keyCode == 109) ||
	(event.keyCode >= 48 && event.keyCode <= 57) || 
	(event.keyCode >= 96 && event.keyCode <= 105) ) {
		return true;
	}
	else {
		return false;
	}
	
}

function isURL(strUrl) {

  if (strUrl.indexOf(" ") != -1)
    return false;

  if (strUrl.indexOf(".") == -1)
    return false;
  else if (strUrl.indexOf(".") == 0)
    return false;
  else if (strUrl.charAt(strUrl.length - 1) == ".")
    return false;

  if (strUrl.indexOf("/") != -1) {
    strUrl = strUrl.substring(0, strUrl.indexOf("/"));
    if (strUrl.charAt(strUrl.length - 1) == ".")
      return false;
  }

  if (strUrl.indexOf(":") != -1) {
    if (strUrl.indexOf(":") == (strUrl.length - 1))
      return false;
    else if (strUrl.charAt(strUrl.indexOf(":") + 1) == ".")
      return false;
    strUrl = strUrl.substring(0, strUrl.indexOf(":"));
    if (strUrl.charAt(strUrl.length - 1) == ".")
      return false;
  }

  return true;

}

function isIp(strIp) {
	ipArray = strIp.split('.');
	if(ipArray.length != 4) {
		alert("U dient een correct IP-adres op te geven (xxx.xxx.xxx.xxx)");
		return false;
	}
	for (var i = 0; i < ipArray.length; i++)
		if (ipArray[i] < 0 || ipArray[i] > 255 || ipArray[i] == '') {
			alert("U dient een correct IP-adres op te geven (xxx.xxx.xxx.xxx en xxx < 256)");
			return false;
		}
	return true;
}

function checkZip( strZip, strFormat){
    var good, pcPos, pcChar, fmtPos, fmtChar, strNew;

    /* Lege strFormat string? dan is alles goed */
    if( strFormat == null  ||  strFormat == '') return strZip;

    strNew = '';
    fmtPos = 0;
    pcPos  = 0;
    good   = true;
    while( fmtPos < strFormat.length  &&  pcPos <= strZip.length  &&  good) {
        fmtChar = strFormat.charAt( fmtPos);
        pcChar  = strZip.charAt( pcPos);
        copy = true;

        if( fmtChar == '9') {
            good = (pcChar >= '0' &&  pcChar <= '9');
        }
        else if( fmtChar == 'a' ||  fmtChar == 'A') {
            good = ((pcChar >= '0'  &&  pcChar <= '9')  ||  (pcChar >= 'a' &&  pcChar <= 'z')  ||  (pcChar >= 'A'  &&  pcChar <= 'Z'));
        }
        else if( fmtChar == '*') {          /* We hebben een ster, dus we zijn klaar, kopieer de rest van de strZip */
            strNew  += strZip.substring( pcPos, strZip.length);
            fmtPos += 1;
            pcPos   = strZip.length;
            copy = false;
        }
        else if( fmtChar != pcChar) {       /* We hebben niet het gewenst format character, dus voeg het toe aan de nieuwe */
            strNew  += fmtChar;
            fmtPos += 1;
            copy = false;
        }

        if( good  &&  copy) {
            strNew += pcChar;
            pcPos += 1;
            fmtPos += 1;
        }
    }

    good = (pcPos == strZip.length  &&  fmtPos == strFormat.length);
    return (good ? strNew : null);
}

/* function default checkFrm */
function checkForm( arr ) {
	
	var frm = document.getElementById('id_frm');
	
	for( i=0; i < arr.length; i++ ) {
		
		/* split key->value */
		tmp = arr[i].split("->");
		
		/* key: email */
		if( tmp[0] == 'email' && frm[tmp[0]].value != '' && !isEmail(frm[tmp[0]].value) ) {
			alert("Geef een geldig e-mailaddres op: `"+ tmp[1] + "`");	
			frm[tmp[0]].focus();
			return false;
		}
		
		/* key: default */
		if( frm[tmp[0]].value == '' ) {
			alert("Je hebt het veld `"+ tmp[1] + "` niet ingevuld.");	
			frm[tmp[0]].focus();
			return false;
		}
		
	}
	
	$('id_check').value = 7552;
	
	return true;
	
}

/* function default checkFrm */
function checkFormAlbum( arr ) {
	
	var frm = document.getElementById('id_frm_album');
	
	for( i=0; i < arr.length; i++ ) {
		
		/* split key->value */
		tmp = arr[i].split("->");
		
		/* key: email */
		if( tmp[0] == 'email' && frm[tmp[0]].value != '' && !isEmail(frm[tmp[0]].value) ) {
			alert("Geef een geldig e-mailaddres op: `"+ tmp[1] + "`");	
			frm[tmp[0]].focus();
			return false;
		}
		
		/* key: default */
		if( frm[tmp[0]].value == '' ) {
			alert("Je hebt het veld `"+ tmp[1] + "` niet ingevuld.");	
			frm[tmp[0]].focus();
			return false;
		}
		
	}
	
	$('id_check').value = 7552;
	
	return true;
	
}

/**
 * switchDiv
 *
 * Function for displaying or hiding an element.
 *
 * @param strId	The id of the element to hide or display
 */
function switchDiv( strDiv ) {
	if( $('#' + strDiv).css("display") == 'block')
		$('#' + strDiv).fadeOut();
	else
		$('#' + strDiv).fadeIn();
}

function checkKeyEnter(e) {
        var key;
        if (window.event)
           key = window.event.keyCode;
        else if (e)
           key = e.which;

        return key == 13;

}

function checkLogin( pfx, e ) {
	
	if( checkKeyEnter(e) ) { 
	
		var frm = $($.sprintf('#frm_%s', pfx));
		
		var f;
		
		if( (f = $($.sprintf("#id_%s_gebruikersnaam", pfx), frm)).val() == "" ) {
			alert("U dient een gebruikersnaam op te geven");
			f.focus();
			return false;
		} else if( (f = $($.sprintf("#id_%s_wachtwoord", pfx), frm)).val() == "" ) {
			alert("U dient een wachtwoord op te geven");
			f.focus();
			return false;
		}

		frm.submit();
		
	}
}

/* twitter */
function parseDate(str) {
  var v=str.split(' ');
  return new Date(Date.parse(v[1]+" "+v[2]+", "+v[5]+" "+v[3]+" UTC"));
} 


String.prototype.parseURL = function() {
	return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:@#%&\?\/.=]+/, function(url) {
		return url.link(url).replace('<a', '<a style="word-wrap: break-word;" rel="fullfront"');
	});
};

String.prototype.parseUsername = function() {
	return this.replace(/[@]+[A-Za-z0-9-_]+/, function(u) {
		return u;
		var username = u.replace("@","")
		return u.link("http://twitter.com/"+username).replace('<a', '<a rel="fullfront"');
	});
};

String.prototype.parseHashtag = function() {
	return this.replace(/[#]+[A-Za-z0-9-_]+/, function(t) {
		var tag = t.replace("#","%23")
		return t.link("http://search.twitter.com/search?q="+tag).replace('<a', '<a rel="fullfront"');
	});
};

function retweet() {
	window.open($.sprintf('http://twitter.com/home?status=RT @MC_Glastuinbouw %s', $tc));
}

function right(str, n){
    if (n <= 0)
       return "";
    else if (n > String(str).length)
       return str;
    else {
       var iLen = String(str).length;
       return String(str).substring(iLen, iLen - n);
    }
}

function addTwitter() {

	$.jTwitter('MC_Glastuinbouw', 2, function(userdata){

		var $start = 0;
		var $total = $('tr.tweet').length;
		$.each(userdata, function(i,item){
			if( $start > 1 )
				return;
			
			var $curr = parseDate(item.created_at);
			
			var $day = right("0"+$curr.getDate(), 2);
			var $month = right("0"+($curr.getUTCMonth()+1), 2);
			var $year = ""+$curr.getFullYear();
			
			var $tmp = $.sprintf('%s-%s-%d', $day, $month, $year.substring(1,4));

			$('#twittercontent').append($.sprintf('<div class="tweet"><span class="date"><b>%s</b></span>&nbsp;%s<br /><br /></div>', $tmp, item.text.parseURL().parseUsername().parseHashtag()));

			$start++;

		});
		
		$("#twittercontent a").each( function(index) {
			var myprofiles = {
						fullfront: {
							height:768,
							width:1024,
							toolbar:1,
							scrollbars:1,
							status:1,
							resizable:1,
							left:0,
							top:0,
							center:1,
							createnew:0,
							location:1,
							menubar:1
						}
					};
			
			$(this).bind('click', function() {
				window.open( $(this).attr('href') );
				return false;
			});
			
		});

	});
}