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

// BANDEAU LIENS
var boxB1 = $('bandeau_1');
var fxB1 = boxB1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// QUESTION MARK
var boxQ = $('question_mark');
var fxQ = boxQ.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// PLUS
var boxPLUS = $('plus_6');
var fxPLUS = boxPLUS.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// IMAGES
var boxI1 = $('videos_images');
var fxI1 = boxI1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxI2 = $('photos_images');
var fxI2 = boxI2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxI3 = $('webdesign_images');
var fxI3 = boxI3.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxI4 = $('creations_images');
var fxI4 = boxI4.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxI5 = $('projets_images');
var fxI5 = boxI5.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxI6 = $('competences_images');
var fxI6 = boxI6.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// BANDEAUX VIDE
var boxVIDE = $('bandeau_vide');
var fxVIDE = boxVIDE.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// BANDEAUX GRAND
var boxGB = $('grand_bandeau');
var fxGB = boxGB.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// BANDEAUX 1
var boxVIDEOS1 = $('videos_1');
var fxVIDEOS1 = boxVIDEOS1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCOMPETENCES2 = $('competences_2');
var fxCOMPETENCES2 = boxCOMPETENCES2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCOMPETENCES3 = $('competences_3');
var fxCOMPETENCES3 = boxCOMPETENCES3.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxPHOTOS1 = $('photos_1');
var fxPHOTOS1 = boxPHOTOS1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxWEBDESIGN1 = $('webdesign_1');
var fxWEBDESIGN1 = boxWEBDESIGN1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCREATIONS1 = $('creations_1');
var fxCREATIONS1 = boxCREATIONS1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxPROJETS1 = $('projets_1');
var fxPROJETS1 = boxPROJETS1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCOMPETENCES1 = $('competences_1');
var fxCOMPETENCES1 = boxCOMPETENCES1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// BANDEAUX
var boxVIDEOS = $('videos');
var fxVIDEOS = boxVIDEOS.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxPHOTOS = $('photos');
var fxPHOTOS = boxPHOTOS.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxWEBDESIGN = $('webdesign');
var fxWEBDESIGN = boxWEBDESIGN.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCREATIONS = $('creations');
var fxCREATIONS = boxCREATIONS.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxPROJETS = $('projets');
var fxPROJETS = boxPROJETS.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCOMPETENCES = $('competences');
var fxCOMPETENCES = boxCOMPETENCES.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// NAVIGATIONS
var boxNAV1 = $('cadre_1');
var fxNAV1 = boxNAV1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxNAV2 = $('cadre_2');
var fxNAV2 = boxNAV2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxNAV3 = $('cadre_3');
var fxNAV3 = boxNAV3.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxNAV4 = $('cadre_4');
var fxNAV4 = boxNAV4.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxNAV5 = $('cadre_5');
var fxNAV5 = boxNAV5.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxNAV6 = $('cadre_6');
var fxNAV6 = boxNAV6.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// BOUTONS NAVIGATIONS
var boxBT_VIDEOS = $('bt_nav_videos');
var fxBT_VIDEOS = boxBT_VIDEOS.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT_PHOTOS = $('bt_nav_photos');
var fxBT_PHOTOS = boxBT_PHOTOS.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT_WEBDESIGN = $('bt_nav_webdesign');
var fxBT_WEBDESIGN = boxBT_WEBDESIGN.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT_CREATIONS = $('bt_nav_creations');
var fxBT_CREATIONS = boxBT_CREATIONS.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT_PROJETS = $('bt_nav_projets');
var fxBT_PROJETS = boxBT_PROJETS.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxBT_COMPETENCES = $('bt_nav_competences');
var fxBT_COMPETENCES = boxBT_COMPETENCES.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

// CONTENU
var boxCONTENU6 = $('contenu_6');
var fxCONTENU6 = boxCONTENU6.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU6A = $('contenu_6A');
var fxCONTENU6A = boxCONTENU6A.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});

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

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

