var widget_debug = false;

//onload function
function generic()
{
    //alert('Generic onload function');
    parent.document.getElementById('centerLoadingWidgets').style.display = 'none';
    parent.document.getElementById('widgetsIFrame').style.display = 'block';
};

function DoLoadImage()
{
	document.getElementById('centerWidgetLoading').style.display = 'none';
	document.getElementById('widgetsIFrame').style.display = 'block';
}

function loadWidgets()
{
	if (widget_debug) {alert('loading widgets');}
	
	engWidgets.GetWidgets(callback_loadWidgets);
}

function callback_loadWidgets(res)
{
	checkResponse(res.value);
	
	var dt = res.value.Tables[0];
	var dtTags = res.value.Tables[1];
	var tbl = document.getElementById("tblWidgets");
	var rows = tbl.rows;
    while(rows.length) // length=0 -> stop 
	{
		tbl.deleteRow(rows.length-1);
	}
	if (dt.Rows.length!=0)
	{
		for (var i=0; i<dt.Rows.length; i++)
		{
			var insertTable = document.createElement("tr");
			tbl.appendChild(insertTable);
							
			var tblCell1 = insertTable.insertCell(0) // widget name and tags
			var tblCellDTS = insertTable.insertCell(1) // date time stamp
			var tblCellSecurity = insertTable.insertCell(2) // security
			var tblCell3 = insertTable.insertCell(3) // options
				
			// first column	- start
			// widget link
			var widgetLink = document.createElement("a");
			widgetLink.innerHTML = dt.Rows[i].WidgetName;
			widgetLink.href = 'javascript:showViewWidget(' + dt.Rows[i].WidgetID + ', \'' + dt.Rows[i].WidgetName.replace('\'', '\\\'') + '\');';

			tblCell1.appendChild(widgetLink);
			
			var tagDiv = document.createElement('div');
			tagDiv.className = 'tag-list';
			tagDiv.innerHTML = 'Tags: ';
			// tags
			for (var j = 0; j < dtTags.Rows.length; j++)
			{
				if (dtTags.Rows[j].WidgetID == dt.Rows[i].WidgetID)
				{
					tagDiv.innerHTML = tagDiv.innerHTML + '<a href="/search/results.aspx?all=' + dtTags.Rows[j].Tag + '">' + dtTags.Rows[j].Tag + '</a>, ';
				}
			}
			
			tagDiv.innerHTML = tagDiv.innerHTML.substr(0, tagDiv.innerHTML.length - 2);
			
			tblCell1.appendChild(tagDiv);
			// first column - end 

			// date column - start
			tblCellDTS.className = 'dateCreated';
			tblCellDTS.innerHTML = dt.Rows[i].DTS;
			// date column - end
			
			// security column - start
			tblCellSecurity.className = 'security';
			tblCellSecurity.innerHTML = dt.Rows[i].Security;
			// security column - end
			
			// options column - start
			var aEdit = document.createElement("a");
			aEdit.innerHTML = "Edit";
			aEdit.href = "javascript:showEditWidget(" + dt.Rows[i].WidgetID + ");";
			
			var liEdit = document.createElement("li");
			liEdit.className = "edit";
			
			liEdit.appendChild(aEdit);
			
			var aDelete = document.createElement("a");
			aDelete.innerHTML = "Delete";
			aDelete.href = "javascript:showDeleteWidget(" + dt.Rows[i].WidgetID + ");";
			
			var liDelete = document.createElement("li");
			liDelete.className = "delete";
			
			liDelete.appendChild(aDelete);
			
			var ul = document.createElement("ul");
			
			ul.appendChild(liEdit);
			ul.appendChild(liDelete);
			if (i==0)
			{
				tblCell3.className = "options firstOptions";	
			}
			else
			{
				tblCell3.className = "options";
			}

			tblCell3.appendChild(ul);
		}
	}
	else
	{
		var insertTable = document.createElement("tr");
		tbl.appendChild(insertTable);
								
		var tblCell1 = insertTable.insertCell(0)
		tblCell1.colSpan = "4";
		tblCell1.id = "cell1";
		tblCell1.innerHTML = "You have not added any widgets yet";
	}
	
	stripetableBody();
}
function showWidget()
{
	 setControlValue('txtWidgetName', '');
	 setControlValue('txtWidgetCode', '');
	 setControlValue('txtWidgetTags', '');
	 showPublicPrivate();
	 setSelectedRadioValue('radSecurity', '0');
	 openModalWindow('addWidget');
}

