window.addEvent('domready', function() {
//Accordion-------------------------------------------------------------------------------------
var accordion = new Accordion('h3.atStart', 'div.atStart', {
	opacity: false,
	display: showMenu,//montre l'élément choisi commence à zéro
	onActive: function(toggler, element){
		toggler.setStyle('color', '#222');
		// toggler.setStyle('background-image', 'url(../images/selection.gif)');
		// toggler.setStyle('background-image', 'no-repeat');
		
	},

	onBackground: function(toggler, element){
		toggler.setStyle('color', '#999');
		// toggler.setStyle('background', '#fff');
		
	}
}, $('menu'));//id dans lequel s'applique la fonction
//Accordion-------------------------------------------------------------------------------------

//Mouseover-------------------------------------------------------------------------------------
$$('img.mo').each(function(img) {
	var src = img.getProperty('src');
	var extension = src.substring(src.lastIndexOf('.'),src.length)
	img.addEvent('mouseover', function() { img.setProperty('src',src.replace(extension,'-mo' + extension)); });
	img.addEvent('mouseout', function() { img.setProperty('src',src); });
});
//Mouseover-------------------------------------------------------------------------------------

//Dock------------------------------------------------------------------------------------------
if ($defined($('dock'))) {

if (Cookie.get("memoryDock")) {
var memoryDock=(Cookie.get("memoryDock").toInt());//tramsformation du cookie en valeur numérique
}
else {
 var memoryDock=0;   
}
;

if (Cookie.get("numeroPage")) {
var numeroPage=(Cookie.get("numeroPage").toInt());
}
else {
 var numeroPage=1;   
}
;


var dockPosition=memoryDock;//position de depart
//console.log("memoryDock=dockPosition = "+memoryDock);

var dimFenetre=521;//dimension du viewport complet (trou de visualisation)
var margeDroite=5;//marge droite=marge gauche pour centrer les diapos
var nbDiapos=nbProduits;//nb total de diapos
//alert("nbDiapos="+nbDiapos); 
var dimDiapo=127;//dimension diapo (marge gauche+diapo)
var nbDiaposParFenetre=4;

var dimViewport=dimFenetre-margeDroite;//dimension du viewport a slider = viewport complet-marge droite
var nbDeplacements=Math.ceil(nbDiapos/nbDiaposParFenetre);
var dimSlide=dimViewport*nbDeplacements+margeDroite;


var scrollDock = new Fx.Scroll($('fenetre'));//scrolle le contenu du div fenetre

$('page').setText(numeroPage+" sur "+nbDeplacements);//numérotage des pages

$('slide').effect('width').set(dimSlide);//Mise du slide à la taille

scrollDock.scrollTo(dockPosition,0);
// scrollDock.scrollTo(516,0);
//console.log("dockPosition 2 = "+dockPosition);


$('suivant').addEvent('click', function(e){
	new Event(e).stop();
	scrollDock.scrollTo((dockPosition+dimViewport),0);
	dockPosition+=dimViewport;
	numeroPage++;
	if (dockPosition>dimSlide-dimViewport-margeDroite)
	{
		dockPosition=dimSlide-dimViewport-margeDroite;
		numeroPage=nbDeplacements;
	}
	$('page').setText(numeroPage+" sur "+nbDeplacements);//numérotage des pages
//	console.log("dockPosition3 = "+dockPosition);
	Cookie.set('memoryDock', dockPosition);
	Cookie.set('numeroPage', numeroPage);
});

$('precedent').addEvent('click', function(e){
	new Event(e).stop();
	scrollDock.scrollTo((dockPosition-dimViewport),0);
	dockPosition-=dimViewport;
	numeroPage--;
	if (dockPosition<0)
	{
		dockPosition=0;
		numeroPage=1;
	}
	$('page').setText(numeroPage+" sur "+nbDeplacements);//numérotage des pages
//	console.log("dockPosition4 = "+dockPosition);
	Cookie.set('memoryDock', dockPosition);	
	Cookie.set('numeroPage', numeroPage);
});	

	if ((choixProduit)!='pas_de_choix') {
		
	$(choixProduit).setStyles({
		// 'border':'1px solid yellow',
		'width': '118px',
		'height': '96px',
		'border': '3px solid #5D5963',
		'padding-left': '0px',
		'padding-top': '0px'
	});
	
};//if ((choixProduit)!='pas_de_choix')


//surlignage menu--------------------------------------------------------------------------------------------

};//if defined dock

//Dock------------------------------------------------------------------------------------------

//surlignage numéros autres-vues------------------------------

	$$('#autresvues a').addEvent('click', function(e){
		// new Event(e).stop();
		$$('#autresvues a').removeClass('actif');
		this.addClass('actif');
		var newLink = this.getProperty('href');
		//console.log("newLink = "+newLink);
		$$('#zoomplus a').setProperty('href',newLink);
			
	});

//surlignage numéros autres-vues------------------------------

// Scrollbar----------------------------------------------


function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	//var longueurContenu=(content.getSize().scrollSize.y).toInt();//longueur contenu
	//var longueurContenant=(content.getSize().size.y).toInt();//longueur contenant
	var steps = (horizontal?(content.getSize().scrollSize.x - content.getSize().size.x):(content.getSize().scrollSize.y - content.getSize().size.y))
	var slider = new Slider(scrollbar, handle, {	
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
onChange: function(step){
	// Scrolls the content element in x or y direction.
	var x = (horizontal?step:0);
	var y = (horizontal?0:step);
	content.scrollTo(x,y);
	}
	}).set(0);
	
if( !(ignoreMouse) ){
// Scroll the content element when the mousewheel is used within the 
// content or the scrollbar element.
$$(content, scrollbar).addEvent('mousewheel', function(e){	
e = new Event(e).stop();
var step = slider.step - e.wheel * 59;	
slider.set(step);					
});
}
// Stops the handle dragging process when the mouse leaves the document body.
$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}
 
//window.addEvent('domready', function(){
if ($defined($('contenu-detail'))) {				
	$('contenu-detail').setStyle('overflow', 'hidden');
makeScrollbar( $('contenu-detail'), $('scrollbardetail'), $('handledetail') );
if (($('contenu-detail').getSize().scrollSize.y)<=($('contenu-detail').getSize().size.y)){
	$('scrollbardetail').setStyle('visibility', 'hidden');
	$('handledetail').setStyle('display', 'none');
}

};

	if ($defined($('contenu-services'))) {				
		$('contenu-services').setStyle('overflow', 'hidden');
	makeScrollbar( $('contenu-services'), $('scrollbarservices'), $('handleservices') );
	if (($('contenu-services').getSize().scrollSize.y)<=($('contenu-services').getSize().size.y)){
		$('scrollbarservices').setStyle('display', 'none');
		$('handleservices').setStyle('display', 'none');
	}

	};

	if ($defined($('contenu-actualites'))) {				
	$('contenu-actualites').setStyle('overflow', 'hidden');
	makeScrollbar( $('contenu-actualites'), $('scrollbarservices'), $('handleservices') );
	if (($('contenu-actualites').getSize().scrollSize.y)<=($('contenu-actualites').getSize().size.y)){
		$('scrollbarservices').setStyle('display', 'none');
		$('handleservices').setStyle('display', 'none');
	}

	};

	if ($defined($('contenu-recherche'))) {				
	$('contenu-recherche').setStyle('overflow', 'hidden');
	makeScrollbar( $('contenu-recherche'), $('scrollbarservices'), $('handleservices') );
	if (($('contenu-recherche').getSize().scrollSize.y)<=($('contenu-recherche').getSize().size.y)){
		$('scrollbarservices').setStyle('display', 'none');
		$('handleservices').setStyle('display', 'none');
	}

	};

	if ($defined($('contenu-engagements'))) {				
	$('contenu-engagements').setStyle('overflow', 'hidden');
	makeScrollbar( $('contenu-engagements'), $('scrollbarservices'), $('handleservices') );
	if (($('contenu-engagements').getSize().scrollSize.y)<=($('contenu-engagements').getSize().size.y)){
		$('scrollbarservices').setStyle('display', 'none');
		$('handleservices').setStyle('display', 'none');
	}

	};
	
	if ($defined($('contenu-cheminees'))) {				
	$('contenu-cheminees').setStyle('overflow', 'hidden');
	makeScrollbar( $('contenu-cheminees'), $('scrollbarservices'), $('handleservices') );
	if (($('contenu-cheminees').getSize().scrollSize.y)<=($('contenu-cheminees').getSize().size.y)){
		$('scrollbarservices').setStyle('display', 'none');
		$('handleservices').setStyle('display', 'none');
	}

	};

// -- second example, horizontal scrollbar --
// makeScrollbar( $('content2'), $('scrollbar2'), $('handle2'), true );
// // -- third example, horizontal and vertical scrollbars
// makeScrollbar( $('content3'), $('scrollbar3'), $('handle3'), false );
// makeScrollbar( $('content3'), $('scrollbar4'), $('handle4'), true, true );	
//});
// Scrollbar----------------------------------------------

//Bannière défilante

if ($defined($('cadrepromo1'))) {
			
//$('cadrepromo').setStyle('overflow', 'hidden');


var box = $('promo1');
//var box = $('promo-slide');
var fx = box.effects({duration: 3000, transition: Fx.Transitions.Quart.easeInOut});
	box.setStyle('left', 836);


var period=function() {

		fx.start({'left': 0})
		.chain(function() {fx.start.delay(5000, this, {'left': -836});})
		.chain(function() {box.setStyle('left', 836);});
	
};
period();
period.periodical(13000);

};

//Bannière défilante

//Bannière défilante 2 textes

if ($defined($('cadrepromo2'))) {
			
//$('cadrepromo').setStyle('overflow', 'hidden');


var box = $('promo-slide');
var fx = box.effects({duration: 3000, transition: Fx.Transitions.Quart.easeInOut});
	box.setStyle('left', 836);


var period=function() {

		fx.start({'left': 0})
		.chain(function() {fx.start.delay(5000, this, {'left': -836});})
		.chain(function() {fx.start.delay(5000, this, {'left': -1672});})
		.chain(function() {box.setStyle('left', 836);});
	
};
period();
period.periodical(10000);

};

//Bannière défilante

//Bannière défilante 3 textes

if ($defined($('cadrepromo3'))) {
			
//$('cadrepromo').setStyle('overflow', 'hidden');


var box = $('promo-slide');
var fx = box.effects({duration: 3000, transition: Fx.Transitions.Quart.easeInOut});
	box.setStyle('left', 836);


var period=function() {

		fx.start({'left': 0})
		.chain(function() {fx.start.delay(5000, this, {'left': -836});})
		.chain(function() {fx.start.delay(5000, this, {'left': -1672});})
		.chain(function() {fx.start.delay(5000, this, {'left': -2708});})
		.chain(function() {box.setStyle('left', 836);});
	
};
period();
period.periodical(28000);

};

//Bannière défilante



//RAZ champ recherche

$('motcle').addEvent('focus', function(e) {

this.value='';

});


//RAZ champ recherche

//surlignage menu--------------------------------------------------------------------------------------------

if (categorie!='') {
	if ((categorie)!='bureaux') {
	$(categorie).setStyles({
	'color': '#333',
	'background': 'url(images/fond-petite-fleche.gif) no-repeat'
	});
};};

if ((categorie)=='bureaux') {
	$(categorie).setStyle('color', '#333')
};

//surlignage menu--------------------------------------------------------------------------------------------

});//domready