$(document).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.
		});
		
		/*$("a[rel^='prettyPhoto']").prettyPhoto({
				opacity: 0.15,
				theme: 'light_square'
			});
		});*/
	});
		
	$("#footer li").hover(function () {
		$(this).stop().animate({paddingLeft:"20px"});
	});

 });