function addWidget()
{
	if (widget_debug) {alert('adding widget');}
	
	var widgetName = getControlValue('txtWidgetName');
	var widgetCode = getControlValue('txtWidgetCode');
	var widgetTags = getControlValue('txtWidgetTags');
	var security = getSelectedRadioValue('radSecurity');
	
	var friendIDs;
	friendIDs = getFriendIds("ulFriendsList");
	if(friendIDs[0] == void 0)
	{
		friendIDs[0] = 0;
	}
	
	var groupIDs;
	groupIDs = getGroupIds("ulGroupsList");
	if(groupIDs[0] == void 0)
	{
		groupIDs[0] = 0;
	}
	
	showFeedback('addWidgetActionContainer');
	
	engWidgets.AddWidget(widgetName, widgetCode, widgetTags, security, groupIDs, friendIDs, 'txtWidgetName', 'txtWidgetCode', callback_addWidget);
}

function callback_addWidget(res)
{
	checkResponse(res.value);

	var results = res.value.Tables[0];
	if (results.Rows[0].result == "True")
	{
		var controls = res.value.Tables[1];
		for (var i=0; i<controls.Rows.length; i++)
		{
			clearInputField('txtWidgetName');
			clearInputField('txtWidgetCode');
			clearInputField('txtWidgetTags');
			
			setControlErrorMessage(controls.Rows[i].controlID, '');
		}
		
		switch (results.Rows[0].errMessage)
		{
			case "valid":
				feedbackValid('Saving','Saved');
				window.setTimeout('hideAddWidget();', 4000);
				break;
		}
	}								
	else
	{
		var controls = res.value.Tables[1];
		switch (results.Rows[0].errMessage)
		{
			case "invalid":
				feedbackInvalid('addWidgetActionContainer');
				window.setTimeout(function(){processValidationResponse(controls)}, 2001);
				break;
		}
	}
}

function hideAddWidget()
{
	loadWidgets();
	closeModalWindow('addWidget');
	cleanupFeedback('addWidgetActionContainer');
}

function showViewWidget(widgetId, title)
{
	document.getElementById('viewWidgetTitle').innerHTML = title;
	var widgetsIFrame = document.getElementById('widgetsIFrame');
	widgetsIFrame.src = '/profile/widgets.aspx?widgetId=' + widgetId;
	openModalWindow('viewWidget');
	widgetsIFrame.style.visibility = 'visible';
	widgetsIFrame.style.height = "auto";
}

function hideViewWidget()
{
	var widgetsIFrame = document.getElementById('widgetsIFrame');
	widgetsIFrame.style.visibility = 'hidden';
	closeModalWindow('viewWidget');
}

var currentItem;

function showEditWidget(widgetId)
{
	//editWidgetActionContainer
	currentItem = widgetId;
	setSpanValue('editWidgetID', widgetId);
	engWidgets.GetWidget(widgetId, callback_populateWidget);
}

function callback_populateWidget(res)
{
	if (res.error != null) {alert(res.error)};
	
	checkResponse(res.value);
	
	var widget = res.value;
	
	setControlValue('txtEditWidgetName', widget.WidgetName);
	setSelectedRadioValue('radEditSecurity', widget.SecurityID);
	var ul = document.getElementById("ulEditFriendsList");	
	ul.innerHTML = "";		
	
	if (widget.tags)
	{
		var tagList = '';
		
		for (var t = 0; t < widget.tags.length; t++)
		{
			if (tagList	== '')
			{
				tagList = widget.tags[t];
			}
			else
			{
				tagList = tagList + ', ' + widget.tags[t];
			}
		}
		
		setControlValue('txtEditWidgetTags', tagList);
	}
	
	switch (widget.SecurityID)
		{
			case 0:
				showEditPublicPrivate();
				break;
				
			case 1:
				showEditPublicPrivate();
				break;
				
			case 4:
				if (widget.users!=null)
				{
					for (var j = 0;j<widget.users.length;j++)
					{
						var chk = document.createElement("input");
						chk.type = "checkbox";
						chk.value = widget.users[j].UserID;
						chk.id = "c_"+widget.users[j].UserID;
						chk.style.display = "none"; 
						
						var lbl = document.createElement("label");
						lbl.innerHTML = widget.users[j].Username;
						lbl.id = "l_"+widget.users[j].UserID;
						
						var img = document.createElement("img");
						img.id = "i_"+widget.users[j].UserID;
						img.alt ="Remove";
						img.src="/images/icons/delete.gif";
						
						var aImg = document.createElement("a");
						aImg.href ="javascript:deleteEditFriend(" + widget.users[j].UserID + ");";
						aImg.id = "a_"+widget.users[j].UserID;
						aImg.appendChild(img);
						
						var li = document.createElement("li");
						li.id="l_"+widget.users[j].UserID;
						
						li.appendChild(chk);
						li.appendChild(lbl);
						li.appendChild(aImg);	
								
						ul.appendChild(li);
					}	
				}
		
				showEditFriendsOptions();
				break;
				
			case 2:
				var chks = document.getElementById("ulEditGroupsList").getElementsByTagName("input");
				
				for (var i = 0;i<chks.length;i++)
				{			
					chks[i].checked = false;
				}
					
				for (var i = 0;i<chks.length;i++)
				{
					for (var j = 0;j<widget.groups.length;j++)
					{
						if (chks[i].value == widget.groups[j].GroupID)
						{
							chks[i].checked = true;
						}
					}
				}
					
				showEditGroupsOptions();
				break;
		}
		
	openModalWindow('editWidget');
}

