/**
 * 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 Idea summary. This will form the item title.");
	} else if (type == "SolutionTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme associated to this Idean. These are used to help cluster Ideas 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 Idea. 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 Idea.  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 Idea");
	} else if (type == "SolutionTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Idea. 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 Idea. Tick the tags in the list if you wish to delete them.");
 	} else if (type == "SolutionReason") {
		$("resourceMessage").insert("(optional) - Describe why you think this Idea is relevant to: "+extra);

	// Claims
	} else if (type == "ClaimSummary") {
		$("resourceMessage").insert("(compulsory) - Enter a new Fact summary. This will be the Fact title displayed in lists.");
	} else if (type == "ClaimTheme") {
		$("resourceMessage").insert("(compulsory) - Select at least one Theme associated to this Fact. These are used to help cluster Facts 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 Fact");
	} else if (type == "ClaimReason") {
		$("resourceMessage").insert("(optional) - Describe why you think this Fact  is relevant to: "+extra);
	} else if (type == "ClaimTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Fact. 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 Fact. 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 Argument. This will be the Argument title displayed in lists.");
	} else if (type == "EvidenceDesc") {
		$("resourceMessage").insert("(optional) - Enter a longer description of the Argument");
	} else if (type == "EvidenceWebsites") {
		$("resourceMessage").insert("(optional) - Add any Publications, website, or images etc.. that form part of or support this Argument. 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 Arguments 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 Argument you wish to submit - the default is Argument, but if you can be more specific that would be helpful.");
 	} else if (type == "EvidenceTag") {
		$("resourceMessage").insert("(optional) - Tags associated to this Argument. 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 Argument. Tick the tags in the list if you wish to delete them.");
	} else if (type == "EvidenceReason") {
		$("resourceMessage").insert("(optional) - Describe why you think this Argument is relevant to: "+extra);
	} else if (type == "EvidenceProjects") {
		$("resourceMessage").insert("(optional) - Add any Projects assoicated with this Argument. You can enter more than one.");
	} else if (type == "EvidenceOrganizations") {
		$("resourceMessage").insert("(optional) - Add any Organizations assoicated with this Argument. You can enter more than one.");

	// Resource
	} else if (type == "Resources") {
		$("resourceMessage").insert("(optional) - Enter any web resources supporting your Argument");
	} else if (type == "RemoteEvidenceResources") {
		$("resourceMessage").insert("(optional) - Enter any web Resources supporting your Argument. 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 Argument for the Idea.  Add a summary of the Argument, and then if desired a fuller description.");
	} else if (type == "RemoteEvidenceClaim") {
		$("resourceMessage").insert("Enter your supporting Argument for the Fact.  Add a summary of the Argument, and then if desired a fuller description.");
	} else if (type == "RemoteEvidenceDesc") {
		$("resourceMessage").insert("Enter a longer description of the Argument (optional)");
	} else if (type == "RemoteEvidenceType") {
		$("resourceMessage").insert("Select what sort of Argument you wish to submit - the default is Argument, 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, Idea, Argument 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, Fact, Argument 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, Idea, Argument 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, Fact, Argument 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 Idea summary. This will form the item title.");
	} else if (type == "ClaimQuick") {
		$("resourceMessage").insert("Enter a new Fact summary. This will form the item title.");
	} else if (type == "EvidenceQuickP") {
		$("resourceMessage").insert("Enter your Argument for the Idea.  Add a summary of the Argument, and then if desired a fuller description.");
	} else if (type == "EvidenceQuickR") {
		$("resourceMessage").insert("Enter your Argument for the Fact.  Add a summary of the Argument, and then if desired a fuller description.");
	} else if (type == "EvidenceTypeQuick") {
		$("resourceMessage").insert("Select what sort of Argument you wish to submit - the default is Argument, 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, Idea and Argument 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, Fact and Argument 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 Idea section of the form");
	} else if (type == "ClaimQuickForm") {
		$('resourceMessage').insert("Click to view the Fact section of the form");
	} else if (type == "EvidenceQuickForm") {
		$('resourceMessage').insert("Click to view the Argument 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://isave.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="Behaviour Change">Behaviour Change</option>';
                newitem += '<option value="Consuming Energy">Consuming Energy</option>';
                newitem += '<option value="Environmental Impact">Environmental Impact</option>';
                newitem += '<option value="Good Practices">Good Practices</option>';
                newitem += '<option value="Institutional Actions">Institutional Actions</option>';
                newitem += '<option value="The tree in KMi">The tree in KMi</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 Argument</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";
}