/**
 * Display the form hint for the given field type.
 * Returns true if the hint was found and displayed else false.
 */
function showFormHint(type, evt, panelName, extra) {

 	var event = evt || window.event;

	$("resourceMessage").innerHTML="";

	//Challenge
	if (type == "ChallengeSummary") {
		$("resourceMessage").insert("(compulsory) - Enter a new Key Challenge summary. This will form the Key Challenge title displayed in lists.");
	} else if (type == "ChallengeTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme associated to this Key Challenge. These are used to help cluster Key Challenges around Themes and also provide recommendations based on Theme matching. You can enter more than one.");
	} else if (type == "ChallengeDesc") {
		$("resourceMessage").insert("(optional) - Enter a longer description of the Key Challenge");
	} else if (type == "ChallengeTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Key Challenge. You can enter more than one in a comma separated list.");
 	} else if (type == "ChallengeTagAdded") {
		$("resourceMessage").insert("This is a list of tags you have added to this Key Challenge. Tick the tags in the list if you wish to delete them.");
 	} else if (type == "ChallengeReason") {
		$("resourceMessage").insert("Describe why you think this Key Challenge is relevant to: "+extra);
	} else if (type == "Challenges") {
		$("resourceMessage").insert("Select the Key Challenges that you wish to relate to: "+extra);

	// Issues
	} else if (type == "IssueSummary") {
		$("resourceMessage").insert("(compulsory) - Enter a new Requirement / Issue summary. This will form the Requirement / Issue title displayed in lists.");
	} else if (type == "IssueDesc") {
		$("resourceMessage").insert("(optional) - Enter a longer description of the Requirement / Issue");
	} else if (type == "IssueChallenges") {
		$("resourceMessage").insert("(optional) - Select one or more Key Challenges that this Requirement / Issue relates to.");
	} else if (type == "IssueTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme associated to this Requirement / Issue. These are used to help cluster Requirements / Issues around Themes and also provide recommendations based on Theme matching. You can enter more than one.");
	} else if (type == "IssueTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Requirement / Issue. You can enter more than one in a comma separated list");
	} else if (type == "IssueTagAdded") {
		$("resourceMessage").insert("This is a list of tags you have added to this Requirement / Issue. Tick the tags in the list if you wish to delete them.");
	} else if (type == "IssueReason") {
		$("resourceMessage").insert("(optional) - Describe why you think this Requirement / Issue is relevant to: "+extra);
	} else if (type == "IssueOtherChallenge") {
		$("resourceMessage").insert("(optional) - Select any other Key Challenges that you want to relate to this Requirement / Issue");
	} else if (type == "IssueResource") {
		$("resourceMessage").insert("(optional) - Add any Publications, website, or images etc.. that form part of or support this Requirement / Issue. You can enter more than one.");

	// Solutions
	} else if (type == "SolutionSummary") {
		$("resourceMessage").insert("(compulsory) - Enter a new Technological Capability summary. This will form the item title.");
	} else if (type == "SolutionTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme associated to this Technological Capabilityn. These are used to help cluster Technological Capabilities around Themes and also provide recommendations based on Theme matching. You can enter more than one.");
	} else if (type == "SolutionPro") {
		$("resourceMessage").insert("Enter a piece of supporting evidence for the above Technological Capability. Add a summary of the evidence, and then if desired a fuller description and/or a url for a website that contributes to/is the evidence.");
	} else if (type == "SolutionCon") {
		$("resourceMessage").insert("Enter a piece of opposing evidence for the above Technological Capability.  Add a summary of the evidence, and then if desired a fuller description and/or a url for a website that contributes to/is the evidence.");
	} else if (type == "SolutionDesc") {
		$("resourceMessage").insert("(optional) - Enter a longer description of the Technological Capability");
	} else if (type == "SolutionTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Technological Capability. You can enter more than one in a comma separated list.");
	} else if (type == "SolutionTagAdded") {
		$("resourceMessage").insert("This is a list of tags you have added to this Technological Capability. Tick the tags in the list if you wish to delete them.");
 	} else if (type == "SolutionReason") {
		$("resourceMessage").insert("(optional) - Describe why you think this Technological Capability is relevant to: "+extra);

	// Claims
	} else if (type == "ClaimSummary") {
		$("resourceMessage").insert("(compulsory) - Enter a new Research Claim summary. This will be the Research Claim title displayed in lists.");
	} else if (type == "ClaimTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme associated to this Research Claim. These are used to help cluster Research Claims around Themes and also provide recommendations based on Theme matching. You can enter more than one.");
	} else if (type == "ClaimDesc") {
		$("resourceMessage").insert("(optional) - Enter a longer description of the Research Claim");
	} else if (type == "ClaimReason") {
		$("resourceMessage").insert("(optional) - Describe why you think this Research Claim  is relevant to: "+extra);
	} else if (type == "ClaimTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Research Claim. You can enter more than one in a comma separated list.");
	} else if (type == "ClaimTagAdded") {
		$("resourceMessage").insert("This is a list of tags you have added to this Research Claim. Tick the tags in the list if you wish to delete them.");

	// Evidence
	} else if (type == "EvidenceSummary") {
		$("resourceMessage").insert("(compulsory) - Enter a summary of the Evidence. This will be the Evidence title displayed in lists.");
	} else if (type == "EvidenceDesc") {
		$("resourceMessage").insert("(optional) - Enter a longer description of the Evidence");
	} else if (type == "EvidenceWebsites") {
		$("resourceMessage").insert("(optional) - Add any Publications, website, or images etc.. that form part of or support this Evidence. You can enter more than one.");
	} else if (type == "EvidenceTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme associated with this evidence. These are used to help cluster Evidence around Themes and also provide recommendations based on Theme matching. You can enter more than one.");
	} else if (type == "EvidenceType") {
		$("resourceMessage").insert("(compulsory) - Select what sort of Evidence you wish to submit - the default is Anecdote, but if you can be more specific that would be helpful.");
 	} else if (type == "EvidenceTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Evidence. You can enter more than one in a comma separated list.");
 	} else if (type == "EvidenceTagAdded") {
		$("resourceMessage").insert("This is a list of tags you have added to this Evidence. Tick the tags in the list if you wish to delete them.");
	} else if (type == "EvidenceReason") {
		$("resourceMessage").insert("(optional) - Describe why you think this Evidence is relevant to: "+extra);
	} else if (type == "EvidenceProjects") {
		$("resourceMessage").insert("(optional) - Add any Projects assoicated with this Evidence. You can enter more than one.");
	} else if (type == "EvidenceOrganizations") {
		$("resourceMessage").insert("(optional) - Add any People/Organizations assoicated with this Evidence. You can enter more than one.");

	// Resource
	} else if (type == "Resources") {
		$("resourceMessage").insert("(optional) - Enter any web resources supporting your Evidence");
	} else if (type == "RemoteEvidenceResources") {
		$("resourceMessage").insert("(optional) - Enter any web Resources supporting your Evidence. The url of the site you are currently on should have been automatically entered for you, as well as any selected text.");
	} else if (type == "OrgResources") {
		$("resourceMessage").insert("(optional) - Please add the website for this organization or project and any other supporting web resources you feel will be useful to people viewing this item. You can enter more than one.");
	} else if (type == "ResourceClip") {
		$("resourceMessage").insert("This is the text you have selected on the website");
	} else if (type == "ResourceType") {
		$("resourceMessage").insert("(compulsory) - Select what sort of Resource you wish to submit - the default is Other Web Resource, which covers website and any urls which are not Publications.");
	} else if (type == "ResourceTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme associated with this Resource. These are used to help cluster Resources around Themes and also provide recommendations based on Theme matching. You can enter more than one.");
	} else if (type == "ResourceTitle") {
		$("resourceMessage").insert("(compulsory) - Enter a title for the Resource. If you do not complete the title, the url will be used, which may not be ideal. Bear in mind, that this title will be used in all listings of this Resource<br><br>You can use the arrow button at the end of the URL field to try and fetch the title from the website page automatically if you wish.");
	} else if (type == "ResourceURL") {
		$("resourceMessage").insert("(compulsory) - Enter the url of the Resource");
	} else if (type == "ResourceDOI") {
		$("resourceMessage").insert("(optional) - Enter the digital object identifier (DOI) for the Publication you are adding, if known.");
	} else if (type == "ResourceTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Resource. You can enter more than one in a comma separated list.");
 	} else if (type == "ResourceTagAdded") {
		$("resourceMessage").insert("This is a list of tags you have added to this Resource. Tick the tags in the list if you wish to delete them.");
	} else if (type == "ResourceReason") {
		$("resourceMessage").insert("(optional) - Describe why you think this Resource is relevant to: "+extra);
	} else if (type == "ResourceProjects") {
		$("resourceMessage").insert("(optional) - Add any Projects linked to this Resource. You can enter more than one."+extra);
	} else if (type == "ResourceOrganizations") {
		$("resourceMessage").insert("(optional) - Add any People/Organizations linked to this Resource. You can enter more than one."+extra);

	// organization / project
	} else if (type == "OrgType") {
		$("resourceMessage").insert("(compulsory) - Select if you are entering information about an Person/Organization or Project");
	} else if (type == "OrgTown") {
		$("resourceMessage").insert("(optional) - Town or City where the Person/Organization or Project is primarily based. For the People/Organizations/Projects to appear on the Map you must enter at least the city/town and the country.");
	} else if (type == "OrgCountry") {
		$("resourceMessage").insert("(optional) - Geographical country where the Person/Organization or Project is primarily based.");
	} else if (type == "OrgTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme of interest to your People/Organizations/Projects. These are used to help cluster Person/Organization and Project and also provide recommendations based on Theme matching. You can enter more than one.");
	} else if (type == "OrgName") {
		$("resourceMessage").insert("(compulsory) - The Person/Organization or Project name.");
	} else if (type == "OrgPartner") {
		$("resourceMessage").insert("(optional) - People/Organizations or Projects with which your Person/Organization or Project has a major partnership with in the community. You can enter more than one.");
	} else if (type == "OrgDesc") {
		$("resourceMessage").insert("(optional) - A longer description about the Person/Organization or Project");
	} else if (type == "OrgWebsites") {
		$("resourceMessage").insert("(optional) - Please add the website for this Person/Organization or Project and any other supporting Resources you feel will be useful to people viewing this item. You can enter more than one.");
	} else if (type == "OrgDates") {
		$("resourceMessage").insert("(optional) - Date formats allowed e.g.: \'14 May 2008\' or \'14-05-2008\'");
	} else if (type == "OrgChallenges") {
		$("resourceMessage").insert("(optional) - Select any Key Challenges you feel you would like to associate with this People/Organizations or Projects");
	} else if (type == "OrgProjects") {
		$("resourceMessage").insert("(optional) - Add any Projects which this Person/Organization direclty manages. You can enter more than one.");
	} else if (type == "OrgTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Person/Organization/Project You can enter more than one in a comma separated list.");
 	} else if (type == "OrgTagAdded") {
		$("resourceMessage").insert("This is a list of tags you have added to this Person/Organization/Project Tick the tags in the list if you wish to delete them.");
	} else if (type == "OrgReason") {
		$("resourceMessage").insert("(optional) - Describe why you think this Person/Organization/Project is relevant to: "+extra);
	} else if (type == "OrgProject") {
		$("resourceMessage").insert("(optional) - Add any associated Projects. You can enter more than one.");
	} else if (type == "OrgOrg") {
		$("resourceMessage").insert("(optional) - Add any associated People/Organizations. You can enter more than one.");

	// Comments
 	} else if (type == "CommentTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Open Comment You can enter more than one in a comma separated list.");
 	} else if (type == "CommentTagsAdded") {
		$("resourceMessage").insert("This is a list of tags you have added to this Open Comment. Tick the tags in the list if you wish to delete them.");
	} else if (type == "CommentDesc") {
		$("resourceMessage").insert("(compulsory) - Enter your Open Comment text here. This can be as long as you like but cannot be empty. If using the Formatter, some text is still required, i.e. it can not just be a picture or a movie. The Comment title is created using up to the first 100 characters entered here.");


	// REMOTE FORMS
 	} else if (type == "RemoteEvidenceSolution") {
		$("resourceMessage").insert("Enter your supporting Evidence for the Technological Capability.  Add a summary of the Evidence, and then if desired a fuller description.");
	} else if (type == "RemoteEvidenceClaim") {
		$("resourceMessage").insert("Enter your supporting Evidence for the Research Claim.  Add a summary of the Evidence, and then if desired a fuller description.");
	} else if (type == "RemoteEvidenceDesc") {
		$("resourceMessage").insert("Enter a longer description of the Evidence (optional)");
	} else if (type == "RemoteEvidenceType") {
		$("resourceMessage").insert("Select what sort of Evidence you wish to submit - the default is Anecdote, but if you can be more specific that would be helpful.");

	// QUICK FORMS
	} else if (type == "ThemeQuickP") {
		$("resourceMessage").insert("Select one or more Themes to associate to the Requirement / Issue, Technological Capability, Evidence and any Resources you are adding. These are used to help cluster data and also provide recommendations based on Theme matching. You can enter more than one.");
	} else if (type == "ThemeQuickR") {
		$("resourceMessage").insert("Select one or more Themes to associate to the Requirement / Issue, Research Claim, Evidence and any Resources you are adding. These are used to help cluster data and also provide recommendations based on Theme matching. You can enter more than one.");
	} else if (type == "TagQuickP") {
		$("resourceMessage").insert("Type in one or more tags to be associated with the Requirement / Issue, Technological Capability, Evidence and any Resources you are adding - comma separated (optional)");
	} else if (type == "TagQuickR") {
		$("resourceMessage").insert("Type in one or more tags to be associated with the Requirement / Issue, Research Claim, Evidence and any Resources you are adding - comma separated (optional)");
	} else	if (type == "IssueQuick") {
		$("resourceMessage").insert("Enter a new Requirement / Issue summary. This will form the item title.");
	} else if (type == "SolutionQuick") {
		$("resourceMessage").insert("Enter a new Technological Capability summary. This will form the item title.");
	} else if (type == "ClaimQuick") {
		$("resourceMessage").insert("Enter a new Research Claim summary. This will form the item title.");
	} else if (type == "EvidenceQuickP") {
		$("resourceMessage").insert("Enter your Evidence for the Technological Capability.  Add a summary of the Evidence, and then if desired a fuller description.");
	} else if (type == "EvidenceQuickR") {
		$("resourceMessage").insert("Enter your Evidence for the Research Claim.  Add a summary of the Evidence, and then if desired a fuller description.");
	} else if (type == "EvidenceTypeQuick") {
		$("resourceMessage").insert("Select what sort of Evidence you wish to submit - the default is Anecdote, but if you can be more specific that would be helpful.");
	} else if (type == "OrgQuickP") {
		$("resourceMessage").insert("Select an Person/Organization or Project to associated with the Requirement / Issue, Technological Capability and Evidence you are entering. If it is not listed, please add it. (optional)");
	} else if (type == "OrgQuickR") {
		$("resourceMessage").insert("Select an Person/Organization or Project to associated with the Requirement / Issue, Research Claim and Evidence you are entering. If it is not listed, please add it. (optional)");

	// OTHER
	} else if (type == "CompendiumTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme to associate with all the data that is being imported. You can enter more than one.");
	} else if (type == "BibtexTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme to associate with all the publications that are being imported. You can enter more than one.");
	} else {
		return false;
	}



	showHint(event, panelName, 10, -10);

	return true;
}