function refreshEditUsersOptions() {
  engWidgets.PopulateWidgetSharedUsers(currentItem, callback_refreshEditUsersOptions);
}

function callback_refreshEditUsersOptions(res) {
	if (res.error!=null){alert(res.error)};

	var widget = res.value;
	var ul = document.getElementById("ulEditFriendsList");	
	ul.innerHTML = "";
				if (widget.users!=null)
				{
					for (var j = 0;j<widget.users.length;j++)
					{
						var chk = document.createElement("input");
						chk.type = "checkbox";
						chk.value = widget.users[j].UserID;
						chk.id = "c_"+widget.users[j].UserID;
						chk.style.display = "none"; 
						
						var lbl = document.createElement("label");
						lbl.innerHTML = widget.users[j].Username;
						lbl.id = "l_"+widget.users[j].UserID;
						
						var img = document.createElement("img");
						img.id = "i_"+widget.users[j].UserID;
						img.alt ="Remove";
						img.src="/images/icons/delete.gif";
						
						var aImg = document.createElement("a");
						aImg.href ="javascript:deleteEditFriend(" + widget.users[j].UserID + ");";
						aImg.id = "a_"+widget.users[j].UserID;
						aImg.appendChild(img);
						
						var li = document.createElement("li");
						li.id="l_"+widget.users[j].UserID;
						
						li.appendChild(chk);
						li.appendChild(lbl);
						li.appendChild(aImg);	
								
						ul.appendChild(li);
					}	
				}
		
				showEditFriendsOptions();	

}

function refreshEditGroupsOptions() {
  engWidgets.populateWidgetGroups(currentItem, callback_refreshEditGroupsOptions);
}

function callback_refreshEditGroupsOptions(res) {
	if (res.error!=null){alert(res.error)};

	var widget = res.value;
	var ul = document.getElementById("ulEditFriendsList");	
	ul.innerHTML = "";

	var chks = document.getElementById("ulEditGroupsList").getElementsByTagName("input");
	
	for (var i = 0;i<chks.length;i++)
	{			
		chks[i].checked = false;
	}
		
	if (widget.groups != null) {
		for (var i = 0;i<chks.length;i++)
		{
			for (var j = 0;j<widget.groups.length;j++)
			{
				if (chks[i].value == widget.groups[j].GroupID)
				{
					chks[i].checked = true;
				}
			}
		}
	}	
	showEditGroupsOptions();				

}

function editWidget()
{
	if (widget_debug) {alert('updating widget');}
	
	var widgetId = getSpanValue('editWidgetID');
	var widgetName = getControlValue('txtEditWidgetName');
	var widgetTags = getControlValue('txtEditWidgetTags');
	var security = getSelectedRadioValue('radEditSecurity');
	
	var friendIDs;
	friendIDs = getFriendIds("ulEditFriendsList");
	if(friendIDs[0] == void 0)
	{
		friendIDs[0] = 0;
	}
	
	var groupIDs;
	groupIDs = getGroupIds("ulEditGroupsList");
	if(groupIDs[0] == void 0)
	{
		groupIDs[0] = 0;
	}
	
	showFeedback('editWidgetActionContainer');
	
	engWidgets.UpdateWidget(widgetId, widgetName, widgetTags, security, groupIDs, friendIDs, 'txtEditWidgetName', callback_editWidget);
}

