// JavaScript Document

$("document").ready(function(){
							 $(".text").fadeOut(200);
							 $(".nav").bind("mouseover", showNavText);
							 $(".nav").bind("mouseleave", hideNavText);
							 
							 $(".sih").hide();
							 $(".sih").fadeOut(200);
							 $(".socialIcon").bind("mouseover", highlighIcon);
							 $(".socialIcon").bind("mouseleave", returnIcon);
							 });

function showNavText(){
	$(".text").css("visibility", "visible");
	var iconId = "#" + $(this).attr("id") + " > .icon";
	var textId = "#" + $(this).attr("id") + " > .text";
	$(iconId).fadeOut(200);
	$(textId).fadeIn(200);
}

function hideNavText(){
	$(".icon").fadeIn(200);
	$(".text").fadeOut(200);
}

function highlighIcon(){
	var socialIconId = "#" + $(this).attr("id") + " > .si";
	var socialHoverId = "#" + $(this).attr("id") + " > .sih";
	$(socialIconId).fadeOut(200);
	$(socialHoverId).fadeIn(200);
}

function returnIcon(){
	$(".si").fadeIn(200);
	$(".sih").fadeOut(200);
}