var $visible = "yes";
var showTop = $.cookie('showTop');

$(document).ready(function() {
	
	$(".logo").append('<span class="hover"></span>').each(function () {
		var $span = $('.hover', this).css('opacity', 0);
		$(".logo").hover( function(){ 
			$span.stop().fadeTo(700, 1);
		},function(){ 
			$span.stop().fadeTo(700, 0);
		});
	});

	$('#header-hide').append('<span class="hover"></span>').each(function () {
		var $span = $('.hover', this).css('opacity', 0);
		$("#header-hide").hover( function(){ 
			$span.stop().fadeTo(500, 1);
		},function(){ 
			$span.stop().fadeTo(500, 0);
		});
	});


	$("#header-hide").click(function() {
		if ($visible == "yes") {
			$("#header").slideUp(550);
			$("#header-hide").css("background-position", "0px 0px")
			$("#header-hide .hover").css("background-position", "-50px 0px")
			$visible = "no";
			$.cookie('showTop', 'collapsed');
		} else {
			$("#header").slideDown(550);
			$("#header-hide").css("background-position", "0px -34px")
			$("#header-hide .hover").css("background-position", "-50px -34px")
			$visible = "yes";
			$.cookie('showTop', 'expanded');
		}
	});
	
	if (showTop == 'collapsed') {
		$("#header").hide();
		$visible = "no";
		$("#header-hide").css("background-position", "0px 0px")
		$("#header-hide .hover").css("background-position", "-50px 0px")
	};


	$(".nav").append('<span class="hover"></span>').each(function () {
		var $span = $('.hover', this).css('opacity', 0);
		$(this).hover( function(){ 
			$span.stop().fadeTo(700, 1);
		},function(){ 
			$span.stop().fadeTo(700, 0);
		});
	});


	$(".fraternities").append('<span class="hover"></span>').append('<div><em></em></div>').each(function () {
		var $span = $('.hover', this).css('opacity', 0);
		$(this).hover( function(){
			$span.stop().fadeTo(700, 1);
			var hoverText = $(this).attr("title");
			$(this).find("em").text(hoverText);
			$(this).find("div").animate({opacity: "show", top: "-140px" }, "slow");
			$(this).find("em").css("display", "block");
		},function(){ 
			$span.stop().fadeTo(700, 0);
			$(this).find("em").css("display", "none");
			$(this).find("div").animate({opacity: "hide", top: "-130px"}, "normal");
		});
	})

});

/* , top: "-75" */