/*
	gforcesTabs Version 1.0
	Updated August 2009
	written by Chris Munn / Matthew Lindley for GForces Web Management
	updated by Daniel James to support the #ref in the URL

	You can set a default tab by adding a <a> tag immediately after the domContent
	with a name

	HTML Structure:
	<div class='domtabs'>
		<ul class="domHeadings">
			<li><a href=""></a></li>
			<li><a href=""></a></li>
		</ul>

		<div class="domContent">
			<a name=""></a>
		</div>
		<div class="domContent">
			<a name=""></a>
		</div>
	</ul>

	</div>

	www.gforces.co.uk
*/

function gforcesTabs(defaultTab) {

	//  Loop each of the domTab containers
	$$('div.domTabs').each( function ( container ) {

		//Check for a preferred tab
		if(document.location.hash){
			defaultTab = document.location.hash.substr(1);
		}

		//  Hide all content
		container.select('div.domContent').invoke( 'hide' );

		//  Show default tab.
		var tabFound = false;
		if(defaultTab){
			container.select('div.domContent>a:first').each(function(tab, index){

				if(tab.name == defaultTab){
					tab.up().show();
					tabFound = true;
					container.select('ul.domHeadings>li')[index].addClassName( 'active' );
				}
			})
		}
		
		//If there isn't a default tab, then select the first one.
		if(!tabFound){
			container.select('div.domContent')[0].show();
			container.select('ul.domHeadings>li')[0].addClassName( 'active' );
		}

		
		//Stop those anchor tags from redirecting when they are clicked.
		container.select('div.domContent>a:first').each(function(el){
			el.remove();
		});

		//  Loop <li>s
		container.select('ul.domHeadings>li').each( function ( li, index ) {

			//  Monitor onclicks
			li.observe( 'click', function (ev) {
				
				//  Remove all class names
				container.select('ul.domHeadings>li').invoke( 'removeClassName', 'active' );

				//  Set active tab
				this.addClassName( 'active' );

				//  Hide all content
				container.select('div.domContent').invoke( 'hide' );

				//  Show content selected
				container.select('div.domContent')[index].show();
				
				ev.stop();
			});

		});

	});

}