function showPersonal() {
  if (document.getElementById('hasprofile').filters)
    document.getElementById('hasprofile').filters[0].Apply();
  document.getElementById('netprofile').style.visibility="visible";
  document.getElementById('generalprofile').style.visibility="hidden";
  document.getElementById('nettab').style.backgroundPosition='0 0';
  if (document.getElementById('hasprofile').filters)
    document.getElementById('hasprofile').filters[0].Play();
}
function showGeneral() {
  if (document.getElementById('hasprofile').filters)
    document.getElementById('hasprofile').filters[0].Apply();
  document.getElementById('netprofile').style.visibility="hidden";
  document.getElementById('generalprofile').style.visibility="visible";
  document.getElementById('nettab').style.backgroundPosition='28px 0';
  if (document.getElementById('hasprofile').filters)
    document.getElementById('hasprofile').filters[0].Play();
}  
function showhint() {
  document.getElementById('friendhint').style.display='block';
}
function hidehint(e) {
	if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	if (tg.nodeName != 'DIV') return;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	while (reltg != tg && reltg.nodeName != 'BODY')
		reltg= reltg.parentNode
	if (reltg== tg) return;
  document.getElementById('friendhint').style.display='none';
}

function toggleUpdates(o) {
  var status=o.getAttribute('status');
  var friendid=o.getAttribute('friendid');
  status = status=='y'?'n':'y';
  window.toggling = o;
  var iform = document.getElementById('iform');
  iform.action.value = "friendupdates";
  iform.param.value = friendid+':'+status;
  iform.submit();
}
function pickfriend (o,id) {
    window.opened = id;
    window.cell = o;
    byeFriendPicker();
    var content = document.getElementById("content");
    div = document.createElement("div");
    div.id="friendpicker";
    div.display='block';
    div.style.position='absolute';
    div.style.textAlign='left';
    div.style.top=getAbsY(o);
    div.style.width="130px";
    div.style.left=getAbsX(o);//o.offsetLeft+content.offsetLeft;
    div.style.background="#F3F6FC";
    div.style.border="1px solid #C7CEDF";
    var str='';
    str += '<img onclick="byeFriendPicker()" style=";position:absolute;top:3px;right:2px;cursor:pointer" height=12 width=11 src="/img/mindsay-close.gif">';
    str += window.categoryjs;
    str += '<a href="javascript:removeFriend('+id+')" class="row remove">No longer a friend</a>';
    str += '<a href="/customgroups.mws" class="row custom">Edit categories</a>';
    div.innerHTML = str;
    document.body.appendChild(div);
}
function getAbsX(elt) { return parseInt(elt.x) ? elt.x :
getAbsPos(elt,"Left"); }
function getAbsY(elt) { return parseInt(elt.y) ? elt.y :
getAbsPos(elt,"Top"); }
function getAbsPos(elt,which) {
 iPos = 0;
 while (elt != null) {
  iPos += elt["offset" + which];
  elt = elt.offsetParent;
 }
 return iPos;
}
function switchFriendCat(cat) {
  var iform = document.getElementById('iform');
  iform.action.value = "switchfriendcat";
  iform.param.value = window.opened+':'+cat;
  iform.submit();
}
function removeFriend(id) {
  var iform = document.getElementById('iform');
  iform.action.value = "deletefriend";
  iform.param.value = id;
  if (confirm("Are you sure you want delete this friend?")) {
    iform.submit();
  } else {
    byeFriendPicker();
  }
}
function byeFriendPicker(cat) {
  var fp=document.getElementById('friendpicker');
  if (fp) fp.parentNode.removeChild(fp);
  if (cat) {
    cat-=1000;
    window.cell.innerHTML = cats[cat] + ' <img align="absmiddle" height=12 width=11 src="/img/mindsay-open.gif">';
  }
  document.documentElement.style.cursor = '';
}