// JavaScript Document

var changeLogoThom = 0

//Footer sx width
function footerSxW(){
	var sxw = $(window).width() - $('.footerMenu').outerWidth() - 42;
	$('#footer .sx').width(sxw)
}

//Supersized Slideshow
function SupersizedSlideshow(){
	$.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)
		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		:	800,	//Speed of transition
		new_window				:	0,		//Image links open in new window/tab
		pause_hover             :   0,		//Pause slideshow on hover
		keyboard_nav            :   1,		//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         :   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/slideshow/1.png'},
											{image : 'img/slideshow/2.jpg'},
											{image : 'img/slideshow/3.jpg'}
									]
									
	});
}

function slideshow(){
	
	
	function onAfterSlide(curr,next,opts) {
		currBtn = opts.currSlide + 1
		changeLogoThom = $('img',this).attr('title');
		if(changeLogoThom != $('#footer #logo img').attr('src')){
			$('#footer #logo').fadeOut(400, function(){
				$('#footer #logo img').attr('src', changeLogoThom)
				$('#footer #logo').fadeIn(600)
			})
		}
	}
	
	$('.slideshow').maximage({
		cycleOptions: {
			fx:'fade',
			speed: 800,
			timeout: 4000,
			after:  onAfterSlide
		},
		onFirstImageLoaded: function(){
			$('#supersized-loader').fadeOut(400);
			$('.slideshow').fadeIn(600);
			setTimeout("$('#supersized-loader').remove()", 800)
		}
	});
}


//DOCUMENT READY
$(function(){
	/*SupersizedSlideshow();*/
	$('body').append('<div id="supersized-loader"></div>')
	
	slideshow()
	
	$('#footer #logo').hover(function(){
		$('.slideshow').cycle('pause');
		$('#footer .sx').fadeIn(600, function(){
			$('#footer').mouseleave(function(){
				$('#footer .sx').fadeOut(400)	
				$('.slideshow').cycle('resume');
			})	
		})	
	})
	//footerSxW();
});

$(window).resize(function(){
	//footerSxW();					  
});