function ObjetoAjax()
{
	var xhr;
	if(window.ActiveXObject) {
		xhr= new ActiveXObject("Microsoft.XMLHttp");
	}
	else if((window.XMLHttpRequest) || (typeof XMLHttpRequest) != undefined) {
		xhr= new XMLHttpRequest();
	}
	else {
		xhr= null;
	}
	
	this.consultar= m_consultar;
	this.estado= m_estado;
	this.textoEstado= m_textoEstado;
	this.respuestaTexto= m_texto;
	this.respuestaObj= m_objeto;
	
	function m_consultar(id) {
		xhr.open("get", "carrers/consultar.php?id="+id, true);
		xhr.onreadystatechange= function rebut() {
			if(xhr.readyState==4) {
				rebutCarrer();
			}
		}
		xhr.send(null);
	}
	
	function m_estado() {
		
		return xhr.status;
	}
	
	function m_textoEstado() {
		
		return xhr.statusText;
	}
	
	function m_texto() {
		
		return xhr.responseText;
	}
	
	function m_objeto()
	{
		return eval("("+xhr.responseText+")");
	}
}

var obj;
var posx, posy;

function obrir(ev, id)
{
	tancar();
	if (!ev) var ev= window.event;
	if (ev.pageX || ev.pageY) 	{
		posx = ev.pageX;
		posy = ev.pageY;
	}
	else if (ev.clientX || ev.clientY) 	{
		posx = ev.clientX + document.body.scrollLeft+ document.documentElement.scrollLeft;
		posy = ev.clientY + document.body.scrollTop+ document.documentElement.scrollTop;
	}
	if(obj==undefined) obj= new ObjetoAjax();
	obj.consultar(id);
	
	return false;
}

function rebutCarrer() {
	
	if(obj.estado()==200) {
		var carrer= obj.respuestaObj();
		var i= document.getElementById("carrer.img")
		i.src= "carrers/"+carrer.imatge;
		var t= document.getElementById("carrer.titol")
		t.innerHTML= carrer.titol;
		var d= document.getElementById("carrer.descripcio")
		d.innerHTML= carrer.descripcio;
		var e= document.getElementById("quadre");
		e.style.top= (posy-10)+"px";
		e.style.left= (posx+10)+"px";
		var e2= document.getElementById("quadre2");
		e2.style.top= (posy-10)+"px";
		e2.style.left= (posx+10)+"px";
		// ---
		e.style.display="block";
		e2.style.display="block";
	}
	else {
		alert(obj.textoEstado());
	}
}

function tancar() {
	
	var e= document.getElementById("quadre");
	var e2= document.getElementById("quadre2");
	e2.style.display="none";
	e.style.display="none";
	var i= document.getElementById("carrer.img")
	i.src= "";
	var t= document.getElementById("carrer.titol")
	t.innerHTML= "";
	var d= document.getElementById("carrer.descripcio")
	d.innerHTML= "";
}