// Copyright (c) Synble 2008

function showSidebar() {
	loc = $('sidebar_area');
	sidebarHTML = "<table id=\"sidebar_contacts\" class=\"sidebar_lines\"><th>Friends</th>";
	for(var i=0;i<data.sidebar.length;i++){
		text = data.sidebar[i].contactid__name;
		id = data.sidebar[i].contactid__id;
		url = data.sidebar[i].url;
		sidebarHTML += "<tr><td width=\"95%\"><a href=\""+url+"\">"+text+"</a></td><td width=\"5%\">";
		if(data.sidebar[i].active)
		{
			sidebarHTML += "<img src=\"http://media-1.synble.com/active.png\"></td></tr>";
		}
		else
		{
			sidebarHTML += "<img src=\"http://media-1.synble.com/inactive.png\"></td></tr>";
		}
	}

	sidebarHTML += "</table><br><div id=\"logout_div\Ó style=\"align: right;\"><a href=\"/logout\" >Sign out</a></div>";
	loc.innerHTML=sidebarHTML;
}

function parseJson(transport) {
	var response = transport.responseText
	var jsonObj=eval("("+response+")");
	data.sidebar = jsonObj.sidebar || [];
	data.channels = jsonObj.channels || [];
	showSidebar();
}