/* ----------------------------------------------
 * MEMBERS
 * ----------------------------------------------
 * By Dieter Verjans <dieter@inventis.be>
 */
 
/*
	Translation
*/

var t = {
	searchText 	: 'Zoeken tussen members ...'
	, resultsText : 'Vind hieronder de resultaten terug voor jouw zoekopdracht'
	, tomany: 'Door het grote resultaat worden niet alle resultaten getoond, gelieve jouw zoekopdracht te verfijnen.'
	, noresults : 'Er werden geen resultaten gevonden voor jouw zoekopdracht.'
	, membersince : 'Lid sinds'
	, location : 'Locatie'
};

var tFR = {
	searchText 	: 'Recherche parmi les membres ...'
	, resultsText : 'Trouvez ci-dessous les r&eacute;sultats retourn&eacute;s pour votre recherche'
	, tomany: "Il existe de nombreux r&eacute;sultats, s'il vous pla&icirc;t pr&eacute;ciser votre recherche."
	, noresults : "Aucun r&eacute;sultat n'a &eacute;t&eacute; trouv&eacute; pour votre recherche."
	, membersince : 'Membre depuis'
	, location : 'Lieu'
};

var tEN = {
	searchText 	: 'Search among members ...'
	, resultsText : 'Find below the results returned for your search'
	, tomany: 'There are to many results, please refine your search.'
	, noresults : 'No results were found for your search.'
	, membersince : 'Member since'
	, location : 'Location'
}; 
 
//fetch lang
var urlParts = window.location.href.split("//").pop().split('/');
var DOMAIN    = urlParts.shift();
var LANG    = urlParts.shift();
if(!LANG){
	LANG = 'nl';
}

if(LANG == 'fr') t = tFR;
if(LANG == 'en') t = tEN;

 
var fireOn = window.ie ? 'load' : 'domready';
window.addEvent(fireOn, function(){
	
	var requesting = false;
	var ajax = false; 
	
	if($('filter'))
	{
		var ul = new Element('ul', {'class':'memberList', 'id' : 'search_members'});
		ul.injectAfter($('all_members'));
		
		var filterField = $('filter');
		filterField.addEvent('focus', function(){
			if(filterField.hasClass('default')){
				filterField.set('value', '');
				filterField.removeClass('default');
			}
		});
		
		filterField.addEvent('keyup', function(){
			if(ajax !== false)
				ajax.cancel();
			
			if(filterField.value != "")
			{
				$('all_members').setStyle('display', 'none');								
				
				ajax = new Request.JSON({  
					method: 'post',
					url: '/nl/community/ajax-filter-members/',  
					data: { 'filter' : $('filter').value },  
					onRequest: function() { 						
						$('pp_help').innerHTML = '<img src="/design/images/icons/ajax-loader-community-small.gif" alt="laden" style="vertical-align:middle" /> '+t.searchText;
						$('search_members').fade(1,0);
						requesting = true;
					},   
					onComplete: function(response) {
						if(response)
						{							
							$('pp_help').innerHTML = t.resultsText;
							requesting=false;
							$('search_members').empty();
							var i = 0;
							response.each(function(el){
								i++;
								elClass = false;
								if(i == 2){
									elClass = true;
								}
								
								if( i == 3){
									i=0;
								}
								//makeLi.delay(200 * i, i, el);
								
								makeLi(el, elClass);
								
								
							});
							
							if (response.length == 60)
								$('pp_help').innerHTML = t.tomany;
								
							if (response.length == 0)
								$('pp_help').innerHTML = t.noresults;
								
							$('search_members').fade(0,1);
						}
						else
						{
							$('search_members').empty();
							$('pp_help').innerHTML = t.noresults;
						}
					},
					onCancel : function()
					{
						requesting=false;
						$('search_members').empty();
						$('pp_help').innerHTML = '';
					}
				}).send();
			}
			else
			{
				$('pp_help').innerHTML = '';
				$('all_members').setStyle('display', 'block');
				$('search_members').empty();
		    }
		});
	}			

});

function makeLi(el, elClass)
{
	if(!el.avatar) el.avatar = 'def_avatar_pp.gif';
	var li = new Element('li', {'class' : 'entry', 'html' : '<a href="/' + LANG + '/community/members/'+el.id+'/" title="'+el.username+'"><img class="avatar" src="/' + LANG + '/image/getsquare50?file='+el.avatar+'" alt="'+el.username+'" /></a><a href="/' + LANG + '/community/members/'+el.id+'/" title="'+el.username+'">'+el.username+'</a> <br /><small>PP-rank</small>: '+el.rank+' <br /><small>'+t.membersince+'</small>: '+el.member_since+' <br /><small>'+t.location+'</small>: '+el.location+''});
	
	if(elClass){
		li.addClass('middle');	
	}
	
	//li.setStyle('opacity', '0');
	li.injectBottom($('search_members'));
	//li.fade(0,1);
}