// JavaScript Document

//Event.observe('state-drop', 'change', cityPop);

var cityPop = function() {
	
	if ($('state-drop').selectedIndex == 0) {
		$('step2-div').hide();
		$('step3-div').hide();
		$('city-drop-container').update('<img src="_images/ajax-loader.gif" width="220" height="19" style="padding-left: 10px;" />');
		$('dealer-cont').update('');
		return;
	}
	
	$('step3-div').hide(); 
	$('dealer-cont').update('');
	$('city-drop-container').update('<img src="_images/ajax-loader.gif" width="220" height="19" style="padding-left: 10px;" />');
	
	$('step2-div').show();
	
	new Ajax.Request('_ajax/dealers.php',
  {
    method:'get',
		parameters: { state: $('state-drop').value },
    onSuccess: function(transport){
      var response = transport.responseText;
      $('city-drop-container').update(response);
    },
    onFailure: function(){ 
			alert('Something went wrong...');
			$('step2-div').hide(); 
			$('city-drop-container').update('<img src="_images/ajax-loader.gif" width="220" height="19" style="padding-left: 10px;" />');
		}
  });
	
	//Event.observe('city-drop', 'change', dealerPop);
	
}

var dealerPop = function() {
	
	if ($('city-drop').selectedIndex == 0) {
		$('step3-div').hide();
		return;
	}
	$('dealer-cont').update('');
	$('step3-div').show();
	
	new Ajax.Request('_ajax/dealers.php',
  {
    method:'get',
		parameters: { city: $('city-drop').value, state: $('state-drop').value },
    onSuccess: function(transport){
      var response = transport.responseText;
      $('dealer-cont').update(response);
    },
    onFailure: function(){ 
			alert('Something went wrong...'); 	
			$('step3-div').hide(); 
			$('dealer-cont').update('');
		}
  });
	
}