var cols=5;
var rows=2;
var pagesize=rows*cols;

var currentGroup = -1;



function isEmpty(s) { return ((s == null) || (s.length == 0)) }

var whitespace = " \t\n\r";
function isWhitespace (s) {
  var i;
  if (isEmpty(s)) return true;
  for (i = 0; i < s.length; i++) {
    var c = s.charAt(i);
    if (whitespace.indexOf(c) == -1) return false;
  }
  return true;
}

String.prototype.limitRepeatCharacters = function(max) {
  var ret = "";
  var streak = 0;
  var exStreak = 0;
  var ltStreak = 0;
  var inTag = false;

  for (var i = 0; i < this.length; i++) {
    if (this.charAt(i) == '<') {
      inTag = true;
      streak = 0;
      exStreak = 0;
    }
    else
    if (this.charAt(i) == '>') {
      inTag = false;
    }
    if (inTag) {
      ret += this.charAt(i);
      continue;
    }
    if (this.charAt(i) == '!') {
      exStreak++;
    }
    else {
      exStreak = 0;
    }
    if (!isWhitespace(this.charAt(i))) {
      streak++;
    }
    else {
      streak = 0;
    }
    ret += this.charAt(i);
    if (streak == max || exStreak == max) {
      ret += exStreak == max ? "<br>": "\n";
      streak = 0;
      exStreak = 0;
    }
  }
  return ret;
}

