$(document).ready(function(){
	jQuery.fn.fadeToggle = function(speed) {
    this.animate({opacity: 'toggle'}, 500);
   };
	$("#shadow").css("height", $(document).height()).hide();
    $(".lights").click(function(){		
		 if ($("#shadow").is(":hidden"))
			$(".lights").addClass("turnedOff");
		 else
			$(".lights").removeClass("turnedOff");
		$("#shadow").fadeToggle();
		return false
    });
	$("#shadow").click(function(){
		if ($("#shadow").is(":hidden"))
			$(".lights").addClass("turnedOff");
		 else
			$(".lights").removeClass("turnedOff");
		$("#shadow").fadeToggle();
		return false
    });
	// THIS IS FOR THE MENU FADING
	$(function() {
		$("#menu ul span").css("opacity","0");
		$("#menu ul span").hover(function () {			
			$(this).stop().animate({
				opacity: 1
			}, 250);
		},
		function () {
			$(this).stop().animate({
				opacity: 0
			}, 300);
		});
	});
});
$(document).ready(function() {
	$('#thumbs li:gt(4)').hide();	
	$("a#toggle").toggle(function(){
		$(this).html("<img src='images/arrow_up.png' width='10' height='9' alt='arrow' /> HIDE OLDER VIDEOS <img src='images/arrow_up.png' width='10' height='9' alt='arrow' />");
		}, function () {
		$(this).html("<img src='images/arrow.png' width='10' height='9' alt='arrow' /> CLICK FOR MORE VIDEOS <img src='images/arrow.png' width='10' height='9' alt='arrow' />");
	});
	$("a#toggle").click(function(){
		$("#thumbs li:gt(4)").slideToggle("slow");
	});
	return false
});