addEvents(window,"load",onglet);

function onglet() {
	var CLASS_MENU = 'menu-onglet';
	var CLASS_TAB = 'tab';
	var ID_TAB = 'tab-';
	var ID_MENU = 'menu-onglet-';
	
	this.menus = [];
	this.onglets = [];		
	var menus, menu, tabs, onglets, lien;
	var menus = document.getElementsByClass(CLASS_MENU, null, 'div');
	
	var i, j, ii, matches, countOnglets;
		
	for (i=0; i<menus.length; i++)	{
		menu = menus[i];
		menu.tabs = [];	
		menu.onglets = [];	
		
		matches = menu.id.match(new RegExp(ID_MENU + "([0-9]+)"));
		menu.tabId = RegExp.$1;
		menu.tab = document.getElementById(ID_TAB + menu.tabId); // tab
		menu.elem = document.getElementById(ID_MENU + menu.tabId);	// menu
	
		var counts = document.getElementsByClass(CLASS_TAB, menu.tab, 'div');
		for (var k=0; k<counts.length; k++)		
			menu.tabs[k] = counts[k];
	
		menu.tab.style.display = "none";

		for (j=0; j<menu.elem.childNodes.length; j++)	{
			if( menu.elem.childNodes[j].nodeName == "UL" ) {				
				onglets = menu.elem.childNodes[j];				
				countOnglets = 0;
				for(ii = 0; ii  < onglets.childNodes.length; ii ++) {					
					if( onglets.childNodes[ii].nodeName == "LI" ) {						
						lien = onglets.childNodes[ii];
						lien.tabId = ID_TAB + menu.tabId;						
						lien.setAttribute("id", "onglet-" + countOnglets + "-" + ID_TAB + menu.tabId);						
						lien.ongletId = countOnglets++;
						lien.onclick = function() {
							tabShow(this.tabId, this.ongletId, this);							
							return false;
						}
					}
				}
			}			
		}
			
		this.menus[i] = menu;
				
		tabShow(ID_TAB + menu.tabId, 0);
		document.getElementById(ID_TAB + menu.tabId).style.display = "block";	
	}
}

function tabShow( tabId, ongletId) {
	var counts = document.getElementsByClass('tab', document.getElementById(tabId), 'div');
	for (var i=0; i<counts.length; i++)	{
		counts[i].style.display = "none";
		document.getElementById("onglet-" + i + "-" + tabId).className = "";
	}

	counts[ongletId].style.display = "block";
	document.getElementById("onglet-" + ongletId + "-" + tabId).className = "selected";
}
