/**
 * 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 Issue summary. This will form the Issue title displayed in lists.");
	} else if (type == "IssueDesc") {
		$("resourceMessage").insert("(optional) - Enter a longer description of the Issue");
	} else if (type == "IssueChallenges") {
		$("resourceMessage").insert("(optional) - Select one or more Key Challenges that this Issue relates to.");
	} else if (type == "IssueTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme associated to this Issue. These are used to help cluster 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 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 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 Issue is relevant to: "+extra);
	} else if (type == "IssueOtherChallenge") {
		$("resourceMessage").insert("(optional) - Select any other Key Challenges that you want to relate to this Issue");
	} else if (type == "IssueResource") {
		$("resourceMessage").insert("(optional) - Add any Publications, website, or images etc.. that form part of or support this Issue. You can enter more than one.");

	// Solutions
	} else if (type == "SolutionSummary") {
		$("resourceMessage").insert("(compulsory) - Enter a new Potential Solution summary. This will form the item title.");
	} else if (type == "SolutionTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme associated to this Potential Solutionn. These are used to help cluster Potential Solutions 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 Potential Solution. 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 Potential Solution.  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 Potential Solution");
	} else if (type == "SolutionTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Potential Solution. 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 Potential Solution. Tick the tags in the list if you wish to delete them.");
 	} else if (type == "SolutionReason") {
		$("resourceMessage").insert("(optional) - Describe why you think this Potential Solution 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 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 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 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 Organization or Project");
	} else if (type == "OrgTown") {
		$("resourceMessage").insert("(optional) - Town or City where the Organization or Project is primarily based. For the 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 Organization or Project is primarily based.");
	} else if (type == "OrgTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme of interest to your Organizations/Projects. These are used to help cluster 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 Organization or Project name.");
	} else if (type == "OrgPartner") {
		$("resourceMessage").insert("(optional) - Organizations or Projects with which your 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 Organization or Project");
	} else if (type == "OrgWebsites") {
		$("resourceMessage").insert("(optional) - Please add the website for this 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 Organizations or Projects");
	} else if (type == "OrgProjects") {
		$("resourceMessage").insert("(optional) - Add any Projects which this Organization direclty manages. You can enter more than one.");
	} else if (type == "OrgTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this 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 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 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 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 Potential Solution.  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 Issue, Potential Solution, 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 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 Issue, Potential Solution, 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 Issue, Research Claim, Evidence and any Resources you are adding - comma separated (optional)");
	} else	if (type == "IssueQuick") {
		$("resourceMessage").insert("Enter a new Issue summary. This will form the item title.");
	} else if (type == "SolutionQuick") {
		$("resourceMessage").insert("Enter a new Potential Solution 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 Potential Solution.  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 Organization or Project to associated with the Issue, Potential Solution and Evidence you are entering. If it is not listed, please add it. (optional)");
	} else if (type == "OrgQuickR") {
		$("resourceMessage").insert("Select an Organization or Project to associated with the 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 Issue section of the form");
	} else if (type == "SolutionQuickForm") {
		$('resourceMessage').insert("Click to view the Potential Solution 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 == '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 == '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://test.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="Astronomy">Astronomy</option>';
                newitem += '<option value="Biology">Biology</option>';
                newitem += '<option value="Chemistry">Chemistry</option>';
                newitem += '<option value="Computing">Computing</option>';
                newitem += '<option value="Fine Art">Fine Art</option>';
                newitem += '<option value="Geography">Geography</option>';
                newitem += '<option value="History">History</option>';
                newitem += '<option value="Physics">Physics</option>';
                newitem += '<option value="Policing">Policing</option>';
                newitem += '<option value="Sociology">Sociology</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 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="" >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";
}