///// SI DECISION
$('petit_cadre_titre_6').addEvent('click', function(){							
if(boxV1.getStyle('margin-top').toInt() == 0 && boxCOMPETENCES1.getStyle('height').toInt() == 0){
boxCOMPETENCES1.setStyle('background', 'url("images/competences_.jpg")');
fxC1.start({'margin-top': 0});
fxGB.start({'margin-top': 0});
fxVIDE.start({'height': 20});
fxCOMPETENCES.start({'margin-bottom': 5});
fxCOMPETENCES1.start({'margin-bottom': 5});
fxCOMPETENCES2.start({'height': 50, 'margin-bottom': 5});
fxCOMPETENCES3.start({'height': 400, 'margin-bottom': 50});
fxCOMPETENCES1.start.delay(1000, fxCOMPETENCES1, {'height': 200});
fxCONTENU6A.start.delay(1000, fxCONTENU6A, {'opacity': 1});
fxCONTENU6.start.delay(1000, fxCONTENU6, {'opacity': 1});
boxPLUS.setStyle('background-position', 'bottom');
//
fxVIDEOS.start({'opacity': 0, 'height': 0});
fxPHOTOS.start({'opacity': 0, 'height': 0});
fxWEBDESIGN.start({'opacity': 0, 'height': 0});
fxCREATIONS.start({'opacity': 0, 'height': 0});
fxPROJETS.start({'opacity': 0, 'height': 0});
//
fxI1.start({'opacity': 0});
fxI2.start({'opacity': 0});
fxI3.start({'opacity': 0});
fxI4.start({'opacity': 0});
fxI5.start({'opacity': 0});
fxI6.start({'opacity': 0});
fxQ.start({'opacity': 0});
fxB1.start({'width': 0, 'opacity': 0});
fxI6.start({'width': 940});
fxV1.start({'width': 940});
fxV2.start({'width': 940});
} else {
}});

///// SI RUN
$('petit_cadre_titre_6').addEvent('click', function(){							
if(boxV1.getStyle('margin-top').toInt() == -200 && boxCOMPETENCES1.getStyle('height').toInt() == 0){
boxCOMPETENCES1.setStyle('background', 'url("images/competences_.jpg")');
fxC1.start({'margin-top': -400});
fxGB.start({'margin-top': 0});
fxVIDE.start({'height': 20});
fxCOMPETENCES.start({'margin-bottom': 5});
fxCOMPETENCES1.start({'margin-bottom': 5});
fxCOMPETENCES2.start({'height': 50, 'margin-bottom': 5});
fxCOMPETENCES3.start({'height': 400, 'margin-bottom': 50});
fxCOMPETENCES1.start.delay(1000, fxCOMPETENCES1, {'height': 200});
fxCONTENU6A.start.delay(1000, fxCONTENU6A, {'opacity': 1});
fxCONTENU6.start.delay(1000, fxCONTENU6, {'opacity': 1});
boxPLUS.setStyle('background-position', 'bottom');
//
fxVIDEOS.start({'opacity': 0, 'height': 0});
fxPHOTOS.start({'opacity': 0, 'height': 0});
fxWEBDESIGN.start({'opacity': 0, 'height': 0});
fxCREATIONS.start({'opacity': 0, 'height': 0});
fxPROJETS.start({'opacity': 0, 'height': 0});
//
fxI1.start({'opacity': 0});
fxI2.start({'opacity': 0});
fxI3.start({'opacity': 0});
fxI4.start({'opacity': 0});
fxI5.start({'opacity': 0});
fxI6.start({'opacity': 0});
fxQ.start({'opacity': 0});
fxB1.start({'width': 0, 'opacity': 0});
fxI6.start({'width': 940});
fxV1.start({'width': 940});
fxV2.start({'width': 940});
} else {
}});

///// FERMETURE
$('petit_cadre_titre_6').addEvent('click', function(){		
if(boxVIDE.getStyle('height').toInt() == 20 && boxCOMPETENCES1.getStyle('height').toInt() == 200){
fxVIDE.start({'height': 0});
fxGB.start({'margin-top': -501});
fxCONTENU6.start({'opacity': 0});
fxCONTENU6A.start({'opacity': 0});
fxCOMPETENCES.start({'margin-bottom': 1});
fxCOMPETENCES1.start({'margin-bottom': 1});
fxCOMPETENCES2.start({'height': 0, 'margin-bottom': 0});
fxCOMPETENCES3.start({'height': 0, 'margin-bottom': 0});
fxCOMPETENCES1.start.delay(1000, fxCOMPETENCES1, {'height': 0});
boxPLUS.setStyle('background-position', 'top');
//
fxVIDEOS.start.delay(500, fxVIDEOS, {'opacity': 1, 'height': 200});
fxPHOTOS.start.delay(500, fxPHOTOS, {'opacity': 1, 'height': 200});
fxWEBDESIGN.start.delay(500, fxWEBDESIGN, {'opacity': 1, 'height': 200});
fxCREATIONS.start.delay(500, fxCREATIONS, {'opacity': 1, 'height': 200});
fxPROJETS.start.delay(500, fxPROJETS, {'opacity': 1, 'height': 200});
//
fxI1.start({'opacity': 1, 'height': 200});
fxI2.start({'opacity': 1, 'height': 200});
fxI3.start({'opacity': 1, 'height': 200});
fxI4.start({'opacity': 1, 'height': 200});
fxI5.start({'opacity': 1, 'height': 200});
fxI6.start({'opacity': 0, 'height': 200});
fxI6.start({'width': 640});
fxV1.start({'width': 640});
fxV2.start({'width': 640});
fxB1.start.delay(1500, fxB1, {'width': 120, 'opacity': 1});
} else {
}});


});