var afficher = function(valeur){
var actif=$('actif').get('value');
if(actif!='mon-travail')$('mon-travail').set('class','cacher');
$(actif).set('class','cacher');
if(actif!='metier') {$('inline-'+actif).set('class','default');}
$('actif').set('value',valeur);
$(valeur).set('class','montrer');
$('inline-'+valeur).set('class','selected');}
var travail = function(valeur){
$('actif').set('value',valeur);
$('opacite').set('class','montrer');
$('opacite').set('opacity','0.8');
$(document.body).setStyle('background','#989285');
$('references').set('class','montrer');
$(valeur).set('class','montrer');
var requestData=new Request({
url:'mydata-first.php?menu='+valeur,
onComplete:function(response){
$('visuel-'+valeur).set('html',response);
}
}).send();}
var liste = function(valeur, menu){
var test= $('text-'+valeur).get('class');
var actif=$('text-'+valeur,'.prisedevue').getElement('.select').getParent().get('class');
var ref=$('references-actif-'+menu).get('value');
$('text-'+ref).set('class','cacher');
$('references').set('class','montrer');
$(menu).set('class','montrer');
$('references-actif-'+menu).set('value',valeur);
$('liste-'+menu).getElement('.'+ref).getElement('span').set('class','none');
$('liste-'+menu).getElement('.'+valeur).getElement('span').set('class','selected');
$('text-'+ref).set('class','cacher');
$('text-'+valeur).set('class','montrer');
var requestData=new Request({
url:'mydata.php?img='+actif,
onComplete:function(response){
$('visuel-'+menu).set('html',response);}
}).send();
}

var prisedevue= function (valeur,menu){
var parent=$('references').getElement('.'+valeur).getParent('div').get('id');
var actif=$(parent,'.prisedevue').getElement('.select').getParent().get('class');
if(valeur.indexOf('next', 0)==0){
valeur=$(parent,'.prisedevue').getElement('.'+actif).getNext().get('class'); 
if(valeur.indexOf('previous', 0)==0) {valeur=0;} }
if(valeur!=0 && valeur.indexOf('previous', 0)==0){
valeur=$(parent,'.prisedevue').getElement('.'+actif).getPrevious(); 
if($chk(valeur)) valeur=$(parent,'.prisedevue').getElement('.'+actif).getPrevious().get('class'); else valeur=0; }
if(valeur!=0){
var requestData=new Request({
url:'mydata.php?img='+valeur,
onComplete:function(response){
$('visuel-'+menu).set('html',response);
}
}).send();
$('references').getElement('.'+actif).getElement('label').set('class','none');
$('references').getElement('.'+valeur).getElement('label').set('class','select');}}


var opacite=function(){
$('opacite').set('class','cacher');
var actif=$('actif').get('value');
$(actif).set('class','cacher');
$('references').set('class','cacher');
$(document.body).setStyle('background','#fff');
$('actif').set('value','mon-travail');}
var home=function(){
var actif=$('actif').get('value');
$(actif).set('class','cacher');
if(actif!='mon-travail')$('mon-travail').set('class','cacher');
if($('opacite').get('class')=='cacher'){
if(actif!='metier') {$('inline-'+actif).set('class','default');}
}
else{
$('opacite').set('class','cacher');
$('references').set('class','cacher');
$(document.body).setStyle('background','#fff');
$('actif').set('value','mon-travail');}
$('actif').set('value','metier');
$('metier').set('class','montrer');
}
window.addEvent('domready', function(){
$('actif').set('value','metier');
$('logo').addEvent('click',function(){home();});
$('menu-qui-suis-je').addEvent('click', function(){afficher('qui-suis-je');});
$('menu-actualites').addEvent('click', function(){afficher('actualites');});
$('menu-contact').addEvent('click', function(){afficher('contact');}); 
$('menu-mon-travail').addEvent('click', function(){afficher('mon-travail');}); 
$('inline-qui-suis-je').addEvent('click', function(){afficher('qui-suis-je');});
$('inline-actualites').addEvent('click', function(){afficher('actualites');});
$('inline-contact').addEvent('click', function(){afficher('contact');}); 
$('inline-mon-travail').addEvent('click', function(){afficher('mon-travail');}); 
$('inline-menu').getElements('li').addEvent('mouseenter', function(){this.setStyle('cursor','pointer')});
$('menu-t1').addEvent('mouseenter', function(){$('ambiance-contemporaine').set('class','montrer')});
$('menu-t1').addEvent('mouseleave', function(){$('ambiance-contemporaine').set('class','cacher')});
$('menu-t2').addEvent('mouseenter', function(){$('decor-classique').set('class','montrer')});
$('menu-t2').addEvent('mouseleave', function(){$('decor-classique').set('class','cacher')});
$('menu-t3').addEvent('mouseenter', function(){$('illusion-de-matieres').set('class','montrer')});
$('menu-t3').addEvent('mouseleave', function(){$('illusion-de-matieres').set('class','cacher')});
$('menu-t1').addEvent('click', function(){travail('t1');}); 
$('menu-t2').addEvent('click', function(){travail('t2');}); 
$('menu-t3').addEvent('click', function(){travail('t3');});
$('opacite').addEvent('click',function(){opacite()});
$('liste-t1').getElements('li').addEvent('mouseenter',function(){this.setStyle('cursor','pointer');});
$('liste-t2').getElements('li').addEvent('mouseenter',function(){this.setStyle('cursor','pointer');});
$('liste-t3').getElements('li').addEvent('mouseenter',function(){this.setStyle('cursor','pointer');});
$('liste-t1').getElements('li').addEvent('click',function(){liste(this.get('class'),'t1')});
$('liste-t2').getElements('li').addEvent('click',function(){liste(this.get('class'),'t2')});
$('liste-t3').getElements('li').addEvent('click',function(){liste(this.get('class'),'t3')});
$('t1-description').getElements('label').addEvent('mouseenter',function(){this.setStyle('cursor','pointer');});
$('t1-description').getElements('li').addEvent('click',function(){prisedevue(this.get('class'),'t1');});
$('t2-description').getElements('label').addEvent('mouseenter',function(){this.setStyle('cursor','pointer');});
$('t2-description').getElements('li').addEvent('click',function(){prisedevue(this.get('class'),'t2');});
$('t3-description').getElements('label').addEvent('mouseenter',function(){this.setStyle('cursor','pointer');});
$('t3-description').getElements('li').addEvent('click',function(){prisedevue(this.get('class'),'t3');});
$('references').getElements('.croix').addEvent('mouseenter',function(){this.setStyle('cursor','pointer');});
$('references').getElements('.croix').addEvent('click',function(){opacite()});
})