$(document).ready(function() {
  $("body").addClass("js");
  
  //IE uses alpha filters which look like crap when animated.
  if ( ! jQuery.support.opacity ) { return; } 
  
  //preload png sprite
  $("<img>").attr("src", "images/socialmedia-fade.png");
  
  //variables
  var $logo = $("h1.logo a").not(".active");
  var $nav = $("#nav li a").not(".active");
  var $media = $("#socialmedia li a");
  var $intro = $('body#home #content p.intro a');
  var duration = 300; //milliseconds for fade effect
	
  //homepage socialmedia links hovers
  $media.each(function() {
    var $this = $(this);
    var $spans = $this.find("span");
  	var $mediafade = $("<span class='mediafade'></span>").hide().appendTo($this);
  	var $mediahover = $("<span class='mediahover'></span>").hide().appendTo($this);
  	$this.css({
  	  "position" : "relative"
  	});
	$this.hover(
	  function() {
	  if ( $mediafade.data('currently') == 'showing'
	  	|| $mediahover.data('currently') =='showing'
	  	|| $spans.data('currently') == 'showing'
	  ) {
	  	return;	 
	  }
	  $mediafade.data('currently', 'showing');
	  $mediahover.data('currently', 'showing');
	  $spans.data('currently', 'showing');
	    $mediafade.stop()
	      .css({ "opacity" : 0 })
	      .show()
	      .fadeTo(500, 0.5, function() {
	        $mediafade.data('currently', '');
	      });
	    $mediahover.stop()
	      .css({ "opacity" : 0 })
	      .show()
	      .fadeTo(300, 0).fadeTo(400, 1, function() {
	        $mediahover.data('currently', '');
	      });
	    $spans.stop()
	      .fadeTo(500, 0.2, function() {
	        $spans.data('currently', '');
	      });
	  },
	  function() {
	  if ($mediafade.data('currently') != 'showing') {
	    $mediafade.stop();
	  }
	  if ($mediahover.data('currently') != 'showing') {
	    $mediahover.stop();
	  }
	  if ($spans.data('currently') != 'showing') {
	    $spans.stop();
	  }
	    $mediafade.fadeTo(500, 0.5).fadeOut(500);
	    $mediahover.fadeOut(500);
	    $spans.fadeTo(500, 1);
	});
  });
});