$(document).ready(init);
function init() {
//	selChange(0);
}

function setLoad(el) {
	el.empty();
	el.css({color:"#aaa"}); // меняем цвет	
	$("<option></option>")  // создаем требуемый элемент
	.attr("value", -1)     // устанавливаем значение одного из его атрибутов
	.html("Загрузка...") // записываем в него текст
	.appendTo(el); 	
}

function selChange(level) {
params = {country:0, offer:0, subtype:"na", proptype:"na"};

params.country = $("#country").get(0).value;
if (params.country == "Все странцы") params.country = "0";

offer = $("#offer");
subtype = $("#realtytype");
proptype = $("#proptype");
region = $("#region");

switch (level) {
 case 0:
 	setLoad(offer);	
	setLoad(subtype);			
	setLoad(proptype);			
	setLoad(region);				
 break;
 case 1: 
	params.offer = offer.get(0).value;
	setLoad(subtype);			
	setLoad(proptype);			
	setLoad(region);		
 break;
 case 2:
	params.offer = offer.get(0).value; 
	params.subtype = subtype.get(0).value;	
	setLoad(proptype);			
	setLoad(region);			
 break;
 case 3:
	params.subtype = subtype.get(0).value;	
	params.proptype = proptype.get(0).value;			
	setLoad(region);			
 break; 
}
params.level = level;
 
$.post('/ajax_cat.php', params, onAjaxSuccess);
}

function setOptionsData(el, data) {
	el.empty();
	el.css({color:"#000000"}); // меняем цвет	
	for (i=0; i<data.length - 1; i++) {
		rg = data[i].split("[[");
		if (rg.length==1) rg[1] = "";
		
		if (rg[1]!="") rg[1] = ' ['+rg[1]+']';
		
		$("<option></option>")  // создаем требуемый элемент
		.attr("value", rg[0])     // устанавливаем значение одного из его атрибутов
		.html(rg[0]+rg[1]) // записываем в него текст
		.appendTo(el); 
	}
}

function onAjaxSuccess(data)
{
  var blocks = data.split("~~");
	offer = $("#offer");
	subtype = $("#realtytype");
	proptype = $("#proptype");
	region = $("#region");
//	alert(data);
	switch (Number(blocks[0])) {
		case 0:
			setOptionsData (offer, blocks[1].split(";"));
			setOptionsData (subtype, blocks[2].split(";"));	
			setOptionsData (proptype, blocks[3].split(";"));	
			setOptionsData (region, blocks[4].split(";"));						
		break;
		case 1:
			setOptionsData (subtype, blocks[2].split(";"));	
			setOptionsData (proptype, blocks[3].split(";"));	
			setOptionsData (region, blocks[4].split(";"));						
		break;
		case 2:
			setOptionsData (proptype, blocks[3].split(";"));	
			setOptionsData (region, blocks[4].split(";"));						
		break;	
		case 3:
			setOptionsData (region, blocks[4].split(";"));						
		break;				
	}
	
}