
function Clientes() {
	this.init = function() {
		adicionarEvento($('edtRegiao'),'change',function() { clientes.carregar($('edtRegiao').value); })
	}
	
	this.carregar = function(id) {
		if (id == '')
			return;
		ajax = new sack('../xml/palavradocliente/'+id);
		ajax.onCompletion = clientes.mostrar;
		ajax.method = "GET";
		ajax.runAJAX();
	}
	
	this.mostrar = function() {
		$('clientes').innerHTML = '';
		obj = ajax.responseXML;
		campos = obj.getElementsByTagName('cliente');
		
		for (var i = 0;i<campos.length;i++) {
			cliente = campos[i];
			var id          = cliente.getElementsByTagName('idCliente')[0].firstChild.nodeValue;
			var nome        = cliente.getElementsByTagName('nomeCliente')[0].firstChild.nodeValue;
			var responsavel = cliente.getElementsByTagName('responsavelCliente')[0].firstChild.nodeValue;
			var cidade      = cliente.getElementsByTagName('cidadeCliente')[0].firstChild.nodeValue;
			var estado      = cliente.getElementsByTagName('estadoCliente')[0].firstChild.nodeValue;
			var texto       = cliente.getElementsByTagName('textoCliente')[0].firstChild.nodeValue;
			xCliente = document.createElement('div');
			xCliente.className = 'cliente';
			
			xCliente.appendChild(document.createElement('img'));
			xCliente.childNodes[0].setAttribute('src','../imagens/palavradocliente/' + id + '.jpg');
			xCliente.childNodes[0].setAttribute('alt',nome);
			xCliente.appendChild(document.createElement('h3'));
			xCliente.childNodes[1].appendChild(document.createTextNode(nome));
			xCliente.appendChild(document.createElement('address'));
			xCliente.childNodes[2].appendChild(document.createTextNode(responsavel + ' | ' + cidade + ' - ' + estado));
			xCliente.innerHTML += texto;
			
			$('clientes').appendChild(xCliente);
		}
	}
}

clientes = new Clientes;
adicionarEvento(window,'load',clientes.init);