Ayuda con error en chat tipo gmail

[andresfelipeav]

HOLA... ESPERO Q ME PUEDAN GUIAR EN EL SIGUIENTE PROBLEMA: PASO COMO PARAMETRO UNA VARIABLE CON EL NOMBRE DE LA PERSONA A CHATEAR
A LA FUNCION MINIMIZAR, ALLI LA TOMO COMO PARAMETRO PARA SER USADA EN UNA REFERENCIA CON getElementById, SINEMBARGO ME GENERA
UN ERROR DE : Error: document.getElementById(persona) is null
. DE ANTEMANO LES AGRADEZCO SU COLABORACION

AQUI COLOCO EL CODIGO JAVASCRIPT:


function minimizar(persona){
//alert(persona);
document.getElementById(persona).style.display = "none";
document.getElementById(persona).style.display = "none";
}

function maximizar(persona){
document.getElementById(persona).style.display = "block";
document.getElementById(persona).style.display = "block";
}

function cerrar(persona){
document.getElementById(persona).style.display = "none";
document.getElementById(persona).style.display = "none";
document.getElementById(persona).style.display = "none";
document.getElementById(persona).style.display = "none";
document.getElementById(persona).style.display = "none";
}

function ChatCon(persona)
{
var principal = document.getElementById('main_container');
var person = persona;

var opciones = '<a href="javascript:void(0)" onClick="minimizar(\''+person+'\')">-</a> ' +
'<a href="javascript:void(0)" onClick="maximizar(\''+person+'\')">[]</a> ' +
'<a href="javascript:void(0)" onClick="cerrar(\''+person+'\')">X</a> ';
alert(opciones);
var contenedor1 = document.createElement('div');
contenedor1.id = persona+1;
contenedor1.className = 'chatboxhead';
contenedor1.style.position = 'absolute';
contenedor1.style.left = '638px';
contenedor1.style.top = '319px';

var contenedor2 = document.createElement('div');
contenedor2.id = persona+2;
contenedor2.className = 'chatboxtitle';
contenedor2.innerHTML = persona;

var contenedor3 = document.createElement('div');
contenedor3.id = persona+3;
contenedor3.className = 'chatboxoptions';
contenedor3.innerHTML = opciones;

var contenedor4 = document.createElement('div');
contenedor4.id = persona+4;
contenedor4.className = 'chatboxcontent';
contenedor4.style.position = 'absolute';
contenedor4.style.left = '638px';
contenedor4.style.top = '348px';
contenedor4.innerHTML = 'MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES1 ' +
'MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES2 ' +
'MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES MENSAJES3 ' ;


var contenedor5 = document.createElement('div');
contenedor5.id = persona+5;
contenedor5.className = 'chatboxinput';
ele = document.createElement('textarea');
ele.onkeydown = function (e){ }
ele.className = 'chatboxtextarea';
contenedor5.appendChild(ele);
contenedor5.style.position = 'absolute';

//alert(contenedor4.style.left+" "+contenedor4.style.top);
contenedor5.style.left = '638px';
contenedor5.style.top = '562px';

contenedor1.appendChild(contenedor2);
contenedor1.appendChild(contenedor3);

principal.appendChild(contenedor1);
principal.appendChild(contenedor4);
principal.appendChild(contenedor5);

}

EN EL BODY VA :


<input type="button" value="PULSAME" onClick="ChatCon('andres');" />