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

// 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});

// 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});

// 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});

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


///// LIENS

$('liens').addEvent('mouseover', function(){
if(boxLIENS.getStyle('margin-left').toInt() == -40){
fxLIENS.start({'margin-left': 20});
} else {
}});
$('liens').addEvent('click', function(){
if(boxLIENS.getStyle('margin-left').toInt() == 20){
fxLIENS.start({'margin-left': -40});
} else {
}});

///// BANDEAU
$('logo_sehel').addEvent('click', function(){
if(boxB1.getStyle('width').toInt() == 120){
fxLIENS.start({'margin-left': -40});
fxI1.start({'opacity': 1});
fxI2.start({'opacity': 1});
fxI3.start({'opacity': 1});
fxI4.start({'opacity': 1});
fxI5.start({'opacity': 1});
fxI6.start({'opacity': 1});
fxNAV1.start({'opacity': 0, 'margin-left' : 50});
fxNAV2.start({'opacity': 0, 'margin-left' : 50});
fxNAV3.start({'opacity': 0, 'margin-left' : 50});
fxNAV4.start({'opacity': 0, 'margin-left' : 50});
fxNAV5.start({'opacity': 0, 'margin-left' : 50});
fxNAV6.start({'opacity': 0, 'margin-left' : 50});
fxBT_VIDEOS.start({'opacity': 0});
fxBT_PHOTOS.start({'opacity': 0});
fxBT_WEBDESIGN.start({'opacity': 0});
fxBT_CREATIONS.start({'opacity': 0});
fxBT_PROJETS.start({'opacity': 0});
fxBT_COMPETENCES.start({'opacity': 0});
} else {
}});

///// BOUTON 1
$('videos_images').addEvent('click', function(){
if(boxB1.getStyle('width').toInt() > 119){
fxNAV1.start({'opacity': 1, 'margin-left' : 60});
fxNAV2.start({'opacity': 0, 'margin-left' : 50});
fxNAV3.start({'opacity': 0, 'margin-left' : 50});
fxNAV4.start({'opacity': 0, 'margin-left' : 50});
fxNAV5.start({'opacity': 0, 'margin-left' : 50});
fxNAV6.start({'opacity': 0, 'margin-left' : 50});
fxBT_VIDEOS.start({'opacity': 1});
fxBT_PHOTOS.start({'opacity': 0});
fxBT_WEBDESIGN.start({'opacity': 0});
fxBT_CREATIONS.start({'opacity': 0});
fxBT_PROJETS.start({'opacity': 0});
fxBT_COMPETENCES.start({'opacity': 0});
fxI1.start({'opacity': 0});
fxI2.start({'opacity': 1});
fxI3.start({'opacity': 1});
fxI4.start({'opacity': 1});
fxI5.start({'opacity': 1});
fxI6.start({'opacity': 1});
fxQ.start({'opacity': 0});
} else {
}});

///// BOUTON 2
$('photos_images').addEvent('click', function(){	
if(boxB1.getStyle('width').toInt() > 119){
fxNAV2.start({'opacity': 1, 'margin-left' : 60});
fxNAV1.start({'opacity': 0, 'margin-left' : 50});
fxNAV3.start({'opacity': 0, 'margin-left' : 50});
fxNAV4.start({'opacity': 0, 'margin-left' : 50});
fxNAV5.start({'opacity': 0, 'margin-left' : 50});
fxNAV6.start({'opacity': 0, 'margin-left' : 50});
fxBT_VIDEOS.start({'opacity': 0});
fxBT_PHOTOS.start({'opacity': 1});
fxBT_WEBDESIGN.start({'opacity': 0});
fxBT_CREATIONS.start({'opacity': 0});
fxBT_PROJETS.start({'opacity': 0});
fxBT_COMPETENCES.start({'opacity': 0});
fxI1.start({'opacity': 1});
fxI2.start({'opacity': 0});
fxI3.start({'opacity': 1});
fxI4.start({'opacity': 1});
fxI5.start({'opacity': 1});
fxI6.start({'opacity': 1});
fxQ.start({'opacity': 0});
} else {
}});

