$(document).ready(function () {

/*

    // find the div.fade elements and hook the hover event
    $('a.brandTab').hover(function () {
        // on hovering over, find the element we want to fade *up*
        var fade = $('> img', this);

        // if the element is currently being animated (to a fadeOut)...
        if (fade.is(':animated')) {
            // ...take it's current opacity back up to 1
            fade.stop().fadeTo(250, 1);
        } else {
            // fade in quickly
            fade.fadeIn(250);
        }
    }, function () {
        // on hovering out, fade the element out
        var fade = $('> img.try', this);
        if (fade.is(':animated')) {
            fade.stop().fadeTo(3000, 0);
        } else {
            // fade away slowly
            fade.fadeOut(3000);
        }
    });
*/

    $("a.brandTab img").hover(
    function () {
        this.src = this.src.replace("_out", "_over");
        //$(this).stop().animate({ "opacity": "0.8" }, "slow");
    },
    function () {
        this.src = this.src.replace("_over", "_out");
        //$(this).stop().animate({ "opacity": "1" }, "slow");
    }
);


    $("ul.thumb li").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: '-44px', /* The next 4 lines will vertically align this image */
        marginLeft: '-44px',
        top: '50%',
        left: '50%',
        width: '220px', /* Set new width */
        height: '220px', /* Set new height */
        padding: '10px'
    }, 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: '0', /* Set alignment back to default */
        marginLeft: '0',
        top: '0',
        left: '0',
        width: '174px', /* Set width back to default */
        height: '174px', /* Set height back to default */
        padding: '0px'
    }, 400);
    });

    $("ul.socialIcons li").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: '-12px', /* The next 4 lines will vertically align this image */
	    marginLeft: '-12px',
	    top: '50%',
	    left: '50%',
	    width: '50px', /* Set new width */
	    height: '50px', /* Set new height */
	    padding: '0px'
	}, 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: '0', /* Set alignment back to default */
	    marginLeft: '0',
	    top: '0',
	    left: '0',
	    width: '25px', /* Set width back to default */
	    height: '25px', /* Set height back to default */
	    padding: '0px'
	}, 400);
    });

});