/* $Id: alleleden.js 23697 2008-09-29 14:20:15Z bjorn $ */
var filterLetter = '';
var table;
var tableLength = 10000;
var offset = 0;
var letters = new Array('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '#');

var letterFilter = function(index){
	var html = '';
  html += '<div id="letterSelect">';
  for(var i = 0; i < letters.length; i++){
  	html += '<div id="letterDiv_'+letters[i]+'" class="tabTableLetters mouseover';
    html += i == 0 ? ' first' : ''; 
    html += '" onclick="doFilterChange(event, '+index+', \''+letters[i]+'\');">';
  	var picname = letters[i] == '#' ? 'hekje' : letters[i];
  	html += '<img src="/pix/alfabet/'+picname+'.png" class="png" width="12" height="20" />';
  	html += '</div>';
  }
  html += '</div>';
	return html;
}

function doFilterChange(evt, index, value){
  waitStart();
  filterLetter = value;
	if(table){
    table.toonItems(index, true);
	}
}

function findAllUsers(callback, offset){
  printfire('AL findAllusers %o - %o', callback, offset);
  var letter = filterLetter == '' ? 'a*' : filterLetter + '*';
  searchService.findAllUsers(letter, offset, tableLength, callback);
}

var cols = [
  {p:'type', className:'mouseover userProfileIcon', sort:false, type:'userProfileType'},
  {p:'title', colSpan: 2, className: 'userProfileTitle', handler: getProfileName, type:'userProfile', title:'', sort:false,  defaultsort: true, changeorder: false, defaultdesc: true, filterCallback:letterFilter},
  {p:'body', type:'userProfileBody', title:'', headerClassName:'hd-tags', className:'mouseover userProfileBody'}
];

var tabs1 = [
/*
	{
  name: 'OVERZICHT',
	picture: {src:'/pix/navigatie/overzicht.png', width:71, height:20, alt:'OVERZICHT'},
	columns: cols,
	find: function(callback){},
	count: function(callback){callback(1)},
	onclick: function(){location.href='/doemee/overzicht/'},
	showcount: false 
	}
*/  
  {
	name: 'ALLE LEDEN',
	picture: {src:'/pix/navigatie/alleleden.png', width:90, height:20, alt:'ALLE LEDEN'},
	columns: cols,
	find: function(callback){findAllUsers(callback)},
	findEx: function(offset, column, desc, callback){
    printfire('inside findEx', offset, column, desc, callback);
    var letter = filterLetter == '' ? 'a*' : filterLetter + '*';
    searchService.findAllUsers(letter, offset, tableLength, callback);
  },	
	count: function(callback){searchService.countAllUsers(callback)}
	}
];

function init() {
  table = new TabTable('tableparent', tabs1);
  table.noPage = true;
  table.setOnloadHandler(tableReady);
  table.setOnPageloadHandler(tableReady);
  table.setNoResultHandler(noResult);
  table.setPageSize(tableLength);
  table.show();
}

function getProfileName(obj){
	var html = '';
	if(obj.showsite == 1){
		html += '<a href="/mijn3voor12/'+obj.title+'/profiel">' + obj.title +'</a>';
  }
  else{
    html += obj.title;
  }

	return html;	
}	


function tableReady(){
  setDoemeeButton();
	filterLetter = filterLetter == '' ? 'a' : filterLetter;
  $('#letterDiv_'+filterLetter).addClass('actief');
  attach("div.mouseover", highlight, {link: false, skipOnclick: true});
}

function noResult(tableParentElement){
  var txt; 
  if(filterLetter == '#'){
    txt = '<br />Er zijn geen leden gevonden waarvan de naam begint met vreemde tekens of cijfers.';
  }
  else{
    txt = '<br />Er zijn geen leden gevonden waarvan de naam begint met een: '+filterLetter.toUpperCase()+'.';    
  }
	txt = txt.bold();
	var div = cE('div', cE('p', txt));
	tableParentElement.appendChild(div);
  waitStop();
}