var statsAjax = {
				
				postalAreaSelect: '',
				postalAreaDetailSelect: '',
				
				init: function(){
				
						postalAreaSelect = $$('#search-statistics .postalArea')[0];
						postalAreaDetailSelect = $$('#search-statistics .postalAreaDetails')[0];
						$(postalAreaSelect).observe('change', function(){ statsAjax.send(); });
				}, 
				
				send: function(){
				
						var selected = $(postalAreaSelect).select('option[selected="selected"]');	
						var url = '/Templates/Notar/Ajax/StatisticsGetAreaDetails.aspx?areaId=' + $(postalAreaSelect).getValue(selected);
						//alert(url);
						
						
						new Ajax.Request(url,
						{
						
							method:'get',
							evalJSON: 'force', 
							onSuccess: function(transport){
															
								$(postalAreaDetailSelect).update()

								var selectData = transport.responseText.evalJSON();																				
								
								for(var i = 0; i < selectData.length; i++)
								{
								
									$(postalAreaDetailSelect).insert('<option value="' + selectData[i].areaGUID + '">' + selectData[i].areaName + '</option>');
								}
								$(postalAreaDetailSelect).selectedIndex = 0;
								if($(postalAreaDetailSelect).length==0)
                                {
                                    $(postalAreaDetailSelect).style.display="none";
                                }
                                else
                                {
                                    $(postalAreaDetailSelect).style.display="block";
                                }
                                
								
							},
							onFailure: function(){ alert('Something went wrong...') }
						});
				}
			
			}
Event.observe(window, 'load', function() {
 statsAjax.init();
});