$(document).ready(function(){

	$(function () {
		$.each(
		$('.loading'),
			function( intIndex, objValue ){
				var img = new Image();
				$(img).load(function () {
					$(this).hide();
					$(objValue).removeClass('loading').append(this);
					$(this).fadeIn('slow');
				}).error(function () {
				}).attr('src', $(this).attr('load'));
			}
		);
	});

	pic();

	function pic() {

			$(".pic").hover(function() {
				  	$(this).animate({ height: "200px" }, 350);
			  }, function() {
				    $(this).animate({ height: "83px" }, 350);
			});
	}
	
	pic2();

	function pic2() {

			$(".pic2").hover(function() {
				  	$(this).animate({ height: "200px" }, 350);
			  }, function() {
				    $(this).animate({ height: "83px" }, 350);
			});
	}
	
	pic3();

	function pic3() {

			$(".pic3").hover(function() {
				  	$(this).animate({ height: "200px" }, 350);
			  }, function() {
				    $(this).animate({ height: "83px" }, 350);
			});
	}
	
	pic4();

	function pic4() {

			$(".pic4").hover(function() {
				  	$(this).animate({ height: "200px" }, 350);
			  }, function() {
				    $(this).animate({ height: "83px" }, 350);
			});
	}
	
	pic5();

	function pic5() {

			$(".pic5").hover(function() {
				  	$(this).animate({ height: "200px" }, 350);
			  }, function() {
				    $(this).animate({ height: "83px" }, 350);
			});
	}
});