// JavaScript Document
$(document).ready(function() {
	var promoOpen = false;
	$.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          :   5000,	//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		:	1000,	//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				:	1,		//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
		image_protect			:	1,		//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         :   0,		//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/bg2.jpg', title : 'Picture Courtesy of Stride Ride'},  
											{image : 'img/bg3.jpg', title : 'Picture Courtesy of Stride Ride'}
											
									]
									
	}); 
	
	$("#wrap").css("height","100%");
	$( "#promo" ).hide();
	$( "#promo" ).removeClass('hidden');
	
	showPromo();
	
	$('.promo-btn').click(function(){
		if(promoOpen){
			hidePromo();
		}else{
			showPromo();
		}
	});
	
	function showPromo() {
		$("#promo").delay(1000).show('slide', {direction: 'right',easing:'easeInOutExpo'}, 1500);
		$('.promo-btn').addClass('selected');
		promoOpen = true;
	};
	
	function hidePromo(){
		$("#promo").hide('slide', {direction: 'right',easing:'easeOutExpo'}, 1000);
		$('.promo-btn').removeClass('selected');
		promoOpen = false;
	}
	
	//callback function to bring a hidden box back
	function callback() {
		setTimeout(function() {
			$( "#promo:visible" ).removeAttr( "style" ).fadeOut();
		}, 1500 );
	};
});