/*****************  FRIENDS DROPPING *************/
// List of linked friends (invited). Objects with these properties:
//  friendid:	the ID of the friend
//  div:		the div object that contains the dropped friend icon
var friendList = new Array();
var selectedDropFriend = -1;

function resetFriendsDropping() {
	friendList.splice(0, friendList.length);
	selectedDropFriend = -1;
}

// A friend was dropped
function friendDropped(source, target, x, y)
{
	var dropped = false;
	var objSource = document.getElementById(source);
	var objTarget = document.getElementById("inviteDropBox");
	if(objSource  &&  objTarget) {
	  var nid = parseInt(objSource.id.substr(10), 10);
	  if(!isNaN(nid)) {
	    var tot = friendList.length;
	    var present = false;
		for(var n = 0; n < tot; n++) {
		  if(friendList[n].friendid == nid) {
		    present = true;
			break;
		  }
		}
		if(!present) {
	      var el = objSource.cloneNode(true);
	      el.id = "dropfriend_"+ nid;
		  el.style.display = "block";
		  el.style.visibility = "visible";
	      el.style.position = "static";
		  el.style.cssFloat = "left";
		  el.style.styleFloat = "left";
		  el.style.width = "27px";
	      el.style.opacity = "";
	      el.style.filter = "";
		  var ss = "3px solid #FFF";
		  if(selectedDropFriend >= 0)
		    if(nid == friendList[selectedDropFriend].friendid)
			  ss = "3px solid red";
		  el.style.border = ss;
		  el.onmouseover = function () { this.style.border = "3px solid red"; };
		  el.onmouseout = function () { if(selectedDropFriend < 0  ||  friendList[selectedDropFriend].div != this) this.style.border = "3px solid #FFF"; };
		  el.onclick = function () { 
		    var nid = parseInt(this.id.substr(11), 10);
		  	selectDropFriend(nid);
		  };
	      objTarget.appendChild(el);
		  friendList[tot] = {friendid: nid, div: el};
		  selectDropFriend(nid);
		  dropped = true;
		}
	  }
	}
	return dropped;
}

function deleteInvitedFriend()
{
	if(selectedDropFriend >= 0) {
	  var obj;
	  obj = document.getElementById("inviteDropBox");
	  if(obj) {
	    obj.removeChild(friendList[selectedDropFriend].div);
	  }
	  friendList.splice(selectedDropFriend, 1);
	  var n = selectedDropFriend;
	  if(n >= friendList.length)
	    n = friendList.length - 1;
	  selectedDropFriend = -1;
	  if(n >= 0)
	    selectDropFriend(friendList[n].friendid);
	  else {
	    obj = document.getElementById("friendTrash");
	    if(obj)
	      obj.style.display = "none";
	  }
	}
}

// Changes the selected friend icon
function selectDropFriend(id)
{
	var tot = friendList.length;
	var obj;
	
	for(var n = 0; n < tot; n++) {
	  if(friendList[n].friendid == id) {
	    if(selectedDropFriend >= 0)
	      friendList[selectedDropFriend].div.style.border = "3px solid #FFF";
	    selectedDropFriend = n;
		obj = document.getElementById("friendTrash");
		if(obj)
		  obj.style.display = "block";
		friendList[selectedDropFriend].div.style.border = "3px solid red";
		break;
	  }
	}
}