/*-----------------------------------------------------------------------------------

 	Custom JS - All front-end jQuery
 
-----------------------------------------------------------------------------------*/
 
 
/*-----------------------------------------------------------------------------------*/
/*	Let's get ready!
/*-----------------------------------------------------------------------------------*/

jQuery(document).ready(function() {


	function tz_backToTop() {
		
		var topLink = jQuery('#back-to-top');
		
		if(jQuery(window).scrollTop() > 0) {
			topLink.fadeIn(200);
		} else {
			topLink.fadeOut(200);
		}
	}
	
	jQuery(window).scroll( function() {
		tz_backToTop();
	});
	
	jQuery('#back-to-top').click( function() {
		jQuery('html, body').stop().animate({scrollTop:0}, 500);
		return false;
	});


	jQuery('#back-to-top').hover( function() {
		jQuery(this).stop().animate({
			paddingRight: 20
		}, 200);
	}, function () {
		jQuery(this).stop().animate({
			paddingRight: 10
		}, 200);
	});
	
/*-----------------------------------------------------------------------------------*/
/*	Overlay
/*-----------------------------------------------------------------------------------*/
		
	var overlayTrigger = jQuery('#overlay-trigger a');
	
	console.log(jQuery('#overlay').outerHeight());

	var overlayState = 'close';
	
	
	
	overlayTrigger.toggle( function() {
	
		overlayState = 'open';
		
		jQuery('#overlay').css({
			top: -jQuery('#overlay').outerHeight()
		});
		
		overlayTrigger.addClass('active');
		
		jQuery('#overlay').animate({
			top: 0
		}, 700, 'easeInOutQuart');
		
		jQuery('#overlay-trigger').animate({
			top: jQuery('#overlay').outerHeight() + 10
		}, 700, 'easeInOutQuart');
		
	}, function () {
		
		overlayState = 'close';
		
		overlayTrigger.removeClass('active');
		
		jQuery('#overlay').animate({
			top: -jQuery('#overlay').outerHeight()
		}, 700, 'easeInOutQuart');
		
		jQuery('#overlay-trigger').animate({
			top: 10
		}, 700, 'easeInOutQuart');
		
	});
	
/*-----------------------------------------------------------------------------------*/
/*	All done!
/*-----------------------------------------------------------------------------------*/

});
