$(document).ready(function(){


	// INDEX (ANYTHINGSLIDER)
	if($('#banner #slides .aside').length>0){
		/*$('#banner .dots ul').remove();	
		$('#banner #slides > .aside').show();*/
		$('#banner #slides > .aside').show();

		
		$('#banner #slides').anythingSlider({
			width               : 960,      //1454// Override the default CSS width
			height              : 500,      // Override the default CSS height
			expand              : false,     // If true, the entire slider will expand to fit the parent element
			resizeContents      : false,      // If true, solitary images/objects in the panel will expand to fit the viewport
			showMultiple        : false,     // Set this value to a number and it will show that many slides at once
			theme               : 'default', // Theme name - adds a class name to the base element "anythingSlider-{theme}" so the loaded theme will work.
			startPanel          : 2,         // This sets the initial panel
			changeBy            : 1,         // Amount to go forward or back when changing panels.
			hashTags            : false,      // Should links change the hashtag in the URL?
			infiniteSlides      : true,      // if false, the slider will not wrap
			enableKeyboard      : false,      // if false, keyboard arrow keys will not work for the current panel.
			buildArrows         : false,      // If true, builds the forwards and backwards buttons
			buildNavigation     : true,      // If true, builds a list of anchor links to link to each panel
			enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
			toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
			appendControlsTo    : $('#banner .dots'),      // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
			enablePlay          : false,      // if false, the play/stop button will still be visible, but not clickable.
			autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
			autoPlayLocked      : false,     // If true, user changing slides will not stop the slideshow
			startStopped        : false,     // If autoPlay is on, this can force it to start stopped
			pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
			stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
			playRtl             : true,     // If true, the slideshow will move right-to-left
			delay               : 10000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
			resumeDelay         : 0,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
			animationTime       : 1000,       // How long the slideshow transition takes (in milliseconds)
			easing              : "easeInOutExpo",   // Anything other than "linear" or "swing" requires the easing plugin
			maxOverallWidth     : 32766,     // Max width (in pixels) of combined sliders (side-to-side); set to 32766 to prevent problems with Opera			
			onSlideBegin        :  function(event, slider){
			//$('#banner .slide1 figure').show(),
			/*
				if(slider.$targetPage.text().indexOf("Site does matter")!= -1){
					$('#banner #boy').delay(1000).show().animate({left:346,opacity:1}, 1000, "easeOutExpo");
				}else if(slider.$currentPage.text().indexOf("Site does matter")!= -1){
					$('#banner #boy').animate({left:600,opacity:0}, 1000, "easeOutExpo", function(){
						$(this).hide();
					});
				}*/
				/*
					if (slider.currentPage === slider.pages) { 
						$('.slide1 .figure').delay(1000).show().animate({top:'120px'}, 1000, "easeOutExpo");
					}*/
					$('.slide1 h2 img').show();
		}
		});
		
		$('#banner #slides').anythingSliderFx({
		

			inFx : {
				
				//'.slide1 h2 img' :	 {/*opacity:1,duration:1*/},// left : '0px', duration: 1000,  easing : 'easeOutExpo' }, //bas carton
				'.slide1 h3 img' :	 { left : '50px', duration: 1900, easing : 'easeOutExpo' }, //votre magasin s intalles chez vous
				'.slide1 h4' : 		 { top  : '0px', duration: 2200, easing : 'easeOutExpo'}, //typo script
				'.slide1 .figure' :  { bottom  : '124px', opacity: 1 , duration: 3900, easing : 'easeOutExpo' }, //pc + pergola
				
				'.slide2 h2' :		 { left : '0px', duration: 800,  easing : 'easeOutExpo' },//Aplication mobile
				'.slide2 h3' :		 { left : '0px', duration: 1000, easing : 'easeOutExpo' }, //img golfeur						
				'.slide2 h4' : 		 { right : '0px', duration: 2200, easing : 'easeOutExpo' },//typo script
				'.slide2 .figure' :  { top   : '72px' ,opacity:1 ,duration: 4000, easing : 'easeOutExpo' },//ecran iphone
				
				'.slide3 h2' : 		 { left : '50px', duration: 800,  easing : 'easeOutExpo' },//vs manquez d idees
				'.slide3 h3' :       {opacity: 1, duration: 4000},// { left  : '0px',opacity: 0 , duration: 1000, easing : 'easeOutExpo' }, //ampoule eteinte
				'.slide3 h4' : 		 { top : '0px',opacity: 1 , duration: 2200, easing : 'easeOutExpo'}, //typo script
				'.slide3 .figure' :  { left  : '0px',opacity:1, duration: 1000, easing : 'easeOutExpo' }//ampoule eclairé
				
				
			},
			outFx : {
				//'.slide1 h2 img' : 	{/*opacity:1,duration:1*/},//{ left : '0px', duration: 1200, easing : 'easeOutExpo' 		},
				'.slide1 h3 img' : 	{ left : '-1500px', duration: 2200,  easing : 'easeOutExpo' 		},
				'.slide1 h4' : 		{ top : '-200px', duration: 2200, easing : 'easeOutExpo' 			},	
				'.slide1 .figure' : { bottom : '-50px',opacity:0,duration: 800,  easing : 'easeOutExpo' },	
				
				
				'.slide2 h3' : 		{ left : '-1000px', duration: 1000, easing : 'easeOutExpo' 		},			
				'.slide2 h2' :		{ left : '-1000px', duration: 1200, easing : 'easeOutExpo' 		},
				'.slide2 h4' : 		{ right : '-1000px', duration: 2200, easing : 'easeOutExpo' 	},
				'.slide2 .figure' : { top : '72px',opacity:0,duration: 800,  easing : 'easeOutExpo' },	
								
				'.slide3 h2' : 		{ left : '-1000px', duration: 1000, easing : 'easeOutExpo' 		},
				'.slide3 h3' :      {opacity: 0, duration: 4000},//{ left  : '0px',  duration: 2000,  easing : 'easeOutExpo' 		},
				'.slide3 h4' : 		{ top : '-200px', duration: 2200, easing : 'easeOutExpo'		},
				'.slide3 .figure' : { left : '0px',opacity: 0 ,   duration: 1000, easing : 'easeOutExpo'		}
			}
		});
		$("#banner .previous a").click(function(){
			$('#banner #slides').data('AnythingSlider').goBack(true);
			return false;
		});
		$("#banner .next a").click(function(){
			$('#banner #slides').data('AnythingSlider').goForward(true);
			return false;
		});
	}
	
	
});