/* unobtrusive javascript-tabs */
/* ©2007 arthur van zuylen, www.2parts.nl */

addEvent(window,'load',getTabs);
addEvent(window,'load',fadeInit);


/* initialiseer tabs */
function getTabs() {
	// check of javascript voldoende wordt ondersteund door de browser 
	if (!document.getElementById) {
		return;
	}
	
	// check of de tabnavigatie mogelijk is
	if (!document.getElementById('tabnav')) {
		return;
	}
	
	/* haal alle tablinks op uit de DOM */
	var tablinks = document.getElementById('tabnav').getElementsByTagName('a');
	
	// maak mouseover/mouseclick die de functie showtab(nummer) aanroept 
	for(var i=0;i<tablinks.length;i++) { 
		tablinks[i].onclick = function() {
					
			// bepaal op welke tab geklikt is
			var tabdata_id = this.getAttribute('rel');
			
			// activeer de tab en toon het bijbehorende tabblad
			showtab(tabdata_id);
			return false;
		}
	}
}


/* showhiden en activeren tabs */
function showtab(nummer) {
	
	// haal alle tablinks op uit de DOM
	var tablinks = document.getElementById('tabnav').getElementsByTagName('a');
	var tablinks_rel= '';
	
	// haal alle tabdivs op uit de DOM
	var tabdivs = document.getElementById('tabdata').getElementsByTagName('div');
	var tabdivs_rel= '';
	
	for(var i=0;i<tablinks.length;i++) { 
		
		// verander de class van de actieve tab en en van het bijbehorende tabblad
		tablinks_rel = tablinks[i].getAttribute('rel');
		tabdivs_name = tabdivs[i].getAttribute('title');
		
		if(tablinks_rel == nummer && tabdivs_name == nummer) {
			
			tablinks[i].className = 'active_tab';
			tabdivs[i].className = 'show';
			
			// zet fade-effect in actie
			fadeIn(0);
			
		} else {
			tablinks[i].className = 'inactive_tab';
			tabdivs[i].className = 'hide';
		}
	}
}

var fadeTargetId = 'tabdata';
preInit();