$(window).load(function(){

	//when mouse over the list item...
	$('.main-page-block ul li.img-css').hover(function(){

		//show the caption using slideDown event
		$(this).find('.caption:not(:animated)').slideDown();
		$(this).find('h2#css img').animate({
							"width": "217px",
							"height": "115px",
							"left": "20px",
							"top": "20px"
						}, 700);

	//when mouse leave...
	}, function(){

		//hide the caption using slideUp event
		$(this).find('.caption').slideUp();
		$(this).find('h2#css img').animate({
							"width": "107px",
							"height": "57px",
							"left": "61",
							"top": "49"
						}, 700);

	});

	//when mouse over the list item...
	$('.main-page-block ul li.img-js').hover(function(){

		//show the caption using slideDown event
		$(this).find('.caption:not(:animated)').slideDown();
		$(this).find('h2#js img').animate({
							"width": "125px",
							"height": "115px",
							"left": "55px",
							"top": "20px"
						}, 700);

	//when mouse leave...
	}, function(){

		//hide the caption using slideUp event
		$(this).find('.caption').slideUp();
		$(this).find('h2#js img').animate({
							"width": "66px",
							"height": "61px",
							"left": "87",
							"top": "49"
						}, 700);

	});

	//when mouse over the list item...
	$('.main-page-block ul li.img-cms').hover(function(){

		//show the caption using slideDown event
		$(this).find('.caption:not(:animated)').slideDown();
		$(this).find('h2#cms img').animate({
							"width": "270px",
							"height": "118px",
							"left": "0",
							"top": "20px"
						}, 700);

	//when mouse leave...
	}, function(){

		//hide the caption using slideUp event
		$(this).find('.caption').slideUp();
		$(this).find('h2#cms img').animate({
							"width": "107px",
							"height": "47px",
							"left": "61",
							"top": "65"
						}, 700);

	});

	//when mouse over the list item...
	$('.main-page-block div.img-social').hover(function(){

		//show the caption using slideDown event
		$(this).find('.caption:not(:animated)').slideDown();
		$(this).find('h2#social img').animate({
							"width": "713px",
							"height": "84px",
							"left": "5%",
							"top": "20px"
						}, 700);

	//when mouse leave...
	}, function(){

		//hide the caption using slideUp event
		$(this).find('.caption').slideUp();
		$(this).find('h2#social img').animate({
							"width": "400px",
							"height": "47px",
							"left": "21%",
							"top": "29"
						}, 700);

	});

});