/*** Check document for tabs and panels ***/
function initiateTabs() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementsByClassName('panel')) return false;

	//Show first panel
	showPanel(0);
}

/*** Show a chosen panel ***/
function showPanel(index) {
	//Get array of content panels
	var $content_panels=document.getElementsByClassName('panel');
	//Loop through panels and hide them all,
	//except the selected one which we show
	for (var $i=0; $i<$content_panels.length; $i++) {
		var $panel=$content_panels[$i];
		if ($i!=index) {
			$panel.style.display='none';
		} else {
			$panel.style.display='block';
		}
	}

	//Get array of tabs
	var $tab_container=document.getElementById('tabContainer');
	//Loop through tabs and deactivate them all,
	//except the selected one which we activate
	var $tab_list=$tab_container.getElementsByTagName('li');
	for (var $i=0; $i<$tab_list.length; $i++) {
		var $this_tab=$tab_list[$i];
		if ($i!=index) {
			$this_tab.className='';
		} else {
			$this_tab.className='active';
		}
	}
}

/*** Get elements by class name ***/
document.getElementsByClassName = function($class) {
	var $results = Array();
	var $elements = document.getElementsByTagName("*");
	for (var $i=0; $i<$elements.length; $i++) {
		var $classes = $elements[$i].className.split(" ");
		for (var $j=0; $j<$classes.length; $j++) {
			if ($classes[$j] == $class) {
				$results[$results.length] = $elements[$i];
			}
		}
	}
	return $results;
}

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

function show(id,link) {
	var d = document.getElementById(id);
	var l = document.getElementById(link);
	if (d.style.display == "block"){
		d.style.display='none';
		l.className='title_link';
		}
	else {
		d.style.display='block';
		l.className='title_link_active';
		}
}