/**
 * Display the quick form navigation hint for the given field type.
 * Returns true if the hint was found and displayed else false.
 */
function showQuickFormNavHint(type, evt, panelName, extra) {

 	var event = evt || window.event;

	$("resourceMessage").innerHTML="";

	if (type == "IssueQuickForm") {
		$('resourceMessage').insert("Click to view the Requirement / Issue section of the form");
	} else if (type == "SolutionQuickForm") {
		$('resourceMessage').insert("Click to view the Technological Capability section of the form");
	} else if (type == "ClaimQuickForm") {
		$('resourceMessage').insert("Click to view the Research Claim section of the form");
	} else if (type == "EvidenceQuickForm") {
		$('resourceMessage').insert("Click to view the Evidence section of the form");
	} else if (type == "ResourceQuickForm") {
		$('resourceMessage').insert("Click to view the Resources section of the form");
	} else if (type == "ThemeQuickForm") {
		$('resourceMessage').insert("Click to view the Themes and Tags section of the form");
	} else {
		return false;
	}

	showHint(event, panelName, 10, -10);


	return true;
}

/**
 * Remove the given multiple for the given type at the given index
 */
function removeMultiple(key, i) {
	var answer = confirm("Are you sure you want to remove this item? This action cannot be undone!");
    if(answer){
		if ($(key+'form') && $(key+'field'+i)) {
		    if(	$(key+'form').childElements()[0].nodeName.toUpperCase() != "HR"){
			    $(key+'field'+i).remove();
			    try {
			        $(key+'hr'+ i).remove();
			    } catch (err) {
			        // do nowt
			    }
			    if($(key+'form').childElements()[0] && $(key+'form').childElements()[0].nodeName.toUpperCase() == "HR"){
			        $(key+'form').childElements()[0].remove();
			    }
		    }
		}
    }
    return;
}

