window.addEvent('domready', function() {
	// panneau Layer 1 contenu
	$('v_toggle').addEvent('click', function(e){
		e = new Event(e);
		myVerticalSlide.toggle();
		myVerticalSlide2.toggle();
		$('v_toggle').src=(($('v_toggle').src=="http://jas.yellis.net/lecomptoirmarseillais.com/img/open.gif") ? "http://jas.yellis.net/lecomptoirmarseillais.com/img/close.gif" : "http://jas.yellis.net/lecomptoirmarseillais.com/img/open.gif");
		$('v_toggle').title=(($('v_toggle').title=="+ Ouvrir") ? "- Reduire" : "+ Ouvrir");
		e.stop();
	});
	// end
	
	// slide photos
	var scroll = new Fx.Scroll('wrapper', {
		wait: false,
		duration: 500,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quart.easeInOut
	})
	var myVerticalSlide = new Fx.Slide('collapse', {duration:300,wait:false});
	var myVerticalSlide2 = new Fx.Slide('collapse2', {duration:300,wait:false});
	var list = $$('#podContainer img');
	list.each(function(element) {
		var fxPods = new Fx.Styles(element, {duration:200,wait:false});
		element.addEvent('mouseenter', function(event) { 
			scroll.toElement(this.id);
		});
	});	
	//end
})