$(document).ready(function(){
  getServerList();

  $("#refreshlist").click(function () {
    getServerList();
	});
});

function displayTB() {
	tb_show(null, "../includes/launch_links.php?TB_iframe=true&height=400&width=560&modal=true", null);
	return false;
}

function getServerList(s) {
  var selectedServer = $(".selected").attr("id");
	var getHeight = $("#refresh").height();

  $("#refresh").prepend("<p class='loading' style='height:" + getHeight + "px'>Refreshing Servers...</p>");

	$.post("../lgsl/server_list.php", { sortby: s },
		function(data) {
    	$("#servers").html(data);
			
			if (selectedServer) {
    		$(document).find("#" + selectedServer).addClass("selected");
    		getServerDetails(selectedServer.split('sid')[1]);
    	} else {
				$("#data").html("<p class='bar'>Select a server above...</p>");
			}

    	loadScripts();
  	});
	}

function loadScripts() {
	$("ul.serverq").click(function () {
		$("ul.selected").removeClass("selected");
    $(this).addClass("selected");
		
		getServerDetails($(this).attr("id").split('sid')[1]);
  });

  $(".loading").remove();
}

function getServerDetails (sid) {
  $("#data").empty().html("<p class='bar loading'>Loading Server Data...</p>");

	$.post("../lgsl/server_details.php", { s: sid },
  		function(data){
    		$("#data").html(data);
  		});
}