/**
 * Add another resource block
 */
function addResource(noResources) {
	if($('resourceform').childElements().length != 0){
	    $('resourceform').insert('<hr id="resourcehr'+noResources+'" class="urldivider"/>');
	}

	var newitem = '<div id="resourcefield'+noResources+'" class="row">';
    newitem += '<input type="hidden" id="resourcenodeidsarray-'+noResources+'" name="resourcenodeidsarray[]" value="" />';
	newitem += '<div class="subformrow" id="typehiddendiv-'+noResources+'" style="display:none">';
	newitem += '<label class="col-sm-3 col-form-label" for="connection-'+noResources+'">Type:</label>';
	newitem += '<select disabled onchange="typeChangedResource(\''+noResources+'\')" class="form-control hgrselect" id="resource'+noResources+'label" name="resourcetypeslabelarray[]">';
	const count = RESOURCE_TYPES.length;
	for(let i=0; i < count; i++){
		let item = RESOURCE_TYPES[i];
		if (item == 'Other Web Resource') {
			newitem += '<option selected="true" value="'+item+'">'+RESOURCE_TYPE_NAMES[i]+'</option>';
		} else {
			newitem += '<option value="'+item+'">'+RESOURCE_TYPE_NAMES[i]+'</option>';
		}
	}
	newitem += '</select>';
	newitem += '<span class="active" onClick="javascript: removeSelectedResource(\''+noResources+'\')" class="form">remove</span>';
	newitem += '<span class="active" onClick="javascript: openResourceSelector(\''+noResources+'\')" class="form">change</span>';
	newitem += '</div>';

	newitem += '<div class="mb-3 row" id="typediv-'+noResources+'">';
	newitem += '<label class="col-sm-3 col-form-label">Type:';
	newitem += '<a class="active" onMouseOver="showFormHint(\'ResourceType\', event, \'hgrhint\'); return false;" onMouseOut="hideHints(); return false;" onClick="hideHints(); return false;" onkeypress="enterKeyPressed(event)"> <i class="far fa-question-circle fa-lg me-2" aria-hidden="true" ></i><span class="sr-only">More info</span></a><span class="required">*</span>';
	newitem += '</label>';
	newitem += '<div class="col-sm-9"><select onchange="typeChangedResource(\''+noResources+'\')" class="form-select" id="resource'+noResources+'menu" name="resourcetypesarray[]">';

	for(let i=0; i < count; i++){
		let item = RESOURCE_TYPES[i];
		if (item == 'Other Web Resource') {
			newitem += '<option selected="true" value="'+item+'">'+RESOURCE_TYPE_NAMES[i]+'</option>';
		} else {
			newitem += '<option value="'+item+'">'+RESOURCE_TYPE_NAMES[i]+'</option>';
		}
	}

	newitem += '</select></div>';
	newitem += '<div class="col-12 text-end my-1"><span class="active" onClick="javascript: openResourceSelector(\''+noResources+'\')" class="form">Select Existing Resource</span></div>';
	newitem += '</div>';

	newitem += '<div class="mb-3 row" id="resourceurldiv-'+noResources+'">';
	newitem += '<label class="col-sm-3 col-form-label" for="resourceurl-'+noResources+'">Url:';
	newitem += '<a class="active" onMouseOver="showFormHint(\'ResourceURL\', event, \'hgrhint\'); return false;" onMouseOut="hideHints(); return false;" onClick="hideHints(); return false;" onkeypress="enterKeyPressed(event)"> <i class="far fa-question-circle fa-lg me-2" aria-hidden="true" ></i><span class="sr-only">More info</span></a><span class="required">*</span>';
	newitem += '</label>';
	newitem += '<div class="col-sm-8"><input class="form-control" id="resourceurl-'+noResources+'" name="resourceurlarray[]" value="http://" /></div>';
	newitem += '<div class="col-sm-1 pt-2"><img class="active" title="Try and fetch the website title from the website page data" src="https://big.evidence-hub.net/images/autofill.png" onClick="autoCompleteWebsiteDetailsMulti(\''+noResources+'\')" onkeypress="enterKeyPressed(event)" /></div>';
	newitem += '</div>';

	newitem += '<div class="mb-3 row">';
	newitem += '<label class="col-sm-3 col-form-label" for="resourcetitle-'+noResources+'">Title:';
	newitem += '<a class="active" onMouseOver="showFormHint(\'ResourceTitle\', event, \'hgrhint\'); return false;" onMouseOut="hideHints(); return false;" onClick="hideHints(); return false;" onkeypress="enterKeyPressed(event)"> <i class="far fa-question-circle fa-lg me-2" aria-hidden="true" ></i><span class="sr-only">More info</span></a><span class="required">*</span>';
	newitem += '</label>';
	newitem += '<div class="col-sm-9"><input class="form-control" id="resourcetitle-'+noResources+'" name="resourcetitlearray[]" value="" /></div>';
	newitem += '</div>';

	newitem += '<div id="identifierdiv-'+noResources+'" class="mb-3 row" style="display: none;">';
	newitem += '<label class="col-sm-3 col-form-label" for="identifier-'+noResources+'">DOI:';
	newitem += '<a class="active" onMouseOver="showFormHint(\'DOI\', event, \'hgrhint\'); return false;" onMouseOut="hideHints(); return false;" onClick="hideHints(); return false;" onkeypress="enterKeyPressed(event)"> <i class="far fa-question-circle fa-lg me-2" aria-hidden="true" ></i><span class="sr-only">More info</span></a><span class="required">*</span>';
	newitem += '</label>';
	newitem += '<div class="col-sm-9"><input class="form-control" id="identifier-'+noResources+'" name="identifierarray[]" value="" /></div>';
	newitem += '</div>';

	newitem += '<div class="mb-3 row" id="resourcedescdiv-'+noResources+'">';
	newitem += '<input type="hidden" id="resourcecliparray-'+noResources+'" name="resourcecliparray[]" value="" />';
	newitem += '<a id="resourceremovebutton-'+noResources+'" href="javascript:void(0)" onclick="javascript:removeMultiple(\'resource\', \''+noResources+'\')" class="text-end">remove</a><br>';
	newitem += '</div>';

	newitem += '</div>';

	$('resourceform').insert(newitem);

	noResources++;

	return noResources;
}

