var openMenu = function(num, taille){
	$('menu'+num).tween('height', taille);
}

var closeMenu = function(num){
	$('menu'+num).tween('height', '1px');
}

var afficheOnglet = function(num){
	switch(num){
		case '1':
			document.getElementById('imgmenu1').src='/charte/liste-detail/b_produits_associes_on.jpg';
			document.getElementById('imgmenu2').src='/charte/liste-detail/b_avis_internautes.jpg';
			document.getElementById('imgmenu3').src='/charte/liste-detail/b_deposer_avis.jpg';
			document.getElementById('imgmenu4').src='/charte/liste-detail/b_envoi_ami.jpg';
		break;
		case '2':
			document.getElementById('imgmenu1').src='/charte/liste-detail/b_produits_associes.jpg';
			document.getElementById('imgmenu2').src='/charte/liste-detail/b_avis_internautes_on.jpg';
			document.getElementById('imgmenu3').src='/charte/liste-detail/b_deposer_avis.jpg';
			document.getElementById('imgmenu4').src='/charte/liste-detail/b_envoi_ami.jpg';
		break;
		case '3':
			document.getElementById('imgmenu1').src='/charte/liste-detail/b_produits_associes.jpg';
			document.getElementById('imgmenu2').src='/charte/liste-detail/b_avis_internautes.jpg';
			document.getElementById('imgmenu3').src='/charte/liste-detail/b_deposer_avis_on.jpg';
			document.getElementById('imgmenu4').src='/charte/liste-detail/b_envoi_ami.jpg';
		break;
		case '4':
			document.getElementById('imgmenu1').src='/charte/liste-detail/b_produits_associes.jpg';
			document.getElementById('imgmenu2').src='/charte/liste-detail/b_avis_internautes.jpg';
			document.getElementById('imgmenu3').src='/charte/liste-detail/b_deposer_avis.jpg';
			document.getElementById('imgmenu4').src='/charte/liste-detail/b_envoi_ami_on.jpg';
		break;
	}
}

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){
			document.getElementById('bouton_onglet'+i).className='detail_onglet_off';
		} else if(document.getElementById('bouton_onglet'+i) && i==div){
			document.getElementById('bouton_onglet'+div).className='detail_onglet_select';
		}
	}
}


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 toggler = $$('.cat_detail');
	var element = $$('.contenu');
	
	var AccordionObject = new Accordion(toggler, element, {
	show: 0,
	height : true,
	width : false,
	opacity: false,
	fixedHeight: false, 
	fixedWidth: false,
	alwaysHide: true
	});
	
	var toggler2 = $$('.bord_basCGV');
	var element2 = $$('.contenu');
	
	var AccordionObject = new Accordion(toggler2, element2, {
	show: 0,
	height : true,
	width : false,
	opacity: false,
	fixedHeight: false, 
	fixedWidth: false,
	alwaysHide: false
	});

	var toggler3 = $$('.cat_detail_lexique');
	var element3 = $$('.contenu');
	
	var AccordionObject = new Accordion(toggler3, element3, {
	show: 0,
	height : true,
	width : false,
	opacity: false,
	fixedHeight: false, 
	fixedWidth: false,
	alwaysHide: false
	});
	
	var inputWord = $('search');
	new Autocompleter.Request.HTML(inputWord, '/ajax/query_produits.php', {
		'indicatorClass': 'autocompleter-loading', // class added to the input during request
		'postVar': 'search',
		'onSelection': function() {
				document.input_recherche.submit();
			}
	});	
});

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';}; 
		}
		
		
		}
	}
	
	}


	
