$(function() {

	/*
	Setting up tipsy enabled elements. For more information on the available settings please visit:
	http://onehackoranother.com/projects/jquery/tipsy/
	*/

	$('.social-media a').tipsy({gravity: 's', opacity: 0.9, fade: true});

	/*
	Setting up fancyBox enabled thumbnail. For more information on the available settings please visit:
	http://fancyapps.com/fancybox/
	*/
	
	$(".thumbnail").fancybox({
		openEffect	: 'elastic',
		openEasing : 'easeOutBack',
		
		closeEffect	: 'elastic',
			closeEasing : 'easeInBack',
	
		helpers : {
			title : {
				type : 'inside'
			}
		}
	});


	/*
	Setting up template effects and animations
	*/

	$('#counter').hover(
		function () {
			$(this).stop().fadeTo(300, 0.5);
		},
		function() {
			$(this).stop().fadeTo(200, 1);
		}
	);
	$('#strip').hover(
		function () {
		    $('.bigtype').stop().animate({color: '#fff'}, 700);
			$('.soon').stop().animate({top: '-150', opacity: 0}, 200);
		},
		function() {
		    $('.bigtype').stop().animate({color: '#888'}, 700);
			$('.soon').stop().animate({top: '0', opacity: 1}, 200);
		}
	);
	$('.social-media a').hover(
		function () {
			$(this).stop().fadeTo(300, 0.5);
		},
		function() {
			$(this).stop().fadeTo(200, 1);
		}
	);
	$('.thumbnail').hover(
		function () {
			$(this).stop().fadeTo(300, 0.8);
		},
		function() {
			$(this).stop().fadeTo(200, 1);
		}
	);
});