  var idle = 0;
  var idleSeconds = 0;
  var lastMessage = '';  

  $(document).ready(function(){
    var message_number=0;
    var rooms;
    var message_sent_seconds=-1;      
    
    function trim(str){return str.replace(/^\s+|\s+$/g,"");}                                                                                                                                                  
    
    // Display the game list
    function processGameList(data){        
        var i = 0;
        var aux = '';                
        $('#rooms_wrapper').html('<div class="dataTables_wrapper" id="rooms_wrapper"><div class="fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"><div id="rooms_filter" class="dataTables_filter">Procurar <input type="text"></div></div><table cellspacing="0" cellpadding="0" border="0" id="rooms" class="display" style="width: 980px;"><thead><tr><th scope="col" style="width: 58px;" class="ui-state-default"><span class="css_right ui-icon ui-icon-triangle-1-n"></span>Tipo</th><th scope="col" style="width: 40px;" class="ui-state-default"><span class="css_right ui-icon ui-icon-carat-2-n-s"></span>Priv</th><th scope="col" style="width: 95px;" class="ui-state-default"><span class="css_right ui-icon ui-icon-carat-2-n-s"></span>Estado</th><th scope="col" style="width: 50px;" class="ui-state-default"><span class="css_right ui-icon ui-icon-carat-2-n-s"></span>ELO</th><th scope="col" style="width: 136px;" class="ui-state-default"><span class="css_right ui-icon ui-icon-carat-2-n-s"></span>Descrição</th><th scope="col" style="width: 149px;" class="ui-state-default"><span class="css_right ui-icon ui-icon-carat-2-n-s"></span>Equipa A</th><th scope="col" style="width: 149px;" class="ui-state-default"><span class="css_right ui-icon ui-icon-carat-2-n-s"></span>Equipa B</th><th scope="col" style="width: 88px;" class="ui-state-default"><span class="css_right ui-icon ui-icon-carat-2-n-s"></span>Entrar</th></tr></thead><tbody></tbody></table><div class="fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"><div class="dataTables_info" id="rooms_info">Mostrando 1 a 34 de 34 salas</div></div></div>');                
        for(i=0;i<data.aaData.length;i++){
            if (i%2){
                aux='class="even"';
            }
            else {
                aux='';
            }
            $('#rooms tr:last').after('<tr '+aux+'><td class=" sorting_1">'+data.aaData[i][0]+'</td><td>'+data.aaData[i][1]+'</td><td>'+data.aaData[i][2]+'</td><td><b>'+data.aaData[i][3]+'</b></td><td>'+data.aaData[i][4]+'</td><td>'+data.aaData[i][5]+'</td><td>'+data.aaData[i][6]+'</td><td>'+data.aaData[i][7]+'</td></tr>');
        }        
        $('#loading').css('display','none');
    }
        
    $.getJSON("remote/games.php", processGameList);

    $('#create_table').click(function(){        
        window.location = "http://www.suecaonline.net/create_game.php";                                                              	
    })
    .hover(
    	function(){ 
    		$(this).addClass("ui-state-hover"); 
    	},
    	function(){ 
    		$(this).removeClass("ui-state-hover"); 
    	}
    ).mousedown(function(){
    	$(this).addClass("ui-state-active"); 
    })
    .mouseup(function(){
    		$(this).removeClass("ui-state-active");
    });
    
    $('#refresh_tables').click(function(){        
        $('#loading').css('display','block');
                
        $.ajax({
            type: "GET",
            url: "/remote/games.php",
            dataType: "json",
            cache: false,
            success: processGameList
        });
                                                              	
    })
    .hover(
    	function(){ 
    		$(this).addClass("ui-state-hover"); 
    	},
    	function(){ 
    		$(this).removeClass("ui-state-hover"); 
    	}
    ).mousedown(function(){
    	$(this).addClass("ui-state-active"); 
    })
    .mouseup(function(){
    		$(this).removeClass("ui-state-active");
    });            
    
    // Send browser info?
    if ( $('#browser_info').length ){
        // Send browser information
        $.post("remote_browser_info.php", { h: window.screen.height, w: window.screen.width, d: window.screen.pixelDepth } );
    }
  } );
