$(document).ready(function() {

	$('#container').css('opacity', 0).fadeTo(1000,1);
	

	$('.playfade').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', .2);
	  $(this).hover(function () {
	    $span.stop().fadeTo(300, .7);
	  }, function () {
	    $span.stop().fadeTo(300, .2);
	  });
	});
	
	$('.info').each(function () {
	  $(this).css('opacity', .15);
	  $(this).hover(function () {
	    $(this).stop().fadeTo(300, .6);
	  }, function () {
	    $(this).stop().fadeTo(300, .15);
	  });
	});

	
	$('.navbutton').removeClass('navbutton');
	
	$('.option').hover(
		function() {
			$(this)
			.animate({backgroundColor:"#ffffff"}, 300)
		},
	
		function(){
			$(this)
			.animate({backgroundColor:"#444444"}, 300)
		}
	);

	
});