function addResourceEvents(targetname) {
	for (var i=0; i < noResources; i++) {
		if ($('resourceremovebutton-'+i)) {
			Event.observe($('resourceremovebutton-'+i),"click", function(){
				validateResourceNext(targetname);
			});
			Event.stopObserving('resourceremovebutton-'+i,'keyup');
			Event.observe($('resourceremovebutton-'+i),"keyup", function(){
				validateResourceNext(targetname);
			});
		}

		if ($('resourceurl-'+i)) {
			Event.stopObserving('resourceurl-'+i,'input');
			Event.stopObserving('resourceurl-'+i,'change');
			Event.stopObserving('resourceurl-'+i,'keyup');
			Event.observe($('resourceurl-'+i),"input", function(){
				validateResourceNext(targetname);
			});
			Event.observe($('resourceurl-'+i),"change", function(){
				validateResourceNext(targetname);
			});
			Event.observe($('resourceurl-'+i),"keyup", function(){
				validateResourceNext(targetname);
			});
		}

		if ($('resourcetitle-'+i)) {
			Event.stopObserving('resourcetitle-'+i,'input');
			Event.stopObserving('resourcetitle-'+i,'change');
			Event.stopObserving('resourcetitle-'+i,'keyup');
			Event.observe($('resourcetitle-'+i),"input", function(){
				validateResourceNext(targetname);
			});
			Event.observe($('resourcetitle-'+i),"change", function(){
				validateResourceNext(targetname);
			});
			Event.observe($('resourcetitle-'+i),"keyup", function(){
				validateResourceNext(targetname);
			});
		}
	}
}

