var AccordionObjectHeader;

var openMenu = function(num, taille){
	$('menu'+num).tween('height', taille);
}

var closeMenu = function(num){
	$('menu'+num).tween('height', '1px');
}

var changeImageMulti = function(num, dossier, nbImages){	
	if(dossier!=""){
		dossier=dossier+"/";
	}
	for(i=1;i<=nbImages;i++){
		if(document.getElementById('engag_'+i)){ 
		var elem = $('engag_'+i);
		if(num!=i){ 
		elem.className="menu";
		elem.onmouseover= function () {this.className='menu_on';}; 
		elem.onmouseout=function () {this.className='menu';}; 
		elem.onmousedown=function () {this.className='menu_on';}; 
		
		} else {
		elem.className="menu_on";
		elem.onmouseover= function () {this.className='menu_on';}; 
		elem.onmouseout=function () {this.className='menu_on';}; 
		elem.onmousedown=function () {this.className='menu_on';}; 
		}
		
		
		}
		
		if(document.getElementById('img'+i)){
			if(num!=i){
				image = document.getElementById('img'+i).src;
				longueur=image.length;
				pos = image.lastIndexOf('/');
				imageActuelle = image.substr( pos+1, longueur );
				if(imageActuelle=='btn_moins.gif'){
					document.getElementById('img'+i).src='/charte/'+dossier+'btn_plus.gif';
				}
			} else {
				image = document.getElementById('img'+num).src;
				longueur=image.length;
				pos = image.lastIndexOf('/');
				imageActuelle = image.substr( pos+1, longueur );
				if(imageActuelle=='btn_moins.gif'){
					document.getElementById('img'+num).src='/charte/'+dossier+'btn_plus.gif';
				} else {
					document.getElementById('img'+num).src='/charte/'+dossier+'btn_moins.gif';
				}
			}
		}
	}
}

var ouvertureDiv = function(sensOuverture, div, taille, duree){
	switch(sensOuverture) {
		case 'horizontale' :
			sensOuverture = 'width';
		break;
		case 'verticale' :
			sensOuverture = 'height';
		break;
	}
	myEffet = new Fx.Tween(div, { 
		link: 'cancel', 
		duration: duree, 
		transition: Fx.Transitions.Quart.easeOut, 
		onStart: $(div).setStyle('display', 'block') 
	});
	
	myEffet.start(sensOuverture, taille);
}

var fermetureDiv = function(sensOuverture, div, duree){
	switch(sensOuverture) {
		case 'horizontale' :
			sensOuverture = 'width';
		break;
		case 'verticale' :
			sensOuverture = 'height';
		break;
	}
	myEffet = new Fx.Tween(div, { 
		link: 'cancel', 
		duration: duree, 
		transition: Fx.Transitions.Quart.easeOut
	});
	
	myEffet.start(sensOuverture, '1px');
	setTimeout("$('"+div+"').setStyle('display', 'none')",duree);
}

var effetTransparence = function(effet,div){
	switch(effet){
		case 'disparition' :
			$(div).fade('1', '0');
		break;
		case 'apparition' :
			$(div).setStyle('display', 'block');
			$(div).fade('0', '1');
		break;
	}
}

var gestionAffichageDiv = function(div){
	if(document.getElementById(div).style.display=='none'){
		document.getElementById(div).style.display='block';
	} else {
		document.getElementById(div).style.display='none';
	}
}

var gestionAffichageDivMulti = function(div){
	for(i=1;i<=10;i++){
		if(document.getElementById('onglet'+i) && i!=div){
			document.getElementById('onglet'+i).style.display='none';
		} else if(document.getElementById('onglet'+i) && i==div){
			document.getElementById('onglet'+div).style.display='block';
		}
		if(document.getElementById('bouton_onglet'+i) && i!=div){
			$('bouton_onglet'+i).className='detail_onglet_off';
			$('bouton_onglet'+i).onmouseover = function() {this.className='detail_onglet_on';}
			$('bouton_onglet'+i).onmouseout = function() {this.className='detail_onglet_off';}
		} else if(document.getElementById('bouton_onglet'+i) && i==div){
			document.getElementById('bouton_onglet'+div).className='detail_onglet_select';
			$('bouton_onglet'+div).onmouseover = function() {void(0);}
			$('bouton_onglet'+div).onmouseout = function() {void(0);}
		}
	}
}


