Fylla div utan att ladda om sidan.

Jag visste inte riktigt hur jag skulle formulera min topic!

Hej jag har lite problem (igen :D).
kolla här: ttp://mekk.mine.nu/aspnet/adresser/
Logga in som:
kim
kim

Som ni ser så har jag ett lager med grupper och ett med personerna i gruppen. Det jag har en massa personer i min databas som ligger i gruppen "Arbetet" t.ex. (siffrorna som står på höger sida stämmer)
Jag kommer inte på något bra sätt att få ut dom i mitt lager utan att använda frames eller ladda om sidan.
Jag vet att det blir en del javascript också men det fixar jag. Jag undrar hur jag först loopar ut alla grupp namn som variabler
typ:
var Arbete = "Här loppas alla personerna,johan,olof";
hur gör man det när de ligger i olika tabeller i databasen?

Ni behöver absolut inte ge mig hela lösningar men jag har ingen aning hur jag ska göra så en push hade inte varit fel.

Relevant JavaScript.

var GSatt = 0;
var GNString = "";
var GCString = "";

function OnGroupClick(id, color)
{
	var target = document.getElementById(id);
	if (GSatt == 0)
	{
		target.style.background = "#7C93CA";
		GSatt = 1;
		GNString = id;
		GCString = color;
		document.getElementById("PersonText").style.visibility = "visible";
		document.getElementById("AddressBox").style.visibility = "visible";
	}
	else if (GNString == id)
	{
		target.style.background = "#" + GCString;
		GSatt = 0;
		GNString = "";
		GCString = "";
		EmptyDiv();
		document.getElementById("PersonText").style.visibility = "hidden";
		document.getElementById("AddressBox").style.visibility = "hidden";
	}
	else
	{
		var ABox = document.getElementById(GNString);
		ABox.style.background = "#" + GCString;
		EmptyDiv();
		target.style.background = "#7C93CA";
		GSatt = 1;
		GNString = id;
		GCString = color;
		document.getElementById("PersonText").style.visibility = "visible";
		document.getElementById("AddressBox").style.visibility = "visible";
	}
}

function FillDiv(id, color, namn)
{
	var html = "<div id=\""+id+"\" class=\"Gtd\" OnClick=\"OnPeopleClick(this.id, \'"+color+"\');\"  OnMouseOver=\"OnPeopleMouseOver(this.id);\" OnMouseOut=\"OnPeopleMouseOut(this.id,\'"+color+"\');\"  style=\"background:  #"+color+";\" >"+namn+"</div>";
	document.getElementById("AddressBox").innerHTML += html;
}

Och lite asp/c#

	<div id="Gb<%# DataBinder.Eval(Container.DataItem, "id") %>" class="Gtd" 
	onClick="OnGroupClick(this.id, 'F8F8F8');"  
	OnMouseOver="OnGroupMouseOver(this.id);" 
	OnMouseOut="OnGroupMouseOut(this.id, 'F8F8F8');"  
	style="background:  #F8F8F8;" >
	<%# DataBinder.Eval(Container.DataItem, "group_name") %>(<%# count(Convert.ToInt32(DataBinder.Eval(Container.DataItem, "id"))) %>)
	</div>
#---------------------------------------------------------------------------#
		public static DataSet GetUserGroups(string name)
		{
			SqlConnection SqlCon = new SqlConnection(ConString);
			string SqlQuery = "SELECT tbl_groups.*, tbl_users.id, tbl_users.name FROM tbl_groups INNER JOIN tbl_users ON tbl_groups.user_id=tbl_users.id WHERE tbl_users.name ='"+name+"';";
			DataSet Sender = new DataSet();		
			SqlDataAdapter SqlCom = new SqlDataAdapter(SqlQuery, SqlCon);
			SqlCom.Fill(Sender);
			SqlCon.Close();
			return Sender;
		}