var tableid = 'dealer_list';

function region_over(area) {
    if ($('region_detail')) {
        $('region_detail').innerHTML = area.alt;
        $('region_detail').className = 'show';
    }
}

function region_out() {
    if ($('region_detail')) {
        $('region_detail').className = '';
    }
}

function loadRegion(id) {    
    if ($('map')) {
        $('map').hide();
    }
    if ($('region_detail')) {
        $('region_detail').hide();
    }
    
    if ($('region_sel').descendants()[0].options[$('region_sel').descendants()[0].selectedIndex].value == '-1') {
        // change drop down list to the correct region
        var sel = $('region_sel').descendants()[0];
        for (i = 0, j = sel.options.length; i < j; i++) {
            if (sel.options[i].value == id) {
                sel.selectedIndex = i;
                break;
            }
        }       
    }

    new Ajax.Request('/dealer_data.aspx?id='+id, {
		method: 'get',
		onSuccess: function(transport) {
			fillList(transport.responseText);
		},
		onFailure: function(transport) {
			fillList('');
		}
	});
}

function fillList(dealers) {
    flushTable();
    table = $(tableid);
    var dealer;
    var even = false;
    var trclass = '';
	if (dealers.length > 0) {
		d = eval(dealers);
		var website;
		if (d) {
		    if (d.length > 0) {
		        table.insert({bottom: '<thead><tr><th>Name</th><th>Address</th><th>City</th><th>Zip Code</th><th>Phone</th><th>Website</th></tr></thead>' });
		        table.insert({bottom: document.createElement("tbody") });
    		   
		        for (var i = 0, j = d.length; i < j; i++) {
				    website = '';
				    if (d[i].website.length > 0) {
					    website = '<a href="' + d[i].website + '" target="_blank">Website</a>';
				    }
    			
			        if (even) {
			            even = false;
			            trclass = 'even';
			        } else {
			            even = true;
			            trclass = 'odd';
			        }
    			
		            dealer = '<tr class="' + trclass + '"><td>' + d[i].name + '</td><td>' + d[i].address + '</td><td>' + d[i].city + '</td><td>' + d[i].zip + '</td><td>' + d[i].phone + '</td><td>' + website + '</td></tr>';
    				
	                table.childElements()[1].insert({ bottom: dealer });   
		        }
		        return true;
		    }
		}
	}
	return false;
}

function flushTable() {
    table = $(tableid);
    while (table.firstDescendant()) {
        table.firstDescendant().remove();
    }    
}