(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR

//Inicio variables a editar por el usuario
var imagen_chatbox_desplegable = "http://i45.servimg.com/u/f45/17/45/19/77/chat10.png";
var posicion_chatbox_desplegable = "derecha"; //Admite también 'izquierda'
//Fin variables a editar por el usuario

document.write("<div id=\"chatbox_ret_cont\" class=\"chatbox_" + posicion_chatbox_desplegable + "\">");
document.write("    <div onclick=\"(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); jQuery('#chatbox_ret').toggle('normal');\">");
document.write("        <span id=\"chatbox_ret_online\">");
document.write("            <img title=\"Abrir o cerrar el Chat\" src=\"" + imagen_chatbox_desplegable + "\">");
document.write("        <\/span>");
document.write("        <span id=\"chatbox_ret_offline\"><\/span>");
document.write("    <\/div>");
document.write("    <iframe src=\"\/chatbox\" id=\"chatbox_ret\" name=\"chatbox_ret\" ");
document.write("     scrolling=\"no\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"1px\"");
document.write("     onload=\"if(cb_new){cb_start();cb_new=0;}\">");
document.write("    <\/iframe>");
document.write("<\/div>");

#chatbox_ret_cont{
   z-index: 10000;
   background-color: transparent;
   position: fixed;
   bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
   right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
   left: 0;
}
#chatbox_ret_cont div{
   cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
   background-color: white;
   border: 2px solid grey;
   display: none;
   height: 450px;
   margin-bottom: 0;
   width: 900px;
}