/*
	simpleDOMtab Version 0.1
	Updated July the 23rd 2008
	written by Chris Munn
	free to use, not free to resell
*/

					function getFirstChild(f) { 
						f = f.firstChild;
						while (f && !f.tagName) {
							f = f.nextSibling;
						} 
						return f;
					}
					
					function getNextSibling(ns) { 
						ns = ns.nextSibling;
						while (ns && !ns.tagName) {
							ns = ns.nextSibling;
						} 
						return ns;
					}
					
					function changeTabs(theEl) {
						var domBlocks = getNextSibling(theEl.parentNode).getElementsByTagName('div');
						var domHeadings = theEl.parentNode.getElementsByTagName('a');
						
						elId = theEl.id.split('tab');
						blockId = 'block' + elId[1];
						
						for (var j=0; j<domHeadings.length; j++) {
							if (domHeadings[j].id == theEl.id) {
								theEl.className = 'active';
							}
							
							else {
								domHeadings[j].className = '';
							}
						}
						
						for (var k=0; k<domBlocks.length; k++) {
							if (domBlocks[k].id == blockId) {
								domBlocks[k].style.display = 'block';
							}
							
							else {
								if (domBlocks[k].className == 'domBlock' && domBlocks[k].id != blockId) {
									domBlocks[k].style.display = 'none';
								}
							}
						}

					}
					
					function domTabs() {
						var aElm=document.body.getElementsByTagName('*');
						eachDomTab = 0;						
						
						for(var i=0; i<aElm.length; i++) {
							if(aElm[i].className=='domTab') {
								
							eachDomTab = eachDomTab + 1;
							eachDomTabStr = eachDomTab + '';
								
								theFoundEl = aElm[i];
								var domHeadings = getFirstChild(theFoundEl).getElementsByTagName('a');
								var domBlocks = getNextSibling(getFirstChild(theFoundEl)).getElementsByTagName('div');
								
								for (var j=0; j<domHeadings.length; j++) {
									domHeadings[j].id = 'tab' + eachDomTabStr + j;
									domHeadings[j].onclick = function () {
										changeTabs(this);
									}
									
								}
								
								for (var k=0; k<domBlocks.length; k++) {
									if (domBlocks[k].className == 'domBlock') {
										domBlocks[k].id = 'block' + eachDomTabStr + k;
									}
								}
							}
						}
						
						// Set the first tabs of each domTab group as active
						if (document.getElementById('tab10')) {
							document.getElementById('tab10').className = 'active';
						}
						if (document.getElementById('tab20')) {
							document.getElementById('tab20').className = 'active';
						}
						if (document.getElementById('tab30')) {
							document.getElementById('tab30').className = 'active';
						}
						if (document.getElementById('tab40')) {
							document.getElementById('tab40').className = 'active';
						}
						if (document.getElementById('tab50')) {
							document.getElementById('tab50').className = 'active';
						}
					}