function makeSafe(fs, encodeSpaces) {
  if (encodeSpaces){
    fs = fs.replace(/ /g, "&nbsp;");
  } 
  fs = fs.replace(/</g, "&lt;");
  fs = fs.replace(/>/g, "&gt;");
  fs = fs.replace(/"/g, "&quot;");
  fs = fs.replace(/\n/g, "<BR>");
  return fs;
}

function gotoGroup(index) {
  $("group"+currentGroup+"tab").className = "groupButton fw-secondary";
  currentGroup = index;
  $("group"+index+"tab").className = "groupButton fw-primary";
  if(index==-1) {
    Webs.reciprocals.loadMembers(0,pagesize,"addUsers");
  } else {
    Webs.groups[index].loadMembers(0,pagesize,"addUsers");
  }
}

function addUsers(groupid,start) {
  var groupindex;
  var group;
  if(groupid==-1) {
    groupindex = -1;
    group = Webs.reciprocals;
  } else {
    groupindex = Webs.getGroupIndex(groupid);
    group = Webs.groups[groupindex];
  }

  var users = group.members;
  var str = '';
//  var el = document.createElement("div");
//  el.id="group"+groupindex+"inside";
//  el.className="memberInside";
//  $("membersContainer").innerHTML = "";
//  $("membersContainer").appendChild(el);

  var currrow,currcol;

  var kids = $("membersTable").firstChild.childNodes;
  var numkids = kids.length;
  for(var i=0;i<numkids;i++) {
    $("membersTable").firstChild.removeChild(kids[0]);
  }

  for(var row=0;row<rows;row++) {
    currrow = document.createElement("tr");
//    str += '<tr>';
    for(var col=0;col<cols;col++) {
      currcol = document.createElement("td");
//      str += '<td>';
      var member = group.members[start+((row*cols)+col)];
      if(member==null) {
        str = '&nbsp;';
      } else {
        str = '<div class="memberCard fw-secondary" title="'+member.name+'" onclick="document.location=\''+member.profileUrl+'\';">';
        str += '<div class="memberPhoto">';
        str += '<a href="'+member.profileUrl+'"><img alt="'+member.name+'" src="'+member.img+'" /></a>';
        str += '</div>';
        str += '<div class="memberName"><a href="'+member.profileUrl+'">'+member.name.limitRepeatCharacters(15)+'</a></div>';
        str += '</div>';
      }
      currcol.innerHTML = str;
//      str += '</td>';
      currrow.appendChild(currcol);
    }
//    str += '</tr>'
    $("membersTable").firstChild.appendChild(currrow);
  }
//  $("membersTable").firstChild.innerHTML = str;

/*  
  for(var i=start;i<Math.min(start+pagesize,users.length);i++) {
    if(users[i] == null) {
      continue;
    }
    str += '<div class="groupmember" id="member'+i+'"><a href="'+users[i].url+'">';
    str += users[i].name+'<br>';
    str += '<img src="'+users[i].img+'"></a>';
    str += '</div>';
  }
//  el.innerHTML = str+'<br style="clear:both">';

*/

  var numpages = Math.ceil(group.members.length/pagesize);
  var groupRef = groupid==-1?"Webs.reciprocals":("Webs.groups["+groupindex+"]");
  str = '<div style="float:left;">';
  if(group.members.length == 0) {
    str += 'no friends';
  } else {
    str += 'showing ';
    if(group.members.length == 1) {
      str += '1';
    } else {
      str += (start+1) + '-' + Math.min(start+pagesize,group.members.length);
    }
    str += ' of ' + group.members.length + ' &nbsp; <b>[<a style="font-size:smaller;" href="http://profiles.members.freewebs.com/Profile/viewAllFriends.jsp?userID=11127627">view all</a>]</b>';
  }
  str += '</div>';
  if(numpages > 1) {
    str += '<div style="float:right;">';
    if(start>0) {
      str += '<a href="#" onclick="'+groupRef+'.loadMembers(0,'+pagesize+',\'addUsers\');return false;">first</a> | ';
      str += '<a href="#" onclick="'+groupRef+'.loadMembers('+(start-pagesize)+','+(start)+',\'addUsers\');return false;">prev</a> | ';
    } else {
      str += 'first | prev | ';
    }
    /*
    for(var i=1;i<=Math.ceil(group.members.length/pagesize);i++) {
      if(i==(start/pagesize)+1) {
        str += '<span class="groupcurrpage">'+i+'</span> ';
      } else {
        str += '<a href="#" onclick="'+groupRef+'.loadMembers('+((i-1)*pagesize)+','+(i*pagesize)+',\'addUsers\');return false;">'+i+'</a> ';
      }
    }
    */
    if(start+pagesize<group.members.length) {
      str += '<a href="#" onclick="'+groupRef+'.loadMembers('+(start+pagesize)+','+(start+pagesize+pagesize)+',\'addUsers\');return false;">next</a>';
      str += ' | <a href="#" onclick="'+groupRef+'.loadMembers('+((numpages-1)*pagesize)+','+((numpages)*pagesize)+',\'addUsers\');return false;">last</a>';
    } else {
      str += 'next | last';
    }
    str += '</div>';
  }
  str += '<div style="clear:both;font-size:0;height:0;margin:0;padding:0;"></div>';
  $("membersPages").innerHTML = str;
}

function request(url) {
  var js = document.createElement("script");
  js.setAttribute("type", "text/javascript");
  js.setAttribute("src", url);
  document.getElementsByTagName('head').item(0).appendChild(js);
}

function initWebs() {
/*
  var str = '<ul id="groupTabs">';
  str += '<li id="group-1tab" onclick="gotoGroup(-1);">'+Webs.reciprocals.name+' ('+Webs.reciprocals.members.length+')</li>';
  for(var i=0;i<Webs.groups.length;i++) {
    str += '<li id="group'+i+'tab" onclick="gotoGroup('+i+');">'+Webs.groups[i].name+' ('+Webs.groups[i].members.length+')</li>';
  }
  str += '</ul>';
  str += '<div id="membersContainer">container</div>';
*/
  str = '<a class="groupButton fw-primary" href="#" id="group-1tab" onclick="gotoGroup(-1);return false;">'+Webs.reciprocals.name+' ('+Webs.reciprocals.members.length+')</a>';
  for(var i=0;i<Webs.groups.length;i++) {
    str += '<a class="groupButton fw-secondary" href="#" class="" id="group'+i+'tab" onclick="gotoGroup('+i+');return false;">'+makeSafe(Webs.groups[i].name+' ('+Webs.groups[i].members.length+')',true)+'</a>';
  }
//  str += '<br style="clear:both;" />';
  str += '<div id="membersPages" class="fw-odd" style="clear:both;text-align:left;padding:3px;font-size:110%;"></div>';
  str += '<table align="center" cellspacing=10 cellpadding=0 id="membersTable" class="membersTable"><tbody></tbody></table>';
  $("fw-profile-websContainer").innerHTML = str;
  gotoGroup(-1);
}

var str ='<style type="text/css">';
str +='a.groupButton, a.groupButton:active, a.groupButton:visited, a.groupButton:hover {';
//str +='  background:url(http://idris.beta.freewebs.com/button-bg.png) repeat-x;';
str +='border:1px;';
str +='  height:15px;';
//str +='  border:0px solid #d1d1d1;';
//str +='  border-top-color:#f1f1f1;';
//str +='  border-right-color:#e2e2e2;';
//str +='  border-left-color:#f5f5f5;';
str +='  margin-right:10px;';
str +='  padding:2px 5px 2px 5px;';
str +='  font-size:11px;';
//str +='  font-family:arial;';
//str +='  color:#454545;';
str +='  text-decoration:none;';
str +='  float:left;';
str +='  font-weight:bold;';
str +='  margin-bottom:5px;';
str +='}';
str +='.groupButton-selected {';
//str +='  color:#ec8711 !important;';
//str +='  font-weight:bold;';
str +='}';
str +='';
str +='.membersTable {';
str +='  text-align:center;';
str +='}';
str +='.membersTable td {';
str +='  vertical-align:top;';
str +='}';
str +='.memberCard {';
//str +='  background:url(http://beta.freewebs.com/Profile/friend-card-bottom-bg.gif) no-repeat bottom left;';
str +='  width:96px;';
//str +='  font-family:arial;';
//str +='  font-size:11px;';
//str +='  color:#777777;';
str +='  padding-bottom:8px;';
str +='  cursor:pointer;';
str +='}';
str +='';
str +='.memberPhoto {';
//str +='  background:url(http://beta.freewebs.com/Profile/friend-card-top-bg.gif) no-repeat top left;';
str +='  width:96px;';
str +='}';
str +='.memberPhoto img {';
str +='  margin-top:8px;';
str +='  margin-bottom:7px;';
str +='  border:0;';
str +='}';
str +='';
str +='.memberName {';
str +='  margin-left:7px;';
str +='  margin-right:7px;';
str +='}';
str +='.membersTable a, .membersTable a:visited, .membersTable a:active {';
//str +='  font-family:arial;';
str +='  font-size:11px;';
//str +='  color:#777777;';
//str +='  text-decoration:none;';
str +='}';
str +='.membersTable a:hover {';
//str +='  color: #333333;';
str +='}';
str +='</style>';
document.write(str);

document.write('<div id="fw-profile-websContainer" style="text-align:center;">Loading contacts...</div>');
request("http://profiles.members.freewebs.com/Members/Groups/getWebs.jsp?userID=11127627&preload="+pagesize+"&recips=All&callback=initWebs");