current_ajax_group = 0;
ajax_groups = {};
ajax_group_interval=null;

fm_scroll_interval =null;

function startFmScroll(dir,id) {
	
	var scrollarea = document.getElementById('featured-members-scrollarea-'+id);
	var scrollcontainer = document.getElementById('featured-members-scrollcontainer-'+id);
	
	scrollcontainer.scrollTop-=5*dir;

	fm_scroll_interval = setTimeout("startFmScroll("+dir+","+id+")",25);

}

function stopFmScroll() {
	clearTimeout(fm_scroll_interval);
}

function startShowAjaxGroup(module_id,id) {
	stopShowAjaxGroup();
	ajax_group_interval = setTimeout("showAjaxGroup("+module_id+","+id+")",250);
}

function stopShowAjaxGroup() {
	if (ajax_group_interval) {
		clearTimeout(ajax_group_interval);
	}
}

function hideLiHover(module_id) {
	if (current_ajax_group) {
		Ext.select('li.members-rollover-li').each(function(li) {
			li.removeClass('hover');
		});
	}
}

function hideAjaxGroup(module_id) {
	var group_ajax = document.getElementById('group-ajax');
	group_ajax.style.display = 'none';
	hideLiHover(module_id);
	current_ajax_group = 0;
}

function showAjaxGroup(module_id,id) {
	if (current_ajax_group==id) return;
	hideLiHover(module_id);
	current_ajax_group=id;
	
	var button = document.getElementById('fmb-'+module_id+'-'+id);
	var li = document.getElementById('fml-'+module_id+'-'+id);
	var group_ajax = document.getElementById('group-ajax');
	group_ajax.setAttribute('moduleid',module_id);
	var group_ajax_body = document.getElementById('group-ajax-body');
	var container = document.getElementById('featured-members');
	
	var scrollcontainer = document.getElementById('featured-members-scrollcontainer-'+module_id);
	
	group_ajax_body.innerHTML = '';
	
	var pageYOffset = document.all?document.documentElement.scrollTop:window.pageYOffset;
	
	if (scrollcontainer.getAttribute('position')=='right') {
		var left = container.getBoundingClientRect().left-430;
	} else {
		var left = container.getBoundingClientRect().left+container.offsetWidth-13;
	}
	
	var top = button.getBoundingClientRect().top+pageYOffset-40;
	
	if (top+group_ajax.offsetHeight>document.documentElement.clientHeight+pageYOffset) {
		top = document.documentElement.clientHeight+pageYOffset - group_ajax.offsetHeight;
	}
	
	if (top<pageYOffset) top = pageYOffset;
	
	if (top<200) top=200;
	
	li.className = 'members-rollover-li hover';
	group_ajax.style.display = 'block';
	group_ajax.style.left = left+'px';
	group_ajax.style.top = top+'px';
	
	if (ajax_groups[id]) {
		group_ajax_body.innerHTML = ajax_groups[id];
	} else {
		
		group_ajax_body.className = 'loading';
		Ext.Ajax.request({
			url: '/members/summary/'+id,
			params: {moduleid: module_id},
			method: 'GET',
			success: function(response) {
				group_ajax_body.innerHTML = response.responseText;
				group_ajax_body.className = '';
				ajax_groups[id]=response.responseText;
			}
		});
	
	}
	
}