function getModelSelectElementId()
{
	return 'models_list_select';
}

function getModelSelectElement()
{
	return document.getElementById(getModelSelectElementId());
}

function getModelsFromCategory()
{
	/*
		Ajax.Responders.register({
	  onCreate: function(){
	    alert('a request has been initialized!');
	  }, 
	  onComplete: function(){
	    alert('a request completed');
	  }
	});
	*/
	
	new Ajax.Request('index.php?module=model&action=getByCategoryInJson&model_category_id=1', {
		method: 'post',
		onSuccess: function(transport, json){
			var div = document.getElementById('models_list');
			
			var e_select;
			if(!(e_select = getModelSelectElement() ))
			{
				e_select = document.createElement("select");
				e_select.onchange = function() 
				{
					redirectToModel();
				}
			}
				
			
			//Remove all options
			for (i = e_select.length - 1; i>=0; i--)
			{
				e_select.remove(  i ) ;
			}

			e_select.setAttribute('id', getModelSelectElementId());
			e_select.setAttribute('class', 'dropDown');
			
	      	for(var i=0; i < json.length; i++)
	      	{
				var e_option = document.createElement("option");
				e_option.text = json[i];
				e_option.value = i;
				
				try {
					e_select.add(e_option, null); // standards compliant; doesn't work in IE
				}
				catch(ex) {
					e_select.add(e_option); // IE only
				}

				
				
				
				
				//alert(json[i]);
	      	}
	      	div.appendChild(e_select);
	  	}
  	});
}

function redirectToModel()
{
	var e_select = getModelSelectElement();
	var model_id = e_select.options[e_select.options.selectedIndex].value;
	if(model_id!=0)
		alert('Will redirect to model id ' + model_id);
	
}