function validateResourceNext(targetname) {
	var allBlank = true;
	for (var i=0; i < noResources; i++) {
		if ($('resourceurl-'+i)) {
			if ( $('resourceurl-'+i).value.trim() != ''
				&& $('resourceurl-'+i).value.trim() != 'http://'
				&& $('resourcetitle-'+i).value.trim() != '') {
				allBlank = false;
			}
		}
	}

	if ($(targetname)) {
		if (!allBlank) {
			$(targetname).removeAttribute('disabled');
		} else {
			$(targetname).setAttribute('disabled', 'true');
		}
	}
}

function validateSimpleNext(obj, targetname) {
	if (obj.value.trim() != '') {
		$(targetname).removeAttribute('disabled');
	} else {
		$(targetname).setAttribute('disabled', 'true');
	}
}

function openResourceSelector(num) {
	loadDialog('selector', URL_ROOT+"ui/popups/selector.php?num="+num+"&handler=addSelectedResource&filternodetypes="+encodeURIComponent(RESOURCE_TYPES_STR), 420, 730);
}

/**
 * Add another related item block
 */
function addSeeAlso(noRelated) {
	if($('relatedform')) {
		if ($('relatedform').childElements().length != 0){
		    $('relatedform').insert('<hr id="relatedhr'+noRelated+'" class="urldivider"/>');
		}

		var newitem = '<div id="relatedfield'+noRelated+'" class="subformrow">';

		newitem += '<input type="hidden" id="relatednodeidsarray-'+noRelated+'" name="relatednodeidsarray[]" value="" />';

		newitem += '<div class="subformrow" id="relatedhiddendiv-'+noRelated+'" style="display:none">';
		newitem += '<input class="form-control" id="relatedtitle-'+noRelated+'" name="relatedtitlearray[]" value="">';
		newitem += '<span class="active" onClick="javascript: removeSelectedRelatedItem(\''+noRelated+'\')" class="form">remove</span>';
		newitem += '<span class="active" onClick="javascript: openRelatedItemSelector(\''+noRelated+'\')" class="form">change</span>';
		newitem += '</div>';

		newitem += '<div class="subformrow" id="typediv-'+noRelated+'">';
		newitem += '<input class="form-control" id="relatedtitle-'+noRelated+'" name="relatedtitlearray[]" value="">';
		newitem += '<span class="active" onClick="javascript: openRelatedItemSelector(\''+noRelated+'\')" class="form">Select Existing Resource</span>';
		newitem += '</div>';

		newitem += '</div>';

		$('relatedform').insert(newitem);
		noRelated++;
	}

	return noRelated;
}

