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

fm_scroll_interval =null;

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

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

}

function stopFmScroll() {
	clearTimeout(fm_scroll_interval);
}

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

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

function hideLiHover() {
	if (current_ajax_group) {
		var old_li = document.getElementById('fml-'+current_ajax_group);
		old_li.className = '';
	}
}

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

function showAjaxGroup(id) {
	if (current_ajax_group==id) return;
	hideLiHover();
	current_ajax_group=id;
	
	var button = document.getElementById('fmb-'+id);
	var li = document.getElementById('fml-'+id);
	var group_ajax = document.getElementById('group-ajax');
	var group_ajax_body = document.getElementById('group-ajax-body');
	var container = document.getElementById('featured-members');
	
	group_ajax_body.innerHTML = '';
	
	var pageYOffset = document.all?document.documentElement.scrollTop:window.pageYOffset;
	
	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 = '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: '/ugroups/summary/'+id,
			success: function(response) {
				group_ajax_body.innerHTML = response.responseText;
				group_ajax_body.className = '';
				ajax_groups[id]=response.responseText;
			}
		});
	
	}
	
}