//2011 - Caldera Spas JavaScript Functions

jQuery.noConflict();
(function($) { 
  $(function() {
	
	/*
		Homepage Banner
	*/
	//Set intial Values
	$('#banners').css('position','relative');
	$('.banner').css({
		'position' : 'absolute',
		'opacity' : '0'	
	});
	$('#banners .banner:first-child').css('opacity', '1');
	
	//Click Listener
	$('#banner-nav a').click(function(){
		var thisLink = $(this),
			thisHref = thisLink.attr('href'),
			bannerNav = $('#banner-nav'),
			parentId = $(this).parents('li').attr('id');
		
		//Add active class to  nav link
		bannerNav.find('a').removeClass('active').css('width','246px');
		thisLink.addClass('active');
		
		//Set custom activelink width
		if(parentId == 'banner-link-comfort'){
			thisLink.css('width','254px');
		} else if(parentId == 'banner-link-performance'){
			thisLink.css('width','275px');
			$('#banner-link-comfort a').css('width','235px')
			$('#banner-link-style a').css('width','225px');
		} else if(parentId == 'banner-link-style'){
			thisLink.css('width','254px');
		}
				
		$('.banner').removeClass('active');
		$(thisHref).addClass('active').animate({
				opacity: 1	
			}, 400, function(){
				$('.banner:not(.active)').animate({
					'opacity' : '0'
				}, 0);	
			});
		
		
		return false
	});
	
	
	/*
		Homepage Content Slider
	*/
	//Initial settings
	var currentSlide = '#slide1';
	
	$('#slider').css('position','relative');
	$('.slide').css({
		'position' : 'absolute',
		'opacity' : '0'	
	});
	$('#slide-container .slide:first-child').css('opacity','1');
	$('#slide-selector').find('span').css('opacity','0.5');
	$('#slide-selector ul li:first a').addClass('active');
	$('#slide-selector ul li:first a span').css('opacity','1');
	
	//Slider functionality - set active state on slide and thumbnail
	function moveSlide(slide){
		//What Slide was selected?
		var selectedSlide = slide;
		var slideSelector = $('#slide-selector');

		//Set all thumbnails to opaque and remove active class
		slideSelector.find('a').removeClass('active');
		slideSelector.find('span').css('opacity','0.5')
		
		//Add active class and full opacity to thumbnail of selected slide
		$("#slide-selector a").filter(function (index) {
                  return $(this).attr("href") == selectedSlide;
                }).addClass('active').find('span').css('opacity','1');
		
		//Animate all slides out, animate selected slide in
		$('#slider').find('.slide').stop(true,true).animate({
			opacity: 0
		}, 200, function(){
			$(selectedSlide).addClass('slideontop').animate({
				opacity: 1
			}, 400);	
		}).removeClass('slideontop');
	}
	
	//Click listener
	$('#slide-selector a').click(function(){
		slide = $(this).attr('href'); //should equal '#slideX'
		currentSlide = slide;
		moveSlide(slide); 
		return false
	});
	
	
	//Prev and next buttons
	$('#slider-next').click(function(){		
		//Move slide
		if(currentSlide == '#slide4'){
			return false
		} else {
			slideSeperate = currentSlide.split('');
			slideNum = slideSeperate[6] * 1;
			nextSlideNum = (slideNum + 1);
			currentSlide = '#slide' + nextSlideNum;
			moveSlide('#slide' + nextSlideNum);
		}
		
		return false;
	});
	$('#slider-prev').click(function(){
		if(currentSlide == '#slide1'){
			return false
		} else {
			//Create previous slide number
			slideSeperate = currentSlide.split('');
			slideNum = slideSeperate[6] * 1;
			nextSlideNum = (slideNum - 1);
			
			//set current slide to previous slide
			currentSlide = '#slide' + nextSlideNum;
			
			//Run slide function
			moveSlide('#slide' + nextSlideNum);
		}
		
		return false;
	});
	
	
	$('#slide-selector-prev').click(function(){
		//alert('prev');
		$('#homeBody #slide-selector ul').animate({
			'left' : '0px'	
		});	
	});
	$('#slide-selector-next').click(function(){
		$('#homeBody #slide-selector ul').animate({
			'left' : '-275px'	
		});
	});
	
	
	/*
		Play Video
	*/
	$('#cantabria-video img').click(function(){
		
		var thisLink = $(this),
			thisHref = thisLink.attr('href'),
			overlay = $('#overlay'),
			overlayBkg = $('#overlay-wrap'),
			windowWidth = $(window).width(),
			windowHeight = $(window).height(),
			screenWidth = $('body').width(),
			screenHeight = $('body').height();		
		
		overlay.css('opacity','0');
		overlayBkg.css({
			'opacity' : '0.5',
			'width' : screenWidth,
			'height' : screenHeight,
			'display' : 'block'
		}).fadeIn(200, function(){
			
			overlay.find('#overlay-content').html('<iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="510" src="http://www.youtube.com/embed/ta5nlcYeoxk?rel=0&showinfo=0&autoplay=1" frameborder="0" allowFullScreen></iframe>');
			
			var overlayWidth = overlay.width(),
				overlayHeight = overlay.height(),
				top = ((windowHeight - overlayHeight) / 2),
				left = ((windowWidth - overlayWidth) / 2);
			
			overlay.css({
				'top' : top,
				'left' : left,
				'opacity' : '1'
			});	
		});
		
		//Set close event listener
		$('#overlay .close').click(function(){
			$('#overlay-wrap').hide();
			$('#overlay-content').html('');
		});
		$(document).keydown(function(event){
			if(event.keyCode == 27){
				$('#overlay-wrap').hide();
				$('#overlay-content').html('');
			}
		});
		$(document).click(function(event){
			$('#overlay-wrap').hide();
			$('#overlay-content').html('');
		});
		
		
		return false;
	});
	
  });
})(jQuery);