function callback_editWidget(res)
{
	checkResponse(res.value);
	
	var results = res.value.Tables[0];
	if (results.Rows[0].result == "True")
	{
		var controls = res.value.Tables[1];
		for (var i=0; i<controls.Rows.length; i++)
		{
			clearInputField('txtEditWidgetName');
			clearInputField('txtEditWidgetTags');
			setControlErrorMessage(controls.Rows[i].controlID,'');
		}
		switch (results.Rows[0].errMessage)
		{
			case "valid":
				feedbackValid('Saving','Saved');
				window.setTimeout('hideEditWidget();', 4000);
				break;
		}
	}
	else
	{
		var controls = res.value.Tables[1];
		switch (results.Rows[0].errMessage)
		{
			case "invalid":
				feedbackInvalid('editWidgetActionContainer');
				window.setTimeout(function(){processValidationResponse(controls)}, 2001);
				break;
		}
	}
}

function hideEditWidget()
{
	loadWidgets();
	closeModalWindow('editWidget');
	cleanupFeedback('editWidgetActionContainer');
}

function showDeleteWidget(widgetId)
{
	setSpanValue('deleteWidgetID', widgetId);
	engWidgets.GetWidget(widgetId, callback_populateDeleteWidget);
}

function callback_populateDeleteWidget(res)
{
	checkResponse(res.value);
	
	var widget = res.value;
	setSpanValue('deleteWidgetName', widget.WidgetName);
	openModalWindow('deleteWidget');
}

function deleteWidget()
{
	if (widget_debug) {alert('deleting widget');}
	
	var widgetId = getSpanValue('deleteWidgetID');
	showFeedback('deleteWidgetActionContainer');
	engWidgets.DeleteWidget(widgetId, callback_deleteWidget);
}

function callback_deleteWidget(res)
{
	checkResponse(res.value);
	
	if (res.error!=null){alert(res.error)};
	
	if (res.value)
	{
		feedbackValid('Deleting','Deleted');
		window.setTimeout("hideDeleteWidget();", 4000);
	}
	else
	{
		feedbackInvalid('deleteWidgetActionContainer');
	}
}

function hideDeleteWidget()
{
	loadWidgets();
	closeModalWindow('deleteWidget');
	cleanupFeedback('deleteWidgetActionContainer');
}

// helper functions
function getFriendIds(controlID){
	var chks = document.getElementById(controlID).getElementsByTagName("input");
	var idList = new Array();
	var counter = 0;
	
	for (var i=0; i<chks.length; i++)
	{
		if (chks[i].type == "checkbox")
		{
			idList[counter] = chks[i].value;
			counter = counter + 1;	
		}
	}
	
	return idList;
}

function getCheckedFriendIds(controlID){
	var inputElements = document.getElementById(controlID).getElementsByTagName("input");
	var idList = new Array();
	var counter = 0;
	
	for(var i = 0; i < inputElements.length; i++)
	{
		if(inputElements[i].type == "checkbox" && inputElements[i].checked)
		{
			idList[counter] = inputElements[i].value;
			counter = counter + 1;
		}
	}
	
	return idList;
}

function getGroupIds(id)
{
	var inputElements = document.getElementById(id).getElementsByTagName("input");
	var groupIds = new Array();
	var counter = 0;
	
	for (var i = 0; i < inputElements.length; i++)
	{
		if (inputElements[i].type == 'checkbox' && inputElements[i].checked)
		{
			groupIds[counter] = inputElements[i].value;
			counter = counter + 1;	
		}
	}
	
	return groupIds;
}

function showFriendsOptions(){
	document.getElementById("addWidgetFriends").style.display = "block";
	document.getElementById("addGroups").style.display = "none";
}

function hideFriendsOptions(){
	document.getElementById("addWidgetFriends").style.display = "none";
}

function showGroupsOptions(){
	document.getElementById("addWidgetFriends").style.display = "none";
	document.getElementById("addGroups").style.display = "block";
}

function showPublicPrivate(){
	document.getElementById("addWidgetFriends").style.display = "none";
	document.getElementById("addGroups").style.display = "none";
}

function showEditFriendsOptions(){
	document.getElementById("editFriendContainer").style.display = "block";
	document.getElementById("editGroups").style.display = "none";
}

