window.addEvent('domready',function(){
	$$('ul[id=ul_provincias_1] li a').addEvents({
		'click': function(){
			$$('ul[id=ul_provincias_1] li.seleccionado').removeClass('seleccionado');
			this.getParent().addClass('seleccionado');
			cargar_subzonas('ul_provincias_2', this.id);
		}			
	})
/*	
	$$('ul[id=ul_provincias_2] li a').addEvents({
		'click': function(){
			$$('ul[id=ul_provincias_2] li.seleccionado').removeClass('seleccionado');
			this.getParent().addClass('seleccionado');
			cargar_delegados('div_vcard', this.id);
		}			
	})
*/
	if ($$('ul[id=ul_provincias_1] li').length>0) {
		$$('ul[id=ul_provincias_1] li')[0].addClass('seleccionado');
		cargar_subzonas('ul_provincias_2', $$('ul[id=ul_provincias_1] li a')[0].id);
//		if ($$('ul[id=ul_provincias_2] li').length>0) {
//			$$('ul[id=ul_provincias_2] li')[0].addClass('seleccionado');
//		}
	}
})

function aniadeEventos() {
	$$('ul[id=ul_provincias_2] li a').addEvents({
		'click': function(){
			evento_click_subzonas(this);
		}			
	})
}

function evento_click_subzonas(el) {
	var nombre_zona=$$('ul[id=ul_provincias_1] li.seleccionado a')[0].innerHTML;
	var nombre_subzona=el.innerHTML;
	$$('ul[id=ul_provincias_2] li.seleccionado').removeClass('seleccionado');
	el.getParent().addClass('seleccionado');
	cargar_delegados('div_vcard', el.id, nombre_zona, nombre_subzona);
}

function cargar_subzonas (capa, zona) {
	capa = $(capa);
	capa.addClass('loading');
	new Request.JSON({
		method: 'get',
		url: 'red-comercial.php?accion=zonas&zona='+zona,
		onSuccess: function(responseJSON, responseText){
			capa.innerHTML=escribeSubZonas(responseJSON);
			capa.removeClass('loading');
			aniadeEventos();
		}
	}).send();
}

function escribeSubZonas(responseJSON) {
	respuesta='';
	if(responseJSON.length > 0){
		for (var i = 0; i < responseJSON.length; i++) {
			respuesta=respuesta+'<li><a href="#" id="li_s_'+responseJSON[i].cod_elemento+'">'+responseJSON[i].descripcion+'</a></li>';
		}			
	}			
	return respuesta;
}

function cargar_delegados (capa, zona, nombre_zona, nombre_subzona) {
	capa = $(capa);
	capa.addClass('loading');
	new Request({
		method: 'post',
		url: 'red-comercial.php?accion=delegados&zona='+zona.substr(5)+'&n_zona='+nombre_zona+'&n_subzona='+nombre_subzona,
		onSuccess: function(responseText){
			capa.innerHTML=responseText;
			capa.removeClass('loading');
		}
	}).send();
}