///// BOUTON 3
$('webdesign_images').addEvent('click', function(){
if(boxB1.getStyle('width').toInt() > 119){
fxNAV3.start({'opacity': 1, 'margin-left' : 60});
fxNAV1.start({'opacity': 0, 'margin-left' : 50});
fxNAV2.start({'opacity': 0, 'margin-left' : 50});
fxNAV4.start({'opacity': 0, 'margin-left' : 50});
fxNAV5.start({'opacity': 0, 'margin-left' : 50});
fxNAV6.start({'opacity': 0, 'margin-left' : 50});
fxBT_VIDEOS.start({'opacity': 0});
fxBT_PHOTOS.start({'opacity': 0});
fxBT_WEBDESIGN.start({'opacity': 1});
fxBT_CREATIONS.start({'opacity': 0});
fxBT_PROJETS.start({'opacity': 0});
fxBT_COMPETENCES.start({'opacity': 0});
fxI1.start({'opacity': 1});
fxI2.start({'opacity': 1});
fxI3.start({'opacity': 0});
fxI4.start({'opacity': 1});
fxI5.start({'opacity': 1});
fxI6.start({'opacity': 1});
fxQ.start({'opacity': 0});
} else {
}});

///// BOUTON 4
$('creations_images').addEvent('click', function(){
if(boxB1.getStyle('width').toInt() > 119){
fxNAV4.start({'opacity': 1, 'margin-left' : 60});
fxNAV1.start({'opacity': 0, 'margin-left' : 50});
fxNAV2.start({'opacity': 0, 'margin-left' : 50});
fxNAV3.start({'opacity': 0, 'margin-left' : 50});
fxNAV5.start({'opacity': 0, 'margin-left' : 50});
fxNAV6.start({'opacity': 0, 'margin-left' : 50});
fxBT_VIDEOS.start({'opacity': 0});
fxBT_PHOTOS.start({'opacity': 0});
fxBT_WEBDESIGN.start({'opacity': 0});
fxBT_CREATIONS.start({'opacity': 1});
fxBT_PROJETS.start({'opacity': 0});
fxBT_COMPETENCES.start({'opacity': 0});
fxI1.start({'opacity': 1});
fxI2.start({'opacity': 1});
fxI3.start({'opacity': 1});
fxI4.start({'opacity': 0});
fxI5.start({'opacity': 1});
fxI6.start({'opacity': 1});
fxQ.start({'opacity': 0});
} else {
}});

///// BOUTON 5
$('projets_images').addEvent('click', function(){		
if(boxB1.getStyle('width').toInt() > 119){
fxNAV5.start({'opacity': 1, 'margin-left' : 60});
fxNAV1.start({'opacity': 0, 'margin-left' : 50});
fxNAV2.start({'opacity': 0, 'margin-left' : 50});
fxNAV3.start({'opacity': 0, 'margin-left' : 50});
fxNAV4.start({'opacity': 0, 'margin-left' : 50});
fxNAV6.start({'opacity': 0, 'margin-left' : 50});
fxBT_VIDEOS.start({'opacity': 0});
fxBT_PHOTOS.start({'opacity': 0});
fxBT_WEBDESIGN.start({'opacity': 0});
fxBT_CREATIONS.start({'opacity': 0});
fxBT_PROJETS.start({'opacity': 1});
fxBT_COMPETENCES.start({'opacity': 0});
fxI1.start({'opacity': 1});
fxI2.start({'opacity': 1});
fxI3.start({'opacity': 1});
fxI4.start({'opacity': 1});
fxI5.start({'opacity': 0});
fxI6.start({'opacity': 1});
fxQ.start({'opacity': 0});
} else {
}});

///// BOUTON 6
$('competences_images').addEvent('click', function(){
if(boxB1.getStyle('width').toInt() > 119){
fxNAV6.start({'opacity': 1, 'margin-left' : 60});
fxNAV1.start({'opacity': 0, 'margin-left' : 50});
fxNAV2.start({'opacity': 0, 'margin-left' : 50});
fxNAV3.start({'opacity': 0, 'margin-left' : 50});
fxNAV4.start({'opacity': 0, 'margin-left' : 50});
fxNAV5.start({'opacity': 0, 'margin-left' : 50});
fxBT_VIDEOS.start({'opacity': 0});
fxBT_PHOTOS.start({'opacity': 0});
fxBT_WEBDESIGN.start({'opacity': 0});
fxBT_CREATIONS.start({'opacity': 0});
fxBT_PROJETS.start({'opacity': 0});
fxBT_COMPETENCES.start({'opacity': 1});
fxI1.start({'opacity': 1});
fxI2.start({'opacity': 1});
fxI3.start({'opacity': 1});
fxI4.start({'opacity': 1});
fxI5.start({'opacity': 1});
fxI6.start({'opacity': 0});
fxQ.start({'opacity': 0});
} else {
}});



});