$(document).ready
(
	function () 
	{
		$('#section-list-menu .names').show();
		
		$('#section-list-menu .names a').each(
			function ( i, e )
			{
				var element = $(e);
				element.bind
				(
					'click',
					function ( evt )
					{
						if ( element.attr('href') !== undefined )
						{
							var userid = element.attr('href').substring(6);
							toggleItems( userid );
						}
						else
						{
							showAll();
						}
						
						return false;
					},
					false
				);
			}
		);
		
		$('#section-list-menu .anchors a').each(
			function ( i, e )
			{
				var element = $(e);
				element.bind
				(
					'click',
					function ( evt )
					{
						showAll();
						
						return true;
					}
				);
			}
		);
	}
);

function showAll()
{
	clearTimeout( ts_scroll );
	$('#section-listed .item').each(
			function ( i, el )
			{
				$(el).removeClass("fade-out");
				$(el).addClass("highlight");
				$(el).fadeTo( 200, 1.1 );
				$(el).css('border-bottom', 'none' );
				$(el).css('overflow','inside');
			}
	);
}

function toggleItems ( tag )
{
	$('#section-listed div.item').each(
			function ( i, e ) 
			{
				$(e).removeClass("highlight");
				$(e).addClass("fade-out");
			}
	);

	$('#section-listed div.'+tag).each( 
		function( i, e )
		{
			$(e).removeClass("fade-out");
			$(e).addClass("highlight");
		}
	);
	
	var fadeout = $('#section-listed div.fade-out');
	var fadeout_len = fadeout.length;
	fadeout.each(
			function ( i, e ) 
			{
				var fn = null;
				if ( i === fadeout_len-1 )
				{
					fn = function () 
					{
						position = $('#section-listed div.highlight:first').offset();
						position.top -= 60;
						position_y = getScrollY();
						clearTimeout( ts_scroll );
						ts_scroll = setTimeout( scroller, 50, false );
					};
				}
				
				$(e).fadeTo( 200, 0.2, fn );
				$(e).css('border-bottom', 'none' );
				$(e).css('overflow','hidden');
			}
	);
	
	$('#section-listed div.highlight').each (
			function ( i, e ) 
			{
				$(e).fadeTo( 200, 1.1 );
				$(e).css('border-bottom', '1px solid '+$(e).css('color'));
				$(e).css('overflow','inside');
			}
	);
}

var position = null;
var position_y = 0;
var ts_scroll = null;

function getScrollY ()
{
	return document.body.scrollTop ? document.body.scrollTop : window.scrollY;
}

function scroller ()
{
	clearTimeout( ts_scroll );
	
	position_y = position_y + (position.top - position_y) / 2;
	window.scrollTo(0,position_y);
	
	if (  Math.abs(position_y-position.top) > 10 )
	{
		ts_scroll = setTimeout( scroller, 50, false );
	}
}