var last = 0;
  var lbx_timeout=10000;
  var lbx_area = "";
  var lbx_lastmsg="";
  
  function PostMsg(){
    var msg = document.getElementById('msg');
    var cur_msg = msg.value;
   
    //nemoj slat dvaput istu poruku
    if (lbx_lastmsg ==cur_msg) {
       msg.value = "";
       msg.focus();
       return;
    }
   
    lbx_lastmsg = msg.value;
     
    $.post("livebox.php", { a:1, msg:msg.value,area:lbx_area },
    function(data){
      //last = data; 
      msg.value = "";
      msg.focus();
      GetMessages(false);            
    }, "json");
    

  }
  
  function GetHtml(user_from, message,photo){
  
  var str = "<div style='border-bottom:1px solid #EDF3F3'>"+ 
            "<div style='float:left;line-height:25px;padding:2px;width:50px'><center>" ;
            
         if (photo != "") str = str + "<img width='40px' src='"+photo+"'/>";
            
     str = str+ "</center></div>"+
            "<div style='width:90%;float:left;line-height:20px;padding:2px;'><b>"+ user_from + ": </b><br/>" + message+ "</div>" + 
            "<div style='clear:both'>"+
            "</div></div>";
  return str;
  }
  
  
  function GetMessages(recall){
     var div = document.getElementById('liveboxmsg');
     
     $.get("livebox.php", {a:2, last:last,area:lbx_area},
     function(data){
        var html = "";
        var obj ;
        //alert(data[1].message);
 
        
        for(el in data){
           obj = data[el];
           html = html + GetHtml(obj.user_from , obj.message,obj.slika);
        }
        if (div != div.innerHtml)  div.innerHTML = html;
        
     },"json");
     
     if (recall){
          window.setTimeout('GetMessages(true)', 16000);
     }
  }
  
  function StartLiveBox(timeOut, area){
    lbx_area = area;  
    window.setTimeout('GetMessages(true)',timeOut);
  }