﻿$(function(){

	$('#slider').anythingSlider({
	  // Appearance
	  theme               : "default", // Theme name
	  expand              : true,     // 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
	  vertical            : false,     // If true, all panels will slide vertically; they slide horizontally otherwise
	  showMultiple        : false,     // Set this value to a number and it will show that many slides at once
	  easing              : "easeInOutExpo",   // Anything other than "linear" or "swing" requires the easing plugin or jQuery UI
	
	  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
	  buildStartStop      : false,      // If true, builds the start/stop button and adds slideshow functionality
	
	  appendControlsTo    : $('#teaser .nav'),      // Append controls (navigation + start-stop) to a HTML element (jQuery Object, selector or HTMLNode), if not null
	
	  toggleArrows        : false,     // If true, side navigation arrows will slide out on hovering & hide @ other times
	  toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
	
	  // Function
	  enableArrows        : true,      // if false, arrows will be visible, but not clickable.
	  enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
	  enableStartStop     : false,      // if false, the play/stop button will still be visible, but not clickable. Previously "enablePlay"
	  enableKeyboard      : true,      // if false, keyboard arrow keys will not work for this slider.
	
	  // Navigation
	  startPanel          : 1,         // 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 & not clone any panels
	  navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
	  navigationSize      : false,     // Set this to the maximum number of visible navigation tabs; false to disable
	
	  // Slideshow options
	  autoPlay            : true,     // If true, the slideshow will start running; replaces "startStopped" option
	  autoPlayLocked      : true,     // If true, user changing slides will not stop the slideshow
	  autoPlayDelayed     : false,     // If true, starting a slideshow will delay advancing slides; if false, the slider will immediately advance to the next slide when slideshow starts
	  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             : false,     // If true, the slideshow will move right-to-left
	
	  // Times
	  delay               : 12000,      // 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)
	  delayBeforeAnimate  : 0,         // How long to pause slide animation before going to the desired slide (used if you want your "out" FX to show).
	
	  // Interactivity
	  clickForwardArrow   : "click",         // Event used to activate forward arrow functionality (e.g. add jQuery mobile's "swiperight")
	  clickBackArrow      : "click",         // Event used to activate back arrow functionality (e.g. add jQuery mobile's "swipeleft")
	  clickControls       : "click focusin", // Events used to activate navigation control functionality
	  clickSlideshow      : "click"
	  		
	});
	

	$('#slider').anythingSliderFx({
		inFx : {
			'.desc' : { top : '240px', left : '0px', duration: 1000, easing : 'easeOutExpo' },
			'h1' : { top : '200px', left : '0px', duration: 1300, easing : 'easeOutExpo' },
			'.img' : { top : '0', left : '500px', duration: 1500, easing : 'easeOutExpo' },
			'.img2' : { top : '0', left : '500px', duration: 1100, easing : 'easeOutExpo' },
			'.img3' : { top : '0', left : '500px', duration: 900, easing : 'easeOutExpo' }
		},
		outFx : {
			'.desc' : { top : '-100px', left : '0px', duration: 1000, easing : 'easeOutExpo' },
			'h1' : { top : '-100px', left : '0px', duration: 1300, easing : 'easeOutExpo' },
			'.img' : { top : '0', left : '1200px', duration: 1500, easing : 'easeOutExpo' },
			'.img2' : { top : '0', left : '1200px', duration: 1100, easing : 'easeOutExpo' },
			'.img3' : { top : '0', left : '1200px', duration: 900, easing : 'easeOutExpo' }
		}
	});

});

