$(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'
		    }, 175); /* 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'
		    }, 325);
    });

    $("#header .divPlayButton").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: '-4px', /* The next 4 lines will vertically align this image */
		        width: '81px',
		        height: '81px'
		    }, 175); /* 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: '75px',
		        height: '75px'
		    }, 325);
    });

    $(".divFranchiseVideosLink .divPlayButton").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: '-3px', /* The next 4 lines will vertically align this image */
		        width: '70px',
		        height: '70px'
		    }, 175); /* 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: '64px',
		        height: '64px'
		    }, 325);
    });
});