function hideEditFriendOptions(){
	document.getElementById("editFriendContainer").style.display = "none";
}

function showEditGroupsOptions(){
	document.getElementById("editFriendContainer").style.display = "none";
	document.getElementById("editGroups").style.display = "block";
}

function showEditPublicPrivate(){
	document.getElementById("editFriendContainer").style.display = "none";
	document.getElementById("editGroups").style.display = "none";		
}

function callback_AutoCompleteFriends(res)
{
	checkResponse(res.value);

	if (res.value != null)
	{
		var ds = res.value;
		var listControlID = "autoCompleteListtxtFriends";
		var listControlWrapper = "txtFriendsListWrapper";
		document.getElementById(listControlID).innerHTML = "";
		
		var ul = document.createElement("ul");
		ul.id = "autoList";
		
		if (ds != null && typeof(ds) == "object" && ds.Rows.length != 0)
		{
			
			for (var i=0; i<ds.Rows.length; i++)
			{
				var li = document.createElement("li");
				var a = document.createElement("a");
			
				a.href = "javascript:completeFriends('" + ds.Rows[i].Account_ID + "','" + ds.Rows[i].Username + " ("+ds.Rows[i].firstname + " " + ds.Rows[i].lastname+")"+ "');void(0);";
				a.innerHTML = ds.Rows[i].Username+ " ("+ds.Rows[i].firstname + " " + ds.Rows[i].lastname+")";
				
				li.appendChild(a);
				ul.appendChild(li)
			}
					
			document.getElementById(listControlID).appendChild(ul);
			document.getElementById(listControlWrapper).style.display = "block";
			document.getElementById(listControlID).style.display = "block";
		}
		else
		{
			document.getElementById(listControlWrapper).style.display = "none";
			document.getElementById(listControlID).style.display = "none";
		}
	}
}

function completeFriends(accID, username)
{
	Effect.Fade('txtFriendsListWrapper');
	var ul = document.getElementById("ulFriendsList");	
	var chks = document.getElementById("ulFriendsList").getElementsByTagName("input");
	var counter = 0;
	
	if(chks.length != 0)
	{
		for(var i=0;i<chks.length;i++)
		{
				if(accID == chks[i].value)
				{
					counter = 1;
				}
		}			
			
		if(counter == 0)
		{
			var chk = document.createElement("input");
			chk.type = "checkbox";
			chk.value = accID;
			chk.id = "c_"+accID;
			chk.style.display = "none"; 
			var lbl = document.createElement("label");
			lbl.innerHTML = username;
			lbl.id = "l_"+accID;
			var img = document.createElement("img");
			img.id = "i_"+accID;
			img.alt ="Remove";
			img.src="/images/icons/delete.gif";
			var aImg = document.createElement("a");
			aImg.href ="javascript:deleteFriend(" + accID + ");";
			aImg.id = "a_"+accID;
			aImg.appendChild(img);
			var li = document.createElement("li");
			li.id="l_"+accID;
			li.appendChild(chk);
			li.appendChild(lbl);
			li.appendChild(aImg);			
			ul.appendChild(li);
		}
		else
		{
			alert('You have already selected to share the event with this person.');
		}
		
	}
	else
	{
		var chk = document.createElement("input");
		chk.type = "checkbox";
		chk.value = accID;
		chk.id = "c_"+accID;
		chk.style.display = "none"; 
		var lbl = document.createElement("label");
		lbl.innerHTML = username;
		lbl.id = "l_"+accID;
		var img = document.createElement("img");
		img.id = "i_"+accID;
		img.alt ="Remove";
		img.src="/images/icons/delete.gif";
		var aImg = document.createElement("a");
		aImg.href ="javascript:deleteFriend(" + accID + ");";
		aImg.id = "a_"+ accID;
		aImg.appendChild(img);
		var li = document.createElement("li");
		li.id="l_"+accID;
		li.appendChild(chk);
		li.appendChild(lbl);
		li.appendChild(aImg);			
		ul.appendChild(li);
	}
	document.getElementById("txtFriends").value = "";
}

function deleteFriend(accID)
{
	var ul = document.getElementById("ulFriendsList");
	var chks = document.getElementById("ulFriendsList").getElementsByTagName("input");
	var lis = document.getElementById("ulFriendsList").getElementsByTagName("li");
	
	for(var i=0;i<chks.length;i++)
	{
		if(accID == chks[i].value)
		{
			var li = document.getElementById(lis[i].id);
			ul.removeChild(li);
		}
	}	
}


