$(document).ready(function() {
	setInterfaces();
	setLanguages();
	setModes();	 
});

function setInterfaces() {
	var intSel = $('#interfaceSelect');
	intSel.html('');
	$.each(interfaces, function(i) {
		var option = '<option id="' + interfaces[i].name + '" value="' + interfaces[i].name + '" ';
		if (interfaces[i].name == cookieData.interface)
			option += 'selected';
		option += '>' + interfaces[i].displayname + '</option>';
		intSel.append(option);
	});
};

//populate the language dropdown with what ever languages this interface supports. (defined above)
function setLanguages() {
	var select = $('#language');
	$.each(interfaces, function(i) {
		if (interfaces[i].name == $('#interfaceSelect').val())
		{		
			select.html('');
			var langs = interfaces[i].languages;
			$.each(langs, function(i) {
				var option = '<option id="' + langs[i].name + '" value="' + langs[i].name + '" ';
				if (langs[i] == cookieData.language)
					option += 'selected';
				option += '>' + langs[i].displayname + '</option>';
				select.append(option);
			});
		}
	});			
}

//populate the modes dropdown with what ever modes this interfaces supports. (definied above)
function setModes() {
	var modeSel = $('#mode');
	$.each(interfaces, function(i) {
		if (interfaces[i].name == $('#interfaceSelect').val())
		{
			modeSel.html('');
			var modes = interfaces[i].modes;
			$.each(modes, function(i) {
				var option = '<option id="' + modes[i].name + '" value="' + modes[i].name + '" ';
				
				if (modes[i].asdefault || modes[i].name == cookieData.mode) 
					option += 'selected';
				
				option += '>' + modes[i].displayname + '</option>';
				modeSel.append(option);
			});
		}
	});
}