function openRelatedItemSelector(num) {
	loadDialog('selector', URL_ROOT+"ui/popups/selector.php?num="+num+"&handler=addSelectedRelatedItem&filternodetypes="+encodeURIComponent(BASE_TYPES_STR)+","+encodeURIComponent(EVIDENCE_TYPES_STR)+","+encodeURIComponent(RESOURCE_TYPES_STR), 420, 730);
}


//add another theme field
function addTheme(noThemes) {
	if($('themeform').childElements().length != 0){
        $('themeform').insert('<hr id="themehr'+noThemes+'" class="urldivider"/>');
    }

	var newitem =  '<div id="themefield'+noThemes+'" class="row">';

	newitem += '<div class="col"><select class="form-select" onchange="checkThemeChange('+noThemes+')" id="theme'+noThemes+'menu" name="themesarray[]">';
	newitem += "<option value='' >Theme...</option>";
	            newitem += '<option value="Data Acquisition">Data Acquisition</option>';
                newitem += '<option value="Data Analysis">Data Analysis</option>';
                newitem += '<option value="Data Curation">Data Curation</option>';
                newitem += '<option value="Data Storage">Data Storage</option>';
                newitem += '<option value="Data Usage">Data Usage</option>';
                newitem += '<option value="Energy">Energy</option>';
                newitem += '<option value="Entertainment">Entertainment</option>';
                newitem += '<option value="Finance">Finance</option>';
                newitem += '<option value="Health">Health</option>';
                newitem += '<option value="Insurance">Insurance</option>';
                newitem += '<option value="Manufacturing">Manufacturing</option>';
                newitem += '<option value="Media">Media</option>';
                newitem += '<option value="Public Sector">Public Sector</option>';
                newitem += '<option value="Retail">Retail</option>';
                newitem += '<option value="Telco">Telco</option>';
                newitem += '<option value="Transport">Transport</option>';
    	newitem += '</select></div>';
	newitem += '<div class="col-auto text-end pt-2"><a href="javascript:removeMultiple(\'theme\', '+noThemes+')" class="form">remove</a></div>';

	newitem += '</div>';

    $('themeform').insert(newitem);

    noThemes++;

    return noThemes;
}

