window.addEvent('domready', function(){
									 
// BANDEAU LIENS
var boxB1 = $('bandeau_1');
var fxB1 = boxB1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxSEH = $('logo_sehel');
var fxSEH = boxSEH.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

var boxLIENS = $('liens');
var fxLIENS = boxLIENS.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});

// 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
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: 250, transition: Fx.Transitions.Quart.easeOut});
var boxNAV2 = $('cadre_2');
var fxNAV2 = boxNAV2.effects({duration: 250, transition: Fx.Transitions.Quart.easeOut});
var boxNAV3 = $('cadre_3');
var fxNAV3 = boxNAV3.effects({duration: 250, transition: Fx.Transitions.Quart.easeOut});
var boxNAV4 = $('cadre_4');
var fxNAV4 = boxNAV4.effects({duration: 250, transition: Fx.Transitions.Quart.easeOut});
var boxNAV5 = $('cadre_5');
var fxNAV5 = boxNAV5.effects({duration: 250, transition: Fx.Transitions.Quart.easeOut});
var boxNAV6 = $('cadre_6');
var fxNAV6 = boxNAV6.effects({duration: 250, 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 boxCONTENU1 = $('contenu_1');
var fxCONTENU1 = boxCONTENU1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU2 = $('contenu_2');
var fxCONTENU2 = boxCONTENU2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU3 = $('contenu_3');
var fxCONTENU3 = boxCONTENU3.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU4 = $('contenu_4');
var fxCONTENU4 = boxCONTENU4.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU5 = $('contenu_5');
var fxCONTENU5 = boxCONTENU5.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU6 = $('contenu_6');
var fxCONTENU6 = boxCONTENU6.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

var boxCONTENU1A = $('contenu_1A');
var fxCONTENU1A = boxCONTENU1A.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU2A = $('contenu_2A');
var fxCONTENU2A = boxCONTENU2A.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU3A = $('contenu_3A');
var fxCONTENU3A = boxCONTENU3A.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU4A = $('contenu_4A');
var fxCONTENU4A = boxCONTENU4A.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU5A = $('contenu_5A');
var fxCONTENU5A = boxCONTENU5A.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
var boxCONTENU6A = $('contenu_6A');
var fxCONTENU6A = boxCONTENU6A.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

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

// INTRODUCTION
boxB1.setStyle('opacity', 0);

boxSEH.setStyle('opacity', 0);

boxLIENS.setStyle('opacity', 0);

boxQ.setStyle('opacity', 0);

boxVIDEOS.setStyle('opacity', 0);
boxPHOTOS.setStyle('opacity', 0);
boxWEBDESIGN.setStyle('opacity', 0);
boxCREATIONS.setStyle('opacity', 0);
boxPROJETS.setStyle('opacity', 0);
boxCOMPETENCES.setStyle('opacity', 0);

boxVIDEOS.setStyle('height', 0);
boxPHOTOS.setStyle('height', 0);
boxWEBDESIGN.setStyle('height', 0);
boxCREATIONS.setStyle('height', 0);
boxPROJETS.setStyle('height', 0);
boxCOMPETENCES.setStyle('height', 0);

boxNAV1.setStyle('opacity', 0);
boxNAV2.setStyle('opacity', 0);
boxNAV3.setStyle('opacity', 0);
boxNAV4.setStyle('opacity', 0);
boxNAV5.setStyle('opacity', 0);
boxNAV6.setStyle('opacity', 0);

boxI1.setStyle('opacity', 0);
boxI2.setStyle('opacity', 0);
boxI3.setStyle('opacity', 0);
boxI4.setStyle('opacity', 0);
boxI5.setStyle('opacity', 0);
boxI6.setStyle('opacity', 0);

boxVIDEOS.setStyle('margin-bottom', 5);
boxPHOTOS.setStyle('margin-bottom', 5);
boxWEBDESIGN.setStyle('margin-bottom', 5);
boxCREATIONS.setStyle('margin-bottom', 5);
boxPROJETS.setStyle('margin-bottom', 5);
boxCOMPETENCES.setStyle('margin-bottom', 5);

boxBT_VIDEOS.setStyle('opacity', 0);
boxBT_PHOTOS.setStyle('opacity', 0);
boxBT_WEBDESIGN.setStyle('opacity', 0);
boxBT_CREATIONS.setStyle('opacity', 0);
boxBT_PROJETS.setStyle('opacity', 0);
boxBT_COMPETENCES.setStyle('opacity', 0);

boxCONTENU1.setStyle('opacity', 0);
boxCONTENU2.setStyle('opacity', 0);
boxCONTENU3.setStyle('opacity', 0);
boxCONTENU4.setStyle('opacity', 0);
boxCONTENU5.setStyle('opacity', 0);
boxCONTENU6.setStyle('opacity', 0);

boxCONTENU1A.setStyle('opacity', 0);
boxCONTENU2A.setStyle('opacity', 0);
boxCONTENU3A.setStyle('opacity', 0);
boxCONTENU4A.setStyle('opacity', 0);
boxCONTENU5A.setStyle('opacity', 0);
boxCONTENU6A.setStyle('opacity', 0);


// APPARITION
fxVIDEOS.start.delay(1000, fxVIDEOS, {'opacity': 1, 'height': 200});
fxPHOTOS.start.delay(1500, fxPHOTOS, {'opacity': 1, 'height': 200});
fxWEBDESIGN.start.delay(2000, fxWEBDESIGN, {'opacity': 1, 'height': 200});
fxCREATIONS.start.delay(2500, fxCREATIONS, {'opacity': 1, 'height': 200});
fxPROJETS.start.delay(3000, fxPROJETS, {'opacity': 1, 'height': 200});
fxCOMPETENCES.start.delay(3500, fxCOMPETENCES, {'opacity': 1, 'height': 200});

fxI1.start.delay(1500, fxI1, {'opacity': 1, 'height': 200});
fxI2.start.delay(2000, fxI2, {'opacity': 1, 'height': 200});
fxI3.start.delay(2500, fxI3, {'opacity': 1, 'height': 200});
fxI4.start.delay(3000, fxI4, {'opacity': 1, 'height': 200});
fxI5.start.delay(3500, fxI5, {'opacity': 1, 'height': 200});
fxI6.start.delay(4000, fxI6, {'opacity': 1, 'height': 200});

//fxNAV1.start.delay(1500, fxNAV1, {'opacity': 1, 'margin-left': 20});
//fxNAV2.start.delay(2000, fxNAV2, {'opacity': 1, 'margin-left': 20});
//fxNAV3.start.delay(2500, fxNAV3, {'opacity': 1, 'margin-left': 20});
//fxNAV4.start.delay(3000, fxNAV4, {'opacity': 1, 'margin-left': 20});
//fxNAV5.start.delay(3500, fxNAV5, {'opacity': 1, 'margin-left': 20});
//fxNAV6.start.delay(4000, fxNAV6, {'opacity': 1, 'margin-left': 20});

//fxNAV1.start.delay(2500, fxNAV1, {'opacity': 0, 'margin-left': 0});
//fxNAV2.start.delay(3000, fxNAV2, {'opacity': 0, 'margin-left': 0});
//fxNAV3.start.delay(3500, fxNAV3, {'opacity': 0, 'margin-left': 0});
//fxNAV4.start.delay(4000, fxNAV4, {'opacity': 0, 'margin-left': 0});
//fxNAV5.start.delay(4500, fxNAV5, {'opacity': 0, 'margin-left': 0});
//fxNAV6.start.delay(5000, fxNAV6, {'opacity': 0, 'margin-left': 0});

fxVIDEOS.start.delay(4500, fxVIDEOS, {'margin-bottom': -1});
fxPHOTOS.start.delay(4400, fxPHOTOS, {'margin-bottom': -1, 'margin-top': 0});
fxWEBDESIGN.start.delay(4300, fxWEBDESIGN, {'margin-bottom': -1, 'margin-top': 0});
fxCREATIONS.start.delay(4200, fxCREATIONS, {'margin-bottom': -1, 'margin-top': 0});
fxPROJETS.start.delay(4100, fxPROJETS, {'margin-bottom': -1, 'margin-top': 0});
fxCOMPETENCES.start.delay(4000, fxCOMPETENCES, {'margin-bottom': 0, 'margin-top': 0});

fxSEH.start.delay(4000, fxSEH, {'opacity': 1});

fxB1.start.delay(4000, fxB1, {'opacity': 1, 'width': 120});
fxQ.start.delay(4000, fxQ, {'opacity': 0.5});

fxLIENS.start.delay(4000, fxLIENS, {'opacity': 1});
fxLIENS.start.delay(5000, fxLIENS, {'margin-left': -40});

});