// JavaScript Document

window.addEvent('domready', function() {
	// image slide
	
	//image légèrement transparente
	
	$$('#texte img').each(function(e){
		e.fade(.6);
		e.addEvent('mouseover', function(){
			e.fade(1);
		});
		e.addEvent('mouseout', function(){
			e.fade(.6);
		});
	});
	$$('#texte #map img').each(function(e){
		e.fade(1);
		e.addEvent('mouseout', function(){
			e.fade(1);
		});
	});
	
	
	//$('photo').addEvent('click', tweenerFunction1);
	var myEffect1 = new Fx.Morph('main', {duration: 1200, transition: Fx.Transitions.Back.easeOut}); 
	var myEffect2 = new Fx.Tween(document.body);
	
	//The styles of myClassName will be applied to the target Element.
	$('photo1').addEvent('click', function(e){
			new Event(e).stop(); 
			myEffect1.start('.body1');	
			myEffect2.start('background-image', 'url(img/01a.jpg)');
	});
	$('photo2').addEvent('click', function(e){
			new Event(e).stop(); 
			myEffect1.start('.body1');	
			myEffect2.start('background-image', 'url(img/02.jpg)');
	});
	$('photo3').addEvent('click', function(e){
			new Event(e).stop(); 
			myEffect1.start('.body1');	
			myEffect2.start('background-image', 'url(img/03.jpg)');
	});
	$('photo4').addEvent('click', function(e){
			new Event(e).stop(); 
			myEffect1.start('.body1');	
			myEffect2.start('background-image', 'url(img/04.jpg)');
	});
	$('photo5').addEvent('click', function(e){
			new Event(e).stop(); 
			myEffect1.start('.body1');	
			myEffect2.start('background-image', 'url(img/05.jpg)');
	});
	$('photo6').addEvent('click', function(e){
			new Event(e).stop(); 
			myEffect1.start('.body1');	
			myEffect2.start('background-image', 'url(img/06.jpg)');
	});
	$('photo7').addEvent('click', function(e){
			new Event(e).stop(); 
			myEffect1.start('.body1');	
			myEffect2.start('background-image', 'url(img/07.jpg)');
	});
	$('boutique').addEvent('click', function(e){
			new Event(e).stop(); 
		    myEffect1.start('.body2');	
			myEffect2.start('background-image', 'none');
	});
	$('kimono').addEvent('click', function(e){
			new Event(e).stop(); 
		    myEffect1.start('.body2');	
			myEffect2.start('background-image', 'url(img/kimono.jpg)');
	});
	$('contact').addEvent('click', function(e){
			new Event(e).stop(); 
		    myEffect1.start('.body1');	
			myEffect2.start('background-image', 'url(img/contact.jpg)');
	});
	//creation de l'accordeon
	var accordeon = new Accordion($('texte'), 'h2.titre', 'div.contenu', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#ffffff');
			toggler.setStyle('border-bottom-color', '#fff');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#000');
			toggler.setStyle('border-bottom-color', '#b60000');
		}
	});
	
});