jQuery(function($){
  $.supersized({
  
  	//Functionality
  	slideshow               :   1,		//Slideshow on/off
  	autoplay				:	1,		//Slideshow starts playing automatically
  	start_slide             :   1,		//Start slide (0 is random)
  	random					: 	0,		//Randomize slide order (Ignores start slide)
  	slide_interval          :   6000,	//Length between transitions
  	transition              :   1, 		//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
  	transition_speed		:	2000,	//Speed of transition
  	new_window				:	0,		//Image links open in new window/tab
  	pause_hover             :   0,		//Pause slideshow on hover
  	keyboard_nav            :   0,		//Keyboard navigation on/off
  	performance				:	3,		//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
  	image_protect			:	0,		//Disables image dragging and right click with Javascript
  	image_path				:	'img/', //Default image path
  
  	//Size & Position
  	min_width		        :   0,		//Min width allowed (in pixels)
  	min_height		        :   0,		//Min height allowed (in pixels)
  	vertical_center         :   1,		//Vertically center background
  	horizontal_center       :   1,		//Horizontally center background
  	fit_portrait         	:   1,		//Portrait images will not exceed browser height
  	fit_landscape			:   0,		//Landscape images will not exceed browser width
  	
  	//Components
  	navigation              :   0,		//Slideshow controls on/off
  	thumbnail_navigation    :   0,		//Thumbnail navigation
  	slide_counter           :   0,		//Display slide numbers
  	slide_captions          :   0,		//Slide caption (Pull from "title" in slides array)
  	slides 			 :  	[		//Slideshow Images
  										{image : 'img/1.jpg'},  
  										{image : 'img/2.jpg'},  
  										{image : 'img/3.jpg'},
  										{image : 'img/4.jpg'}  
  								]
  								
  }); 
});




$(document).ready(function(){
       
  $.backstretch("img/map.jpg");  
      
  $("article .touch").click(function() {
      
    // Open
    if (!$(this).hasClass('active')) {
    
      $(this).addClass('active');
    
      $("#supersized").fadeOut(500);
      
      $("#backstretch").show().css({visibility:'visible', zIndex: 1, opacity:0});
            
      if (Modernizr.csstransitions && Modernizr.cssanimations) {
        
          $("#backstretch").css({webkitTransform:'translateY(100px)'});
      
      }
      
      window.setTimeout(function() {
        
        if (Modernizr.csstransitions && Modernizr.cssanimations) {
          
            $("#backstretch").css({
              webkitTransform: 'translateY(000px)',
              opacity: 1,
              webkitTransition: '-webkit-transform 1s ease, opacity 3s ease'
            });
        
        } else {
        
            $("#backstretch").animate({opacity:1}, {duration:700, easing:'easeOutCubic'});
        }
        
      }, 600);
      
      if (!$("html").hasClass('ie')){
      
        $("#pin").css({opacity:0, marginTop: '-200px', display: 'block'}).delay(1400).animate({marginTop: '-40px', opacity: 1}, {duration:500, easing:'easeOutBounce'});
        
        $("#paper").css({opacity:0, marginTop: '-30px', display: 'block'}).delay(1900).animate({marginTop: '-10px', opacity: 1}, {duration:700, easing:'easeOutCubic'});
        
      } else {
        window.setTimeout(function() {         $("#ie-wrapper").show();
         }, 1400)
      
      }
     
    // Close 
    } else {
    
      $(this).removeClass('active');
      
      $("#pin, #paper").fadeOut(500);
    
      $("#backstretch").fadeOut(1000).delay(1010).css({visibility:'hidden', zIndex: 1, opacity:0});

      $("#supersized").delay(500).fadeIn(500);
    
    }
    
  });
         
});