// JavaScript Document

Event.observe(window, 'load', function() { tabbed_sidebar_init() })

function tabbed_sidebar_init(){
	
	
	//get all sidebars
	var sidebars = $$('div.fw_tabs_tabdisplay');
	
	sidebars.each(function (s){
										
				$tabs = s.select('li.tab');	
				
				for ( var $i = 0; $i < $tabs.length; $i++ ) {
					$tabs[$i].childElements()[0].observe('click' , show_me_please );	
				
				
				if ( $i == 0) {
					s.appendChild( $tabs[$i].childElements()[1].cloneNode( true ) );
					s.down('h3').style.display = 'block';
					s.down('h3').addClassName('selected');
				}
				}			
							
							
				})
	
	
	}

function show_me_please( $event ){
	
	$tabs = Event.element( $event ).up('ul').select('h3');
	$tab_display = Event.element( $event ).up('div.fw_tabs_tabdisplay');
	
	//empty the tab display
	while( $tab_display.childElements().length > 1 ){
		$tab_display.removeChild( $tab_display.childElements()[1] );
		}
	
	$tab_display.appendChild( Event.element( $event ).next('div').cloneNode( true ) );
	$tab_display.childNodes[0].style.display = 'block';
	
	
	//sort out the menu state
	for ( var $i = 0; $i < $tabs.length; $i++ ) {
		$tabs[$i].removeClassName('selected');
		}

	Event.element( $event ).addClassName('selected');

	}