$(window).load(function(){
			//for each description div...
			$('div.description').each(function(){
				//...set the opacity to 0...
				$(this).css('opacity', 0);
				//..set width same as the image...
				$(this).css('width', $(this).siblings('img').width());
				//...get the parent (the wrapper) and set it's width same as the image width... '
				$(this).parent().css('width', $(this).siblings('img').width());
				//...set the display to block
				$(this).css('display', 'block');
			});
			$('div.wrapper').hover(function(){
				//when mouse hover over the wrapper div
				//get it's children elements with class description
				//and show it using fadeTo
				$(this).children('.description').stop().fadeTo(150, 0.9);
			},function(){
				//when mouse out of the wrapper div
				//use fadeTo to hide the div
				$(this).children('.description').stop().fadeTo(150, 0);
			});
		});