$(document).ready(function(){
    $('a.lightbox').lightBox(); // Select all links with lightbox class

    $("ul.thumb li").hover(function() {
        $(this).css({
            'z-index' : '10'
        }); /*Add a higher z-index value so this image stays on top*/
        $(this).find('span').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
        .animate({
            marginTop: '-35px', /* The next 4 lines will vertically align this image */
            marginLeft: '-35px',
            top: '0',
            left: '0',
            width: '270px', /* Set new width */
            height: '270px', /* Set new height */
            padding: '20px'
        }, 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('span').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
        .animate({
            marginTop: '0', /* Set alignment back to default */
            marginRight: '10px',
            marginBottom: '10px',
            marginLeft: '0',
            top: '0',
            left: '0',
            width: '240px', /* Set width back to default */
            height: '240px', /* Set height back to default */
            padding: '0'
        }, 400);
    });

});