// JavaScript Document for auto tabs
Tabs = {
	
	group:null,
	content:[],
	
	show:function()
	{
		var indx = this.id.replace('t','');
		var ul = this.parentNode.parentNode;
		var li = ul.getElementsByTagName('li');
		// hide all in group
		for(var l = 0; l < Tabs.content.length; l++)
		{
			Tabs.content[l].style.display = 'none';
			li[l].className = li[l].className.replace('selected','');
		} 
		// show clicked
		Tabs.content[indx-1].style.display = 'block';
		this.parentNode.className += ' selected';
		
		this.blur();
		return false;
	},
	
	init:function()
	{
		// get all page elements
		Tabs.group = document.getElementById('mainContent');

			var selectedTab = 1;
			// create a new array to hold the tab-contents
			var _c = Tabs.group.getElementsByTagName('*');
			// create tab-header to hold tabs
			var _ul = document.createElement('ul');
			//var _th = document.createElement('div');
			//_th.className = 'tab-header';
			// find elements with class 'tab-content'
			for(var k = 0; k < _c.length; k++) // loop through got elements
			{
				if(/\b(tab-content)\b/.test(_c[k].className)) // regexp test for class
				{
					// push the element into the content array using same index as group
					Tabs.content[Tabs.content.length] = _c[k];
					_c[k].style.display = 'none';
					// get heading
					var _h = _c[k].getElementsByTagName('h2')[0];
					var _li = document.createElement('li');
					if(k == 0) _li.className += 'first';
					if(Tabs.content.length == selectedTab) _li.className += ' selected';
					var _lnk = document.createElement('a');
					var _spn = document.createElement('span');
					_lnk.href = '#';
					_lnk.id = 't' + Tabs.content.length;
					_lnk.onclick = Tabs.show;
					
					_ul.appendChild(_li).appendChild(_lnk).appendChild(_spn).innerHTML = _h.innerHTML;
					// remove the header from the content
					_h.parentNode.removeChild(_h);
				}
			}
			// insert the tab-header div into the current group div
			document.getElementById('container').appendChild(_ul);
			// show first by default
			//Tabs.content[selectedTab-1].style.display = 'block';
		}
	}	


addEvent(window,'load',Tabs.init);