var selected;

(function(){ 

 
  
	window.addEvent('domready', function(){
										

		var scrollFx = new Fx.Scroll(window, { duration: 3000, transition: Fx.Transitions.Expo.easeInOut })
		.chain(function(e){  
        $$("#menu").setStyle("top",(window.y + window.getSize().y - 55) + "px");
        });
		
		$$('#panneaux-1, #panneaux-2, #panneaux-3, #panneaux-4, #panneaux-5, #panneaux-6').fade('hide');
		$$('#panneau-macarons p').fade('hide');
		$$('#panneau-patisseries p').fade('hide');
		$$('#panneau-chocolats p').fade('hide');
		
		$$('#horaires1 p').fade('hide');
		$$('#horaires2 p').fade('hide');
		$$('#horaires3 p').fade('hide');
		$$('#horaires4 p').fade('hide');
		$$('#horaires5 p').fade('hide');
		
		// HORAIRES BOUTIQUES
	
	    $$("#adresses a.h-1").addEvent("mouseover", function(e){
			e.preventDefault();
			$$("#horaires1 p").fade('in');
			//alert('test');
		
		});
		
		$$("#adresses a.h-1").addEvent("mouseout", function(e){
			e.preventDefault();
			$$("#horaires1 p").fade('out');
			//alert('test');
		
		});
		$$("#adresses a.h-2").addEvent("mouseover", function(e){
			e.preventDefault();
			$$("#horaires2 p").fade('in');
			//alert('test');
		
		});
		
		$$("#adresses a.h-2").addEvent("mouseout", function(e){
			e.preventDefault();
			$$("#horaires2 p").fade('out');
			//alert('test');
		
		});
		$$("#adresses a.h-3").addEvent("mouseover", function(e){
			e.preventDefault();
			$$("#horaires3 p").fade('in');
			//alert('test');
		
		});
		
		$$("#adresses a.h-3").addEvent("mouseout", function(e){
			e.preventDefault();
			$$("#horaires3 p").fade('out');
			//alert('test');
		
		});
		$$("#adresses a.h-4").addEvent("mouseover", function(e){
			e.preventDefault();
			$$("#horaires4 p").fade('in');
			//alert('test');
		
		});
		
		$$("#adresses a.h-4").addEvent("mouseout", function(e){
			e.preventDefault();
			$$("#horaires4 p").fade('out');
			//alert('test');
		
		});
		$$("#adresses a.h-5").addEvent("mouseover", function(e){
			e.preventDefault();
			$$("#horaires5 p").fade('in');
			//alert('test');
		
		});
		
		$$("#adresses a.h-5").addEvent("mouseout", function(e){
			e.preventDefault();
			$$("#horaires5 p").fade('out');
			//alert('test');
		
		});
	
		
		// PANNEAUX ACCUEIL
		
		$$("#panneau-macarons").addEvent("mouseover", function(e){
			e.preventDefault();
			$$("#panneau-macarons p").fade('in');
			//alert('test');
		
		});
		
		$$("#panneau-macarons").addEvent("mouseout", function(e){
			e.preventDefault();
			$$("#panneau-macarons p").fade('out');
			//alert('test');
		
		});
		$$("#panneau-patisseries").addEvent("mouseover", function(e){
			e.preventDefault();
			$$("#panneau-patisseries p").fade('in');
			//alert('test');
		
		});
		
		$$("#panneau-patisseries").addEvent("mouseout", function(e){
			e.preventDefault();
			$$("#panneau-patisseries p").fade('out');
			//alert('test');
		
		});
		
		$$("#panneau-chocolats").addEvent("mouseover", function(e){
			e.preventDefault();
			$$("#panneau-chocolats p").fade('in');
			//alert('test');
		
		});
		
		$$("#panneau-chocolats").addEvent("mouseout", function(e){
			e.preventDefault();
			$$("#panneau-chocolats p").fade('out');
			//alert('test');
		
		});
		
		
		// GLISSE NUAGES
		
		
		$$(".decouvrez a").addEvent("click", function(e){
			e.preventDefault();
			
			var model = $$(this).get('href');
			var titre = $$(this).get('title');
			glisse(model[0].replace('#', '').replace('-s', ''));
			glisse(titre[0].replace('#', '').replace('-s', ''));
			
		
		});
		
		$$(".retour a").addEvent("click", function(e){
			e.preventDefault();
			
			var model = $$(this).get('href');
			glisseBack(model[0].replace('#', ''));
			//alert('test');
		
		});
		
		
		function glisse(el){
			//console.log(el);
			
			var myFx = new Fx.Tween(el, {
    			duration: 'long'
			});
			
			myFx.start('left', -2000);
			
		}
		
		function glisseBack(){
			var myFx;
			$$(".slide").each(function(item){
				
				myFx = new Fx.Tween(item.get('id').replace('#', ''), {
					duration: 'long'
				});
				
				myFx.start('left', 0);
				
			});
		
		}
		
		
		// GLISSE PANNEAUX MACARONS
		
		
		$$(".mac a").addEvent("mouseover", function(e){
			e.preventDefault();
			
			var model = $$(this).get('href');
			glisseMac(model[0].replace('#macaron', 'panneaux'));
			//alert('test');
		
		});
		
		function glisseMac(el){
			//console.log(el);
			
			var myFx = new Fx.Tween(el, {
    			duration: '300'
			});
			
			//$$('myElement').fade('out');
			$(el).fade('in');
			myFx.start('top', -330);
			
			//myFx.start('opacity','0', '100');
			
		}
		
		
		$$(".mac a").addEvent("mouseout", function(e){
			e.preventDefault();
			
			var model = $$(this).get('href');
			glisseMacBack(model[0].replace('#macaron', 'panneaux'));
			//alert('test');
		
		});
		
		function glisseMacBack(el){
			//console.log(el);
			
			var myFx = new Fx.Tween(el, {
    			duration: '300'
			});
			
			//myFx.start('display', 'none');
			$(el).fade('out');
			myFx.start('top', -200);
			
			//myFx.start('opacity','100', '0');
			
		}
		
		
		// LIENS MENUS
		

		$$(".bar a").addEvent("click", function(e) {

			glisseBack();
			if(selected) selected.set("id", "");
			this.set("id", "menu-list-selected");
			selected = this;

			if(this.get("href") == "#top") {

				scrollFx.start(0, 0);
				return;
			}

			var el = $(this.get("href").replace("#", ""));
			if(el){
				e.preventDefault();
				scrollFx.start(0, el.getPosition().y - (window.getSize().y - parseInt(el.get("data-title-height"))) * 0.1);
			} /*else{
			
			}*/
		});
		
		$$("#models-0 a").addEvent("click", function(e) {

			var el = $(this.get("href").replace("#", ""));
			if(el){
				e.preventDefault();
				scrollFx.start(0, el.getPosition().y - (window.getSize().y - parseInt(el.get("data-title-height"))) * 0.1);
			} /*else{
			
			}*/
		});
		
		

		$$("a[href='#macarons']").addEvent("click", function(e){

  			var el = $$("#macarons");
 			e.preventDefault();

  
 		});
		$$("a[href='#patisseries']").addEvent("click", function(e){

			var el = $$("#patisseries");
			e.preventDefault();
			
		});

		$$("a[href='#chocolats']").addEvent("click", function(e){

			var el = $$("#chocolats");
			e.preventDefault();
			

		});
		
		$$("a[href='#chocolatier']").addEvent("click", function(e){

			var el = $$("#chocolatier");
			e.preventDefault();
			

		});

		

		// MOUVEMENT SCROLL
		
		
		$$("#models-0, #models-01, #models-02, #models-1, #models-11, #models-12, #models-2, #models-21, #models-22, #models-3, #models-31, #models-32").each(function(item){
			item.store('top', parseInt(item.getStyle('top')));
			item.store('y', item.getPosition().y);
			item.store('friction', parseFloat(item.get("data-friction")));
		});

		this.addEvent('scroll', verticalParallax)

		if(!Browser.ie)
			configureCustomScrollSpyCallBack();

		//$$("#language-bar-line, #language-bar-line, #language-bar, #menu, #sections, #models").setStyle("display", "none");
		//$$("html, body").setStyle("height", "100%");
		//$$("body, html").setStyle("overflow-y", "scroll");

	}).addEvent('load', function(){

		/*$("loading").set("tween", { duration: 1000, transition: Fx.Transitions.Quint.easeInOut, unit: "%", onComplete: function(){
			$$("html, body").setStyle("height", "");
			$$("body, html").setStyle("overflow-y", "");
		}}).tween.delay(100, $("loading"), ["top", -100]);*/

		$$("#menu, #sections, #models").setStyle("display", "");

		if(Browser.ie)
			return;

		scrollSpyElements = $$('').fade('hide');
	});

	function verticalParallax(e){

		var windowScrollY = window.getScroll().y;

		$$("#models-0, #models-01, #models-02, #models-1, #models-11, #models-12, #models-2, #models-21, #models-22, #models-3, #models-31, #models-32").each(function(item){

			if((windowScrollY) >= item.getPosition().y)
				item.setStyle("top", item.retrieve('top') + (windowScrollY - item.retrieve('y'))  * item.retrieve('friction'));
		})
		
      
	}
	
	
	
	

	

	//function scrollSpy(){
//
//		var windowScroll;
//		var windowScrollY = win.getScroll().y;
//		var windowSizeY = win.getSize().y;
//
//		if(!scrollSpyElements.length)
//			window.removeEvent('scroll', scrollSpy);
//
//		var elements = new Array();
//
//		Array.clone(scrollSpyElements).each(function(item, index) {
//
//			windowScroll = windowScrollY + windowSizeY - (item.scrollSpyOffset ? item.scrollSpyOffset : 300);
//
//			if(windowScroll >= item.getPosition().y) {
//
//				elements.push(item);
//				scrollSpyElements = scrollSpyElements.erase(item);
//			}
//		});
//
//		elements.each(function(item, index){
//
//			if(typeof item.scrollSpyShow == "function")
//				item.scrollSpyShow.delay(index * 200, item);
//			else
//				(function(){ item.morph({ 'opacity': 1 }); }).delay(index * 300);
//		});
//	};

	function configureCustomScrollSpyCallBack() {

		$$("hr").scrollSpyOffset = 100;
		$$("hr").each(function(item){
		
			item.scrollSpyShow = function() {

				this.setStyle('width', 0);
				this.setStyle('opacity', 1);
				new Fx.Tween(this, { duration: 1000, transition: Fx.Transitions.Back.easeInOut }).start('width', 950);
			};
		});
	
	}
	

	

})();