function callback_AutoCompleteeditFriends(res)
{
	checkResponse(res.value);

	if (res.value != null)
	{
		var ds = res.value;
		var listControlID = "autoCompleteListtxtEditFriends";
		var listControlWrapper = "txtEditFriendsListWrapper";
		document.getElementById(listControlID).innerHTML = "";
		
		var ul = document.createElement("ul");
		ul.id = "autoList";
		
		if (ds != null && typeof(ds) == "object" && ds.Rows.length != 0)
		{
			
			for (var i=0; i<ds.Rows.length; i++)
			{
				var li = document.createElement("li");
				var a = document.createElement("a");
			
				a.href = "javascript:completeEditUsername('" + ds.Rows[i].UserID + "','" + ds.Rows[i].Username + " ("+ds.Rows[i].firstname + " " + ds.Rows[i].lastname+")"+ "');void(0);";
				a.innerHTML = ds.Rows[i].Username+ " ("+ds.Rows[i].firstname + " " + ds.Rows[i].lastname+")";
				
				li.appendChild(a);
				ul.appendChild(li)
			}
		
				
			document.getElementById(listControlID).appendChild(ul);
			document.getElementById(listControlWrapper).style.display = "block";
			document.getElementById(listControlID).style.display = "block";
		
		}
		else
		{
			document.getElementById(listControlWrapper).style.display = "none";
			document.getElementById(listControlID).style.display = "none";
		}
	}
}

function completeEditUsername(accID, username)
{
	Effect.Fade('txtEditFriendsListWrapper');
	var ul = document.getElementById("ulEditFriendsList");	
	var chks = document.getElementById("ulEditFriendsList").getElementsByTagName("input");
	var counter = 0;
	if(chks.length != 0)
	{
		for(var i=0;i<chks.length;i++)
		{
				if(accID == chks[i].value)
				{
					counter = 1;
				}
		}			
			
		if(counter == 0)
		{
			var chk = document.createElement("input");
			chk.type = "checkbox";
			chk.value = accID;
			chk.id = "c_"+accID;
			chk.style.display = "none"; 
			var lbl = document.createElement("label");
			lbl.innerHTML = username;
			lbl.id = "l_"+accID;
			var img = document.createElement("img");
			img.id = "i_"+accID;
			img.alt ="Remove";
			img.src="/images/icons/delete.gif";
			var aImg = document.createElement("a");
			aImg.href ="javascript:deleteEditFriend(" + accID + ");";
			aImg.id = "a_"+accID;
			aImg.appendChild(img);
			var li = document.createElement("li");
			li.id="l_"+accID;
			li.appendChild(chk);
			li.appendChild(lbl);
			li.appendChild(aImg);			
			ul.appendChild(li);
		}
		else
		{
			alert('You have already selected to share the event with this person.');
		}
		
	}
	else
	{
		var chk = document.createElement("input");
		chk.type = "checkbox";
		chk.value = accID;
		chk.id = "c_"+accID;
		chk.style.display = "none"; 
		var spn = document.createElement("span")
		spn.innerHTML = accID;
		
		var lbl = document.createElement("label");
		lbl.innerHTML = username;
		lbl.id = "l_"+accID;
		var img = document.createElement("img");
		img.id = "i_"+accID;
		img.alt ="Remove";
		img.src="/images/icons/delete.gif";
		var aImg = document.createElement("a");
		aImg.href ="javascript:deleteEditFriend(" + accID + ");";
		aImg.id = "a_"+ accID;
		aImg.appendChild(img);
		var li = document.createElement("li");
		li.id="l_"+accID;
		li.appendChild(chk);
		//li.appendChild(spn);
		li.appendChild(lbl);
		li.appendChild(aImg);			
		ul.appendChild(li);
	}
	document.getElementById("txtEditFriends").value = "";
}


function deleteEditFriend(accID)
{
	var ul = document.getElementById("ulEditFriendsList");
	var chks = document.getElementById("ulEditFriendsList").getElementsByTagName("input");
	var lis = document.getElementById("ulEditFriendsList").getElementsByTagName("li");
	
	for(var i=0;i<chks.length;i++)
	{
		if(accID == chks[i].value)
		{
			var li = document.getElementById(lis[i].id);
			ul.removeChild(li);
		}
	}	
}