$(function() {
		$("#top_navi a").css("opacity","1.0");
		
		// ON MOUSE OVER
		$("#top_navi a").hover(function () {
			// SET OPACITY TO 0%
			$(this).stop().animate({opacity: "0.0"}, "normal");
		},
		
		// ON MOUSE OUT
		function () {
			// SET OPACITY BACK TO 100%
			$(this).stop().animate({opacity: "1.0"}, "slow");
		});
		
		// Thumbnails
		// OPACITY OF BUTTON SET TO 100%
		$("#thumbList .imgtfe img").css("opacity","1.0");

		// ON MOUSE OVER
		$("#thumbList .imgtfe img").hover(function () {
			// SET OPACITY TO 60%
			$(this).stop().animate({opacity: "0.5"}, "normal");
		},
		// ON MOUSE OUT
		function () {
			// SET OPACITY BACK TO 100%
			$(this).stop().animate({opacity: "1.0"}, "normal");
		});
	});
// Slide-Fade Function

// Image Overlay Slide-Fade
$(document).ready(function(){
	$(".overlay").css("opacity","0.0");
	$("#opener").css("display", "none");
	$(".overlay").css("width","0");
	$(".overlay").stop().animate({opacity: "0.8", width: "260"}, "slow");
	
	$("#closer").click(function(){
		$(".overlay").stop().animate({opacity: "0.0", width: "0"}, "slow");
		$("#opener").css("display", "block");
		$("#closer").css("display", "none");
	}),
	$("#opener").click(function(){
		$(".overlay").stop().animate({opacity: "0.8", width: "260"}, "slow");
		$("#opener").css("display", "none");
		$("#closer").css("display", "block");
	});
});