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

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

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


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

///// BOUTON DROITE
$('fleche_gauche_5').addEvent('click', function(){
if(boxV.getStyle('margin-left').toInt() == -1980){
fxV.start({'margin-left' : -1540});
fxD.start({'opacity' : 1});
} else {
}});
$('fleche_gauche_5').addEvent('click', function(){
if(boxV.getStyle('margin-left').toInt() == -1540){
fxV.start({'margin-left' : -770});
} else {
}});
$('fleche_gauche_5').addEvent('click', function(){
if(boxV.getStyle('margin-left').toInt() == -770){
fxV.start({'margin-left' : 0});
fxG.start({'opacity' : 0.2});
} else {
}});

});