$().ready(function() {
       
       // Overlay for the iPhone
       $('.website').after('<img src="images/iphone-overlay.png" alt="" class="iphone-overlay" id="iphone-overlay"/>');
       
       // The overlay images
       $('.img').before('<img src="images/overlay.png" alt="" class="overlay" width="430" height="205"/>'); // Insert the overlay image before any images with the class of .img
       $('.img').each(function() { // For each of the images with a class of img
				$('.overlay').css('display', 'block');
				$('.overlay').css('opacity', 0.0); // Find the overlay, and make it dissapear
			$(this).parents().filter('a').hover(function() { // Find the parents of that image
					$(this).children('.overlay').stop().animate({opacity:0.99},700); // And when the parent is an Anchor, and is hovered, make the overlay fade in.
			},
				function() {
					$(this).children('.overlay').stop().animate({opacity:0.0},700);
				});
			
			$("a[rel^='prettyPhoto']").prettyPhoto({
					opacity: 0.15,
					theme: 'light_square'
				});
			});
			
			$("#footer li").hover(
      function () {
        $(this).stop().animate( { paddingLeft: "20px",  });
      }, 
      function () {
        $(this).stop().animate( { paddingLeft: "10px" });
      }
    );
   });