$(window).load(function(){
	
	// Portfolio slider
	$('.flexslider').flexslider({
		animation: "slide",
		controlsContainer: ".flex-container",
		controlNav: false,
		slideshow: false
	});
	
	// Fade in images so there isn't a color "pop" document load and then on window load
	$(".socialMedia img").fadeIn(500);
	
	// clone image
	$('.socialMedia img').each(function(){
		var el = $(this);
		el.css({"position":"absolute"}).wrap("<div class='img_wrapper' style='display: inline-block'>").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"998","opacity":"0"}).insertBefore(el).queue(function(){
			var el = $(this);
			el.parent().css({"width":this.width,"height":this.height});
			el.dequeue();
		});
		this.src = grayscale(this.src);
	});

	// Fade image
	$('.socialMedia img').mouseover(function(){
		$(this).parent().find('img:first').stop().animate({opacity:1}, 500);
	})
	$('.img_grayscale').mouseout(function(){
		$(this).stop().animate({opacity:0}, 500);
	});
	
	// Fade in, fade out arrows
	$(".flex-direction-nav a.prev, .flex-direction-nav a.next").css("opacity", 0);
	
	$("#portfolio article figure").hover(
	  function () {
	    $(this).find(".flex-direction-nav a.prev, .flex-direction-nav a.next").stop().fadeTo(400, 1);
	  },
	  function () {
	    $(this).find(".flex-direction-nav a.prev, .flex-direction-nav a.next").stop().fadeTo(400, 0);
	  }
	);
	
	//Tooltips
	$('img.tooltip').
	tipsy({
		fade: true,
		gravity: 's'
	});	
	
});