// JavaScript Document
// gestion des onglets
function tabBars()
{
	tabs = $$('.navigation li');
	tabs.each( function(li)
	{
		li.style.visibility = "visible";
		li.addEvent('click', function()
		{
			classe = this.className;
			if(classe=='active')
				return true;
			else{
				this.getParent().className = classe;
				contentThis =  this.getParent().getParent().getChildren();
			
				for(n=0;n<contentThis.length;n++)
				{
					if (contentThis[n].tagName == 'DIV' ){
						if(contentThis[n].className==classe)
						{
							contentThis[n].style.display='block';
						} else {
							contentThis[n].style.display='none';
						}
					}
				}
			}
		});
	}
)}

//
window.addEvent("load", function(){	 
		tabBars();
});


//
function showHideTab(index)
{ 	
	var tabs = $$("div.proInfo");
	var a=$$('#themePar li');
	for(i=0;i<tabs.length;i++){
		if (i == index) {
			tabs[i].removeClass('tabHide');
			a[i].addClass("active");
		} else {
			a[i].removeClass("active");
			tabs[i].addClass('tabHide');
		}
	}
}
function showHideTabAuto()
{
	//var actual=$$("div.itemResultat");
	var arrDetail = $$("div.itemResultat");
	
	if (arrDetail.length == 0)
		return;
	
	var arrHeaders = new Array();
	var arrDivs = new Array();

	for (var i = 0; i < arrDetail.length; i++) {
		arrHeaders.push(arrDetail[i].getElement('h4'));
		arrDivs.push(arrDetail[i].getElement('div'));
	}
	
	var activeIndex;
	for (var i = 0; i < arrDetail.length; i++) {
		activeIndex = -1;
		
		if (arrHeaders[i].getElement('a').hasClass('active')) {
			activeIndex = 0;
		}
		
		new Accordion([arrHeaders[i]], [arrDivs[i]], {
			tag: arrDivs[i],
			opacity: false,
			show: activeIndex,
			alwaysHide: true,
			
			onBackground: function() {
				//this.options.tag.set('styles', {'overflow':'hidden'});
			},
			
			onActive:function() {
				//this.options.tag.set('styles', {'height': ''});
			},
			
			onComplete: function() {
				if (this.options.tag.getCoordinates().height > 0) {
					this.options.tag.set('styles', {'height': ''});
				}
			}
		});
	}
}


