// JavaScript Document


function onglet_hide(obj){
	Element.hide($(obj.id.split('-')[0]+'-panel_'+obj.id.split('_')[1]));
	Element.removeClassName(obj,'selected');
}

function onglet_show(obj){

	if(!(panel=$(obj.id.split('-')[0]+'-panel_'+obj.id.split('_')[1])))
		return false;

	if(obj.__onglet.focused)
		onglet_hide(obj.__onglet.focused); 
		
	Element.show(panel);
	Element.addClassName(obj,'selected');
	obj.__onglet.focused=obj;
}

function onglet_disable_onglet(obj){
	if(obj.hasAttribute('disabled'))
		Element.addClassName(obj,'disabled');	
	else
		Element.removeClassName(obj,'disabled');	
}

function onglet_tab_click(obj){

	if(obj.hasAttribute('disabled'))
		return false;

	onglet_show(obj);
	
	return true;
}

function init_onglet(){
	var onglets = $A($$('.onglet-panel'));

	onglets.each(function(onglet){

	    if(onglet.hasAttribute('__initDone'))
			return;

		getId(onglet);
		
		tabs=onglet.select('.onglet-tab')[0];
		tabs=$A(tabs.getElementsByTagName('DD'));
		var firstTab=null;
		var selectedTab=null;
		var defaultTab=null;
		tabs.each(function(tab){
            
			tab.__onglet = onglet;
			Event.observe(tab,'click',function(){
				onglet_tab_click(this);
			});
			
			if(panel=$('panel_'+tab.id.split('_')[1])){
				Element.addClassName(tab,tab.id);
			    tab.id=onglet.id+'-'+tab.id;
				Element.hide(panel);
				Element.addClassName(panel,panel.id);
				panel.id=onglet.id+'-'+panel.id;
			}
			
			if(tab.hasAttribute('selected')){
				if(onglet_tab_click(tab))
					selectedTab = tab;
			}
			
			if(tab.hasAttribute('default') && defaultTab==null)
				defaultTab = tab;
			
			onglet_disable_onglet(tab);
			
			if(firstTab==null)
				firstTab=tab;
		});
		if(selectedTab==null)
			if(defaultTab!=null)
				onglet_tab_click(defaultTab);		
			else if(firstTab!=null)
				onglet_tab_click(firstTab);	
		
 		onglet.setAttribute('__initDone',true);

	});

}

Element.observe(window,'load',function(){
		Try.these(
		init_onglet()
		);
		
	}
);