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

// VIDEOS 1
var boxVIDEOS1 = $('videos_1');
var fxVIDEOS1 = boxVIDEOS1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// VIDEOS
var boxV1 = $('videos_p1');
var fxV1 = boxV1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxV2 = $('videos_p2');
var fxV2 = boxV2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxV3 = $('videos_p3');
var fxV3 = boxV3.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxV4 = $('videos_p4');
var fxV4 = boxV4.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxV5 = $('videos_p5');
var fxV5 = boxV5.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxV6 = $('videos_p6');
var fxV6 = boxV6.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// VIDEOS BOUTONS
var boxBT1 = $('videos1');
var fxBT1 = boxBT1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT2 = $('videos2');
var fxBT2 = boxBT2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT3 = $('videos3');
var fxBT3 = boxBT3.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT4 = $('videos4');
var fxBT4 = boxBT4.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT5 = $('videos5');
var fxBT5 = boxBT5.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT6 = $('videos6');
var fxBT6 = boxBT6.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// CONTENU
var boxCONTENU1 = $('contenu_1');
var fxCONTENU1 = boxCONTENU1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxC1 = $('contenu_decision');
var fxC1 = boxC1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxC2 = $('contenu_runteaser');
var fxC2 = boxC2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxC3 = $('contenu_smile');
var fxC3 = boxC3.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxC4 = $('contenu_cosmetique');
var fxC4 = boxC4.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxC5 = $('contenu_effets');
var fxC5 = boxC5.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxC6 = $('contenu_betisier');
var fxC6 = boxC6.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});


//////////////////////////////

///// BOUTON FERME
$('videos1').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 0){
fxV1.start({'margin-top': 0});
boxBT1.setStyle('background-position', 'bottom');
boxBT2.setStyle('background-position', 'top');
boxBT3.setStyle('background-position', 'top');
boxBT4.setStyle('background-position', 'top');
boxBT5.setStyle('background-position', 'top');
boxBT6.setStyle('background-position', 'top');
} else {
}});
$('videos2').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 0){
fxV1.start({'margin-top': -200});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'bottom');
boxBT3.setStyle('background-position', 'top');
boxBT4.setStyle('background-position', 'top');
boxBT5.setStyle('background-position', 'top');
boxBT6.setStyle('background-position', 'top');
} else {
}});
$('videos3').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 0){
fxV1.start({'margin-top': -400});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'top');
boxBT3.setStyle('background-position', 'bottom');
boxBT4.setStyle('background-position', 'top');
boxBT5.setStyle('background-position', 'top');
boxBT6.setStyle('background-position', 'top');
} else {
}});
$('videos4').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 0){
fxV1.start({'margin-top': -600});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'top');
boxBT3.setStyle('background-position', 'top');
boxBT4.setStyle('background-position', 'bottom');
boxBT5.setStyle('background-position', 'top');
boxBT6.setStyle('background-position', 'top');
;
} else {
}});
$('videos5').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 0){
fxV1.start({'margin-top': -800});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'top');
boxBT3.setStyle('background-position', 'top');
boxBT4.setStyle('background-position', 'top');
boxBT5.setStyle('background-position', 'bottom');
boxBT6.setStyle('background-position', 'top');
;
} else {
}});
$('videos6').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 0){
fxV1.start({'margin-top': -1000});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'top');
boxBT3.setStyle('background-position', 'top');
boxBT4.setStyle('background-position', 'top');
boxBT5.setStyle('background-position', 'top');
boxBT6.setStyle('background-position', 'bottom');
;
} else {
}});

///// BOUTON OUVERT
$('videos1').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 200 && boxCONTENU1.getStyle('opacity').toInt() == 1){
fxV1.start({'margin-top': 0});
fxC1.start({'margin-top': 0});
boxBT1.setStyle('background-position', 'bottom');
boxBT2.setStyle('background-position', 'top');
boxBT3.setStyle('background-position', 'top');
boxBT4.setStyle('background-position', 'top');
boxBT5.setStyle('background-position', 'top');
boxBT6.setStyle('background-position', 'top');
} else {
}});
$('videos2').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 200 && boxCONTENU1.getStyle('opacity').toInt() == 1){
fxV1.start({'margin-top': -200});
fxC1.start({'margin-top': -400});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'bottom');
boxBT3.setStyle('background-position', 'top');
boxBT4.setStyle('background-position', 'top');
boxBT5.setStyle('background-position', 'top');
boxBT6.setStyle('background-position', 'top');
} else {
}});
$('videos3').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 200 && boxCONTENU1.getStyle('opacity').toInt() == 1){
fxV1.start({'margin-top': -400});
fxC1.start({'margin-top': -800});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'top');
boxBT3.setStyle('background-position', 'bottom');
boxBT4.setStyle('background-position', 'top');
boxBT5.setStyle('background-position', 'top');
boxBT6.setStyle('background-position', 'top');
} else {
}});
$('videos4').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 200 && boxCONTENU1.getStyle('opacity').toInt() == 1){
fxV1.start({'margin-top': -600});
fxC1.start({'margin-top': -1200});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'top');
boxBT3.setStyle('background-position', 'top');
boxBT4.setStyle('background-position', 'bottom');
boxBT5.setStyle('background-position', 'top');
boxBT6.setStyle('background-position', 'top');
} else {
}});
$('videos5').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 200 && boxCONTENU1.getStyle('opacity').toInt() == 1){
fxV1.start({'margin-top': -800});
fxC1.start({'margin-top': -1600});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'top');
boxBT3.setStyle('background-position', 'top');
boxBT4.setStyle('background-position', 'top');
boxBT5.setStyle('background-position', 'bottom');
boxBT6.setStyle('background-position', 'top');
} else {
}});
$('videos6').addEvent('click', function(){
if(boxVIDEOS1.getStyle('height').toInt() == 200 && boxCONTENU1.getStyle('opacity').toInt() == 1){
fxV1.start({'margin-top': -1000});
fxC1.start({'margin-top': -2000});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'top');
boxBT3.setStyle('background-position', 'top');
boxBT4.setStyle('background-position', 'top');
boxBT5.setStyle('background-position', 'top');
boxBT6.setStyle('background-position', 'bottom');
} else {
}});


});