//add another url field
function addURL(noURLs){
	if($('urlform').childElements().length != 0){
        $('urlform').insert('<hr id="urlhr'+noURLs+'" class="urldivider"/>');
    }

	var newitem = '<div id="urlfield'+noURLs+'" class="subformrow">';
	newitem += '<input type="hidden" id="resourceids-'+noURLs+'" name="resourceids[]" value="" />';
	newitem += '<input type="hidden" id="resourcedescs-'+noURLs+'" name="resourcedescs[]" value="" />';
 	newitem += '<input type="button" id="resourceadd-'+noURLs+'" title="Select/create a Resource to support this" onclick="javascript: openPicker(\''+noURLs+'\');" value="Add" />';
	newitem += '<input readonly class="form-control hgrinput" style="background: white;border:none;width:332px;" id="resourcenames-'+noURLs+'" name="$resourcenames[]" value="" />';
	newitem += '<input type="button" id="resourceremove-'+noURLs+'" style="visibility:hidden;margin-left:3px;" onclick="javascript:removeMultiple(\'url\', '+noURLs+')" class="form" value="remove" />';
	newitem += '</div>';

    $('urlform').insert(newitem);

    noURLs++;

    return noURLs;
}

// add a Project
function addProject(noProjects, nodename, nodeid){

	// Add the new item into the current box
	if ($('projectfield'+noProjects)) {
		$('projectfield'+noProjects).innerHTML = "";
	}

	let	newitem = '<input type="hidden" id="projectnodeidsarray-'+noProjects+'" name="projectnodeidsarray[]" value="'+nodeid+'" />';
	newitem += '<input readonly class="form-control" style="width: 360px;" id="projectnamesarray-'+noProjects+'" name="projectnamesarray[]" value="'+nodename+'" />';
	newitem += '<span class="active" onClick="javascript: removeSelectedNode(\'Project\','+noProjects+')" class="form">remove</span>';

	$('projectfield'+noProjects).insert(newitem);

	// Add the new selector section
	noProjects++;

	let	newselector = '<div id="projectfield'+noProjects+'" class="subformrow" style="padding-bottom:5px;padding-top:5px;">';
	newselector += '<div id="projectaddbutton" class="formsubmit form active" onclick="javascript:openProjectSelector('+noProjects+');">Add Existing Project</div>';
	newselector += '</div>';

	$('projectform').insert(newselector);

    return noProjects;
}

// remove a Project
function removeProject(removeProjectNo){

	let removed = false;
	if($('projectform').childElements().length != 1){
		var parent = document.getElementById('projectform');
		var child = document.getElementById('projectfield'+removeProjectNo);

		if (child) {
			parent.removeChild(child);
		}
		removed = true;
	}
    return removed;
}

// add an Organization
function addOrganization(noOrganisations, nodename, nodeid){

	// Add the new item into the current box
	if ($('orgfield'+noOrganisations)) {
		$('orgfield'+noOrganisations).innerHTML = "";
	}

	let	newitem = '<input type="hidden" id="orgnodeidsarray-'+noOrganisations+'" name="orgnodeidsarray[]" value="'+nodeid+'" />';
	newitem += '<input readonly class="form-control" style="width: 360px;" id="orgnamesarray-'+noOrganisations+'" name="orgnamesarray[]" value="'+nodename+'" />';
	newitem += '<span class="active" onClick="javascript: removeSelectedNode(\'Organization\','+noOrganisations+')" class="form">remove</span>';

	$('orgfield'+noOrganisations).insert(newitem);

	// Add the new selector section
	noOrganisations++;

	let	newselector = '<div id="orgfield'+noOrganisations+'" class="subformrow" style="padding-bottom:5px;padding-top:5px;">';
	newselector += '<div id="orgaddbutton" class="formsubmit form active" onclick="javascript:openOrganizationSelector('+noOrganisations+');">Add Existing Person/Organization</div>';
	newselector += '</div>';

	$('orgform').insert(newselector);

    return noOrganisations;
}

// remove an Organization
function removeOrganization(removeOrgNo){

	let removed = false;
	if($('orgform').childElements().length != 1){
		var parent = document.getElementById('orgform');
		var child = document.getElementById('orgfield'+removeOrgNo);

		if (child) {
			parent.removeChild(child);
		}
		removed = true;
	}
    return removed;
}

