
function getModels() {
   var src = document.getElementById("brand");
   var bindArgs = {
	    	url: fitmentServiceURL,
	    	error: function(type, data, evt){
	     		alert("An error occurred.");
			},
	    	load: function(type, data, evt){
				var mod = document.getElementById("div_models");
				mod.innerHTML = replaceSelectHTML(mod.innerHTML, data);
				var model = document.getElementById("model");
				model.disabled = false;
				var ver = document.getElementById("div_versions");
				ver.innerHTML = replaceSelectHTML(ver.innerHTML, "<option value=\"-\" selected=\"selected\">Versione</option>");
	     		var version = document.getElementById("version");
	     		version.disabled = true;
	    	},
	    	mimetype: "text/html",
	    	method: "post",
	    	content: { brand: src.value }
	   };
	dojo.io.bind(bindArgs);   	   			
}

function getVersions() {
   var src = document.getElementById("model");
   var bindArgs = {
    	url: fitmentServiceURL,
    	error: function(type, data, evt){
     		alert("An error occurred.");
		},
    	load: function(type, data, evt){
			var ver = document.getElementById("div_versions");
			ver.innerHTML = replaceSelectHTML(ver.innerHTML, data);
			var src = document.getElementById("version");
			src.disabled = false;
    	},
    	mimetype: "text/html",
    	method: "post",
    	content: { model: src.value }
   };
   dojo.io.bind(bindArgs);   	   			
}

function replaceSelectHTML(selectHTML, newContent) {
	var start = selectHTML.toLowerCase().indexOf("<option");
	var newSelectHTML = selectHTML.substring(0, start) + newContent + "</select>";
	return newSelectHTML;
	}