var afficheMultiDiv = function(sensOuverture, div, taille, nbDiv){
	var nbCar = div.length;
	var numDiv = div.substr(nbCar-1, nbCar);
	var nomDiv = div.substring(0, nbCar-1);
	
	switch(sensOuverture) {
		case 'horizontale' :
			sensOuverture = 'width';
		break;
		case 'verticale' :
			sensOuverture = 'height';
		break;
	}
	
	for(i=1;i<=nbDiv;i++){
		if($(nomDiv+''+i).getStyle('display')=='block'){
			$(nomDiv+''+i).tween(sensOuverture, '1px');
			setTimeout("$('"+nomDiv+""+i+"').setStyle('display', 'none')",500);
		}
	}
	
	if($(div).getStyle('display')=='none'){
		$(div).setStyle('display','block');
		$(div).tween(sensOuverture, taille);
	} else {
		$(div).tween(sensOuverture, '1px');
		setTimeout("$('"+div+"').setStyle('display', 'none')",500);
	}
}

window.addEvent('domready', function() {	

	
	
	var toggler3 = $$('.div_header_general');
	var element3 = $$('.hd_panier');
	
	AccordionObjectHeader = new Accordion(toggler3, element3, {
	display: '',
	height : true,
	width : false,
	opacity: false,
	fixedHeight: false, 
	fixedWidth: false,
	alwaysHide:false
	});


	/*
	toggler3.addEvent('mouseenter', function() { this.fireEvent('click'); });
	*/
	
	
	
	//toggler3.addEvent('mouseleave', function() { this.fireEvent('click'); });	
	try {
	var inputWord = $('recherche_ch');
	new Autocompleter.Request.HTML(inputWord, '/ajax/query_produits.php', {
		'indicatorClass': 'autocompleter-loading',// class added to the input during request
		'postVar': 'recherche_ch','minLength' : 3,'width' : '195','emptyChoices' : $$('.cat'),'autoSubmit' : 'true'
	});
	} catch (err) {}
	
});

var deroulerDiv = function(sensOuverture, div, taille, duree){
	switch(sensOuverture) {
		case 'horizontale' :
			sensOuverture = 'width';
		break;
		case 'verticale' :
			sensOuverture = 'height';
		break;
	}
	
	etatDiv=$(div).getStyle('display');
	
	myEffet = new Fx.Tween(div, { 
		link: 'cancel', 
		duration: duree, 
		transition: Fx.Transitions.Quart.easeOut 
	});
	
	if(etatDiv=="none"){
		$(div).setStyle('display', 'block');
		myEffet.start(sensOuverture, taille);
	} else if(etatDiv=="block"){
		myEffet.start(sensOuverture, '1px');
		setTimeout("$('"+div+"').setStyle('display', 'none')",duree);
	}
}


var faqalign =function(id){
	
	for(i=1;i<=30;i++){
		if(document.getElementById('faq_'+i)){ 
		var elem = $('faq_'+i);
		if(id!=i){ 
		elem.className="menu";
		elem.onmouseover= function () {this.className='menu_on';}; 
		elem.onmouseout=function () {this.className='menu';}; 
		elem.onmousedown=function () {this.className='menu_on';}; 
		
		} else {
		elem.className="menu_on";
		elem.onmouseover= function () {this.className='menu_on';}; 
		elem.onmouseout=function () {this.className='menu_on';}; 
		elem.onmousedown=function () {this.className='menu_on';}; 
		}
		
		
		}
	}
	
	}