jQuery(document).ready(function(){
	
	var playFeature = true;
	
	if(navigator.platform.indexOf("iPad") == 0 || navigator.platform.indexOf("iPhone") == 0){
		jQuery('.feature-thumbnails').css('display','none');
	}
	
	var numBanners = jQuery('#home-main-feature .background .images div').length;
	jQuery('#home-main-feature .background .images').css({'width':1920*numBanners+'px'}); 
	
	if(numBanners > 1){
		for(var x=1; x<=numBanners; x++){
			if(x!=1){
				jQuery('.feature-thumbnails').append('<li class="thumbnail"><a href="javascript:void(0);" rel="feature-'+x+'">'+x+'</a></li>');
			} else {
				jQuery('.feature-thumbnails').append('<li class="thumbnail active"><a href="javascript:void(0);" rel="feature-'+x+'">'+x+'</a></li>');
			}
		}
		jQuery('.feature-thumbnails').append('<li class="playPause play"><a href="javascript:void(0);">Playing</a></li>');
	}
	
	jQuery('.foreground-content').css('display','block');
	jQuery('.foreground-content .content').stop().fadeOut(0);
	jQuery('.foreground-content .feature-1').stop().fadeOut(0).fadeIn(333);
	
	jQuery('.feature-thumbnails').on('click', 'li.thumbnail a', function(){
		var activeFeature = jQuery(this).html();
		var featureName = jQuery(this).attr('rel');
		
		// Thumbail
		jQuery('.feature-thumbnails li.thumbnail').removeClass('active');
		jQuery(this).parent('.feature-thumbnails li.thumbnail').addClass('active');
		
		// Content
		jQuery('.foreground-content>.content').stop().fadeOut(333);
		jQuery('.foreground-content').children('.'+featureName).stop().fadeOut(0).delay(667).fadeIn(333);
		
		// Background
		jQuery('#home-main-feature .background .images').stop().animate({'left': -((activeFeature-1)*1920)-480+'px'}, 1000);
		
		resetLoader();
	});
	
	jQuery('.feature-thumbnails').on('click', 'li.playPause a', function(){
		if(jQuery(this).parent('li').hasClass('play')==true){
			jQuery(this).parent('li').removeClass('play').addClass('pause');
			jQuery(this).text('Paused');
			playFeature = false;
		} else {
			jQuery(this).parent('li').removeClass('pause').addClass('play');
			jQuery(this).text('Playing');
			playFeature = true;
			nextSlide();
		}
	});
	
	
	function resetLoader(){
		if(navigator.platform.indexOf("iPad") != 0 && navigator.platform.indexOf("iPhone") != 0){
			jQuery('#loading-bar').stop();
			jQuery('#loading-bar').css({'width':'400px'});
			jQuery('#loading-bar').stop().animate({'width':'0px'}, 10000, function(){
				if(playFeature == true){
					nextSlide();
				}
			});
		}
	}
	
	function nextSlide(){
		if(jQuery('.feature-thumbnails li.thumbnail.active a').attr('rel') != jQuery('.feature-thumbnails li.thumbnail:last a').attr('rel')){
			jQuery('.feature-thumbnails li.thumbnail.active').next('.feature-thumbnails li.thumbnail').children('a').click();
		} else {
			jQuery('.feature-thumbnails li.thumbnail:first').children('a').click();
		}
	}
	
	function prevSlide(){
		if(jQuery('.feature-thumbnails li.thumbnail.active a').attr('rel') != jQuery('.feature-thumbnails li.thumbnail:first a').attr('rel')){
			jQuery('.feature-thumbnails li.thumbnail.active').prev('.feature-thumbnails li.thumbnail').children('a').click();
		} else {
			jQuery('.feature-thumbnails li.thumbnail:last').children('a').click();
		}
	}
	
	jQuery('#home-main-feature').touchwipe({
	     wipeLeft: function() { nextSlide(); },
	     wipeRight: function() { prevSlide(); },
	     min_move_x: 20,
	     preventDefaultEvents: false
	});
	
	resetLoader();
	
});