var states = {
    Northeast: ['CLOSE THIS BOX',
    		'Maine',
		'New Hampshire',
		'Vermont',
		'Massachusetts',
		'Connecticut',
		'Rhode Island',
		'New York',
		'New Jersey',
		'Pennsylvania'],

    South: ['CLOSE THIS BOX',
            'Texas',
	    'Oklahoma',
	    'Arkansas',
	    'Louisiana',
	    'Mississippi',
	    'Alabama',
	    'Tennessee',
	    'Kentucky',
	    'West Virginia',
	    'Virginia',
	    'Florida',
	    'Georgia',
	    'South Carolina',
	    'North Carolina',
	    'Delaware',
	    'Maryland',
	    'Washington DC'],

    Midwest: ['CLOSE THIS BOX',
              'North Dakota',
	      'South Dakota',
	      'Nebraska',
	      'Kansas',
	      'Minnesota',
	      'Iowa',
	      'Missouri',
	      'Wisconsin',
	      'Illinois',
	      'Indiana',
	      'Michigan',
	      'Ohio'],

    West: ['CLOSE THIS BOX',
    	   'Washington',
	   'Oregon',
	   'California',
	   'Nevada',
	   'Idaho',
	   'Wyoming',
	   'Utah',
	   'Colorado',
	   'New Mexico',
	   'Arizona',
	   'Montana'],

    Pacific: ['CLOSE THIS BOX',
              'Alaska',
	      'Hawaii']
};

showstates = function(region, input) {
    var $results = $(document.createElement("ul"));
    $results.addClass('ac_results').appendTo('body');
    var offset = $(input).offset();
    $results.css({
	top: (offset.top + input.offsetHeight) + 'px',
	left: offset.left + 'px'
    })
    var html = '';
    var items = states[region];
    for (var i = 0; i < items.length; i++)
	html += '<li>' + items[i] + '</li>';
    $results.html(html).show();
    $results.click(function() {
	$(this).remove();
    });
};
$(function() {
    $('[@name="region"]').each(function() {$(this).next().get(0).region=this.value});
    $('[@name="region"]').next().click(function() {
	showstates(this.region, this);
    });
});