$(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.hover').hover(function(){
    	//when mouse hover over the wrapper div
    	//get it's children elements with class descriptio
    	//and show it using fadeTo
    	$(this).children('.description').stop().fadeTo(200, 0.7);
    },function(){
    	//when mouse out of the wrapper div
    	//use fadeTo to hide the div
    	$(this).children('.description').stop().fadeTo(200, 0);
    });
    
});