$(document).ready(function() {
    
    $('#divImage > a > img').css({ opacity: "0.8" });
    
    $("ul.thumb li .divImage").hover(function() {
	    $(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
	    $(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
		    .animate({
			    marginTop: '-10px', /* The next 4 lines will vertically align this image */ 
			    width: '110px',
			    height: '110px'
		    }, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

	    } , function() {
	    $(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
	    $(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
		    .animate({
			    marginTop: '0px', /* Set alignment back to default */
			    width: '100px',
			    height: '100px'
		    }, 400);
    });            
            
            
});