if( typeof XMLHttpRequest == "undefined" ) XMLHttpRequest = function() {
	try { return new ActiveXObject("Msxml2.XMLHTTP.6.0") } catch(e) {}
	try { return new ActiveXObject("Msxml2.XMLHTTP.3.0") } catch(e) {}
	try { return new ActiveXObject("Msxml2.XMLHTTP") } catch(e) {}
	try { return new ActiveXObject("Microsoft.XMLHTTP") } catch(e) {}
	throw new Error( "This browser does not support XMLHttpRequest." )
};

function getPath()
{
	var ret = false;
	var type = document.getElementById('perfect_placement_type').value;
	var continent = document.getElementById('perfect_placement_continent').value;
	var work = document.getElementById('perfect_placement_work').value;
	var work_experience = '';
	if(document.getElementById('perfect_placement_work_experience')) {
		work_experience = document.getElementById('perfect_placement_work_experience').value;
	}
	if (type && continent && work)
	{
		ret = type + '/' + continent + '/' + work;
		
		if (work == 'Work Experience')
		{
			if (work_experience)
			{
				ret += '/' + work_experience;
		 	}
			else
			{
		 		ret = false;
		 	}
		}
	}
	return ret;
}

function getSuggestions()
{
	var path = getPath();
	if (!path) {
		return;
	}
	request = new XMLHttpRequest();
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
			showSuggestions(request.responseText);
		}
	}
	request.open('GET', '/_ajax/perfect-placement/get-suggestions.php?path=' + escape(path), true);
	request.send(null);
}

function showSuggestions(response)
{
	var suggestions = JSON.parse(response);
	var suggestions_container = document.getElementById('suggestions_container');
	suggestions_container.innerHTML = '';
	if (!suggestions.length) {
		return;
	}
	var suggestions_html = '<p><strong>Having looked at your selections on the perfect placement chooser these placements may be the ones which would interest you.</strong></p>';
	for (var i = 0; i < suggestions.length; i++) {
		var suggestion = suggestions[i];
		suggestions_html += '<div class="recommended-project">';
		suggestions_html += '<img src="' + suggestion.image + '" style="float: left; margin: 5px 10px 5px 0px;" />';
		suggestions_html += '<p><a href="' + suggestion.link + '" title="' + suggestion.project_name + '" target="_blank">' + suggestion.project_name + '</a><br />' + suggestion.description + '</p>';
		suggestions_html += '</div>';
		suggestions_html += '<br />';
	}
	suggestions_container.innerHTML = suggestions_html;
}

document.getElementById('perfect_placement_work').onchange = function() {
    if (this.value == 'Work Experience') {
        var new_tr = document.createElement('tr');
        new_tr.id = 'work_experience_select';
        var new_td = document.createElement('td');
        new_tr.appendChild(new_td);
        var new_td = document.createElement('td');
        new_tr.appendChild(new_td);
        var new_select = document.createElement('select');
        new_select.name = 'perfect_placement_work_experience';
        new_select.id = 'perfect_placement_work_experience';
        var options = ['Teaching', 'Medicine and Healthcare', 'Journalism', 'Veterinary Medicine', 'Business', 'Law', "Archaeology", "Language Courses"];
        for (var i = 0; i < options.length; i++) {
            var new_option = document.createElement('option');
            new_option.value = options[i];
            new_select.appendChild(new_option);
            var new_text = document.createTextNode(options[i]);
            new_option.appendChild(new_text);
        }
        new_td.appendChild(new_select);
        new_select.value = work_experience_val;
		// new_select.onchange = getSuggestions;
        this.parentNode.parentNode.parentNode.insertBefore(new_tr, this.parentNode.parentNode.nextSibling);
		document.getElementById('perfect_placement_work_experience').onchange = getSuggestions;
    } else {
        if (document.getElementById('work_experience_select')) {
            document.getElementById('work_experience_select').parentNode.removeChild(document.getElementById('work_experience_select'));
        }
    }
	getSuggestions();
}

document.getElementById('perfect_placement_type').onchange = getSuggestions;
document.getElementById('perfect_placement_continent').onchange = getSuggestions;