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

// PHOTOS 1
var boxPHOTOS1 = $('photos_1');
var fxPHOTOS1 = boxPHOTOS1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// PHOTOS
var boxV1 = $('photos_p1');
var fxV1 = boxV1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxV2 = $('photos_p2');
var fxV2 = boxV2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// PHOTOS BOUTONS
var boxBT1 = $('photos1');
var fxBT1 = boxBT1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT2 = $('photos2');
var fxBT2 = boxBT2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// CONTENU
var boxCONTENU2 = $('contenu_2');
var fxCONTENU2 = boxCONTENU2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxC1 = $('contenu_windows');
var fxC1 = boxC1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxC2 = $('contenu_run');
var fxC2 = boxC2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});


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

///// BOUTON FERME
$('photos1').addEvent('click', function(){
if(boxPHOTOS1.getStyle('height').toInt() == 0){
fxV1.start({'margin-top': 0});
boxBT1.setStyle('background-position', 'bottom');
boxBT2.setStyle('background-position', 'top');
} else {
}});
$('photos2').addEvent('click', function(){
if(boxPHOTOS1.getStyle('height').toInt() == 0){
fxV1.start({'margin-top': -200});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'bottom');
} else {
}});

///// BOUTON OUVERT
$('photos1').addEvent('click', function(){
if(boxPHOTOS1.getStyle('height').toInt() == 200 && boxCONTENU2.getStyle('opacity').toInt() == 1){
fxV1.start({'margin-top': 0});
fxC1.start({'margin-top': 0});
boxBT1.setStyle('background-position', 'bottom');
boxBT2.setStyle('background-position', 'top');
} else {
}});
$('photos2').addEvent('click', function(){
if(boxPHOTOS1.getStyle('height').toInt() == 200 && boxCONTENU2.getStyle('opacity').toInt() == 1){
fxV1.start({'margin-top': -200});
fxC1.start({'margin-top': -400});
boxBT1.setStyle('background-position', 'top');
boxBT2.setStyle('background-position', 'bottom');
} else {
}});


});