// JavaScript Document
function chat_user(data){

  var xml_doc = data;
  
  var admin = $(xml_doc).find('admin');
  var adminOnline = $(admin).find('online').text();
  var adminId = $(admin).find('id_user').text(); 
  
  if(adminOnline == 'online'){

    var chat = $('#chat');
    chat.css('display','block');

    var userData = $(xml_doc).find('user'); 
    var userName = $(userData).find('name').text(); 
    var userId = $(userData).find('id_user').text(); 
    
    userName = (userName.indexOf('[') != -1 )? '' : userName;
    
    //peronal box pour changer le nom
    var chatBox = $('<div>').attr({'id':'chat-box'});
    var personalBox = $('<div>').attr({'id':'personal'+userId,'class':'chat-personal'});
    var changeName = $('<input>').attr({'id':'user_name'+userId,'type':'text','value':userName,'class':'chat-name'});
    var sendNameButton = $('<input>').attr({'id':'send_name'+userId,'type':'button','value':'Mi nombre','class':'mozaik-submit'});
    sendNameButton.click(function(){
      changeUserName(this.id.replace('send_name',''),adminId);
    });
    
    var chatText = $('<p>').attr({'class':'chat_text'});
    chatText.html('Estamos en l&iacute;nea, no dudes en preguntarnos, te contestaremos de inmediato!');
    
    chat.append(chatBox);
    chatBox.append(chatText);
    chatBox.append(personalBox);
    $(personalBox).append(changeName);
    $(personalBox).append(sendNameButton);
  
    setUserBox(chatBox,userId,adminId,userName);
       
    $('#user'+adminId).append($("<div>").attr({'id':'msg_load','class':'chat-load'}));
    
    $('#user'+adminId).attr('class','box_user_on');

    getMsg(adminId,userId);
    
  }else{
  
    $('#mini_contact').css('display','block');
    
  }

}