// add an Evidence item
function addEvidence(noEvidence, nodename, nodeid){

	// Add the new item into the current box
	if ($('evidencefield'+noEvidence)) {
		$('evidencefield'+noEvidence).innerHTML = "";
	}

	let	newitem = '<input type="hidden" id="evidencenodeidsarray-'+noEvidence+'" name="evidencenodeidsarray[]" value="'+nodeid+'" />';
	newitem += '<input readonly class="form-control" style="width: 360px;" id="evidencenamesarray-'+noEvidence+'" name="evidencenamesarray[]" value="'+nodename+'" />';
	newitem += '<span class="active" onClick="javascript: removeSelectedNode(\'Evidence\','+noEvidence+')" class="form">remove</span>';

	$('evidencefield'+noEvidence).insert(newitem);

	// Add the new selector section
	noEvidence++;

	let	newselector = '<div id="evidencefield'+noEvidence+'" class="subformrow" style="padding-bottom:5px;padding-top:5px;">';
	newselector += '<div id="evidenceaddbutton" class="formsubmit form active" onclick="javascript:openEvidenceSelector('+noEvidence+');">Add Existing Evidence</div>';
	newselector += '</div>';

	$('evidenceform').insert(newselector);

    return noEvidence;
}

// remove an Evidence item
function removeEvidence(removeEvidenceNo){

	let removed = false;
	if($('evidenceform').childElements().length != 1){
		var parent = document.getElementById('evidenceform');
		var child = document.getElementById('evidencefield'+removeEvidenceNo);

		if (child) {
			parent.removeChild(child);
		}
		removed = true;
	}
    return removed;
}

//add a partner organization
function addPartner(noPartners) {
	if($('partnerform').childElements().length != 0){
        $('partnerform').insert('<hr id="partnerhr'+noPartners+'" class="urldivider"/>');
    }

	var newitem =  '<div id="partnerfield'+noPartners+'" class="subformrow">';

	newitem += '<select onchange="this.style.width=\'172px\'; partnerNameIssue(\'partner'+noPartners+'\')" class="form-control hgrselect" style="width: 172px;z-index:+1" id="partner'+noPartners+'menu" name="partnersarray[]" onactivate="this.style.width=\'auto\';">';
	newitem += '<option value="" >Person/Organization/Project...</option>';
		newitem += '</select>';
	newitem += '<a href="javascript:removeMultiple(\'partner\', '+noPartners+')" class="form" style="margin-left: 5px;">remove</a>';

	newitem += '</div>';

    $('partnerform').insert(newitem);

    noPartners++;

    return noPartners;
}

function toggleChallenges() {
	if ( $("groupsdiv").style.display == "flex") {
		$("groupsdiv").style.display = "none";
		$("groupsimg").innerHTML = 'Show <i class="fas fa-chevron-circle-down" aria-hidden="true"></i>';
	} else {
		$("groupsdiv").style.display = "flex";
		$("groupsimg").innerHTML = 'Hide <i class="fas fa-chevron-circle-up" aria-hidden="true"></i>';
	}
}

function typeChangedResource(num) {
	var type = $('resource'+num+'menu').value;
	if (type == "Publication") {
		$('identifierdiv-'+num).style.display = "";
	} else {
		$('identifierdiv-'+num).style.display = "none";
	}
}

function typeChangedProject() {
	if ($('datediv')) {
		$('datediv').style.display = "";
	}
	if ($('projectdiv')) {
		$('projectdiv').style.display = "none";
	}
}

function typeChangedOrg() {
	if ($('startdate')) {
		$('startdate').value="";
	}
	if ($('enddate')) {
		$('enddate').value="";
	}

	if ($('datediv')) {
		$('datediv').style.display = "none";
	}
	if ($('projectdiv')) {
		$('projectdiv').style.display = "block";
	}
}

/**
 * Fetch the website title and description from the website page for the url passed.
 */
function autoCompleteWebsiteDetails() {
	var urlvalue = $('url').value;
	if (urlvalue == "" || urlvalue == "http://") {
		alert("You must enter a url first");
		return;
	}

	var reqUrl = SERVICE_ROOT + "&method=autocompleteurldetails&url="+encodeURIComponent(urlvalue);
    new Ajax.Request(reqUrl, { method:'get',
        onSuccess: function(transport){
            var json = transport.responseText.evalJSON();
            if(json.error){
                //alert(json.error[0].message);
                return;
            }
			$('title').value = json.url[0].title;
   		}
    });
}

/**
 * Fetch the website title and description from the website page for the url passed.
 */
function autoCompleteWebsiteDetailsMulti(num) {
	var urlvalue = $('resourceurl-'+num).value;
	if (urlvalue == "" || urlvalue == "http://") {
		alert("You must enter a url first");
		return;
	}

	var reqUrl = SERVICE_ROOT + "&method=autocompleteurldetails&url="+encodeURIComponent(urlvalue);
    new Ajax.Request(reqUrl, { method:'get',
        onSuccess: function(transport){
            var json = transport.responseText.evalJSON();
            if(json.error){
                //alert(json.error[0].message);
                return;
            }
			$('resourcetitle-'+num).value = json.url[0].title;
   		}
    });
}

/**
 * Hide all other steps apart from stepshow.
 */
function switchSteps(stepcount, stepshow) {
	for (var count=1; count<= stepcount; count++) {
		$('stepdiv'+count).style.display = "none";
	}

	$('stepdiv'+stepshow).style.display = "block";
}