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

// IMAGES
var boxV = $('vignettes_3');
var fxV = boxV.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxG = $('fleche_gauche_3');
var fxG = boxG.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxD = $('fleche_droite_3');
var fxD = boxD.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

//////////////////////////////
boxG.setStyle('opacity', 0.2);


///// BOUTON GAUCHE
$('fleche_droite_3').addEvent('click', function(){
if(boxV.getStyle('margin-left').toInt() == 0){
fxV.start({'margin-left' : -110});
fxG.start({'opacity' : 1});
} else {
}});
$('fleche_droite_3').addEvent('click', function(){
if(boxV.getStyle('margin-left').toInt() == -110){
fxV.start({'margin-left' : -220});
} else {
}});
$('fleche_droite_3').addEvent('click', function(){
if(boxV.getStyle('margin-left').toInt() == -220){
fxV.start({'margin-left' : -330});
fxD.start({'opacity' : 0.2});
} else {
}});

///// BOUTON DROITE
$('fleche_gauche_3').addEvent('click', function(){
if(boxV.getStyle('margin-left').toInt() == -440){
fxV.start({'margin-left' : -330});
fxG.start({'opacity' : 1});
} else {
}});
$('fleche_gauche_3').addEvent('click', function(){
if(boxV.getStyle('margin-left').toInt() == -330){
fxV.start({'margin-left' : -220});
} else {
}});
$('fleche_gauche_3').addEvent('click', function(){
if(boxV.getStyle('margin-left').toInt() == -220){
fxV.start({'margin-left' : -110});
} else {
}});
$('fleche_gauche_3').addEvent('click', function(){
if(boxV.getStyle('margin-left').toInt() == -110){
fxV.start({'margin-left' : 0});
fxG.start({'opacity' : 0.2});
} else {
}});


});