// JavaScript Document
addEvent(window,'load',inicializarEventos,false);

function inicializarEventos()
{
  var boton1=document.getElementById('b1');
  addEvent(boton1,'click',mostrarMail,false);
  var boton2=document.getElementById('b2');
  addEvent(boton2,'click',mostrarTelefon,false);
}

function mostrarMail(e)
{
	
	//Utilizando el innerHTML
  	var ob1=document.getElementById("tdTelefon");
  	ob1.innerHTML='<input class="text" name="Telefon" id="Telefon" type="text" title="Tel&egrave;fon"  />';
	var ob2=document.getElementById("tdMail");
  	ob2.innerHTML='<input class="required email text" name="Mail"  id="Mail" type="text" title="Mail -> Comprovi el format"  />';
}

function mostrarTelefon(e)
{
	//Utilizando el innerHTML
  	var ob1=document.getElementById("tdTelefon");
  	ob1.innerHTML='<input  class="required number text" name="Telefon" id="Telefon" type="text" title="Tel&egrave;fon -> camp num&egrave;ric obligatori"  />';
	var ob2=document.getElementById("tdMail");
  	ob2.innerHTML='<input class="text" name="Mail"  id="Mail" type="text" title="Mail"  />';
	
}

//Funciones comunes
function addEvent(elemento,nomevento,funcion,captura)
{
  if (elemento.attachEvent)
  {
    elemento.attachEvent('on'+nomevento,funcion);
    return true;
  }
  else
  {
    if (elemento.addEventListener)
    {
      elemento.addEventListener(nomevento,funcion,captura);
      return true;
    }
    else
	{
      return false;
	}
  }
}

function removeEvent(elemento,nomevento,funcion,captura)
{
  if (elemento.attachEvent)
  {
    elemento.detachEvent('on'+nomevento,funcion);
    return true;
  }
  else
  {
    if (elemento.addEventListener)
    {
      elemento.removeEventListener(nomevento,funcion,captura);
      return true;
    }
    else
	{
      return false;
	}
  }
}