//Initialise tabbing
function initialiseTabs() {
	
	//Embed JavaScript-only styles
	if (document.getElementsByTagName && document.getElementsByClassName) {
		var $link_element = document.createElement('link');
		$link_element.setAttribute("rel","stylesheet");
		$link_element.setAttribute("href","assets/templates/barnardos/css/tabs.css");
		$link_element.setAttribute("media","screen");
		var $head_element = document.getElementsByTagName('head')[0];
		$head_element.appendChild($link_element);
	}
	
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementsByClassName('tab')) return false;
	
	showTab(0);
}

//Show selected tab
function showTab(index) {
	var $tab_container=document.getElementById('tab_container'); //Get array of tabs
	var $tab_list=$tab_container.getElementsByTagName('li');
	for (var $i=0; $i<$tab_list.length; $i++) { //Deactivate all tabs/activate indexed tab
		var $this_tab=$tab_list[$i];
		if ($i!=index) {
			$this_tab.className='';
		} else {
			if ($i==0) {
				$this_tab.className='active';
			} else {
				$this_tab.className='active_blue';
			}
		}
	}

	var $tabs=document.getElementsByClassName('tab'); //Get array of tab content panels
	for (var $i=0; $i<$tabs.length; $i++) { //Hide all tab content panels/show indexed tab content panel
		var $tab=$tabs[$i];
		if ($i!=index) {
			$tab.style.display='none';
		} else {
			$tab.style.display='block';
		}
	}
}

window.onload = function() {
	initialiseTabs();
}