var relatedPosition = 1;
var relatedCount = 0;

function collapseRelated()
{

	var relatedDiv = document.getElementById( 'related' );
	
	if ( relatedDiv )
	{
	
		/**
		* Hide all but first three
		*/
	
		var relatedChildren = relatedDiv.childNodes;
		var relatedItems = 0;
		
		for ( i = 0; i < relatedChildren.length; i++ )
		{
		
			if ( relatedChildren[i].tagName == 'DIV' )
			{

				relatedItems++;
				
				if ( relatedItems > 3 )
					relatedChildren[i].style.display = 'none';
			
			} // if
			
		} // for
		
		relatedCount = relatedItems;
		
		/**
		* Add navigation links
		*/
		
		var navLinks = document.createElement( 'span' );
		var back = document.createElement( 'a' );
		var backSpan = document.createElement( 'span' );
		var divider = document.createTextNode( ' | ' );
		var forward = document.createElement( 'a' );
		var forwardSpan = document.createElement( 'span' );

		backSpan.innerHTML = '&larr;';
		back.appendChild( backSpan );
		back.setAttribute( 'href' , '#' );
		back.setAttribute( 'class' , 'back' );
		back.setAttribute( 'onclick' , 'relatedBack(); return false;' );		
		
		forwardSpan.innerHTML = '&rarr;';
		forward.appendChild( forwardSpan );
		forward.setAttribute( 'href' , '#' );
		forward.setAttribute( 'class' , 'forward' );
		forward.setAttribute( 'onclick' , 'relatedForward(); return false;' );

		navLinks.appendChild( back );
		navLinks.appendChild( divider );
		navLinks.appendChild( forward );
		
		navLinks.setAttribute( 'class' , 'related-navigation' );
		
		relatedDiv.appendChild( navLinks );
	
	} // if

} // collapseRelated

function relatedBack()
{

	var relatedDiv = document.getElementById( 'related' );
	
	if ( relatedDiv )
	{

		/**
		* Hide all but previous three
		*/
	
		var relatedChildren = relatedDiv.childNodes;
		var relatedItems = 0;
		
		relatedPosition = ( relatedPosition > 3 ) ?
			relatedPosition - 3 : relatedCount - 2;

		for ( i = 0; i < relatedChildren.length; i++ )
		{
		
			if ( relatedChildren[i].tagName == 'DIV' )
			{

				relatedItems++;
				
				if ( 
					( relatedItems >= relatedPosition ) &&
					( relatedItems < relatedPosition + 3 )
				)
					relatedChildren[i].style.display = 'block';
				else
					relatedChildren[i].style.display = 'none';
			
			} // if
			
		} // for
		
	} // if

} // relatedBack

function relatedForward()
{

	var relatedDiv = document.getElementById( 'related' );
	
	if ( relatedDiv )
	{

		/**
		* Hide all but previous three
		*/
	
		var relatedChildren = relatedDiv.childNodes;
		var relatedItems = 0;
		
		relatedPosition = ( relatedPosition < relatedCount - 2 ) ?
			relatedPosition + 3 : 1;

		for ( i = 0; i < relatedChildren.length; i++ )
		{
		
			if ( relatedChildren[i].tagName == 'DIV' )
			{

				relatedItems++;
				
				if ( 
					( relatedItems >= relatedPosition ) &&
					( relatedItems < relatedPosition + 3 )
				)
					relatedChildren[i].style.display = 'block';
				else
					relatedChildren[i].style.display = 'none';
			
			} // if
			
		} // for
		
	} // if

} // relatedFoward