// Begin jQuery

$(document).ready(function() {

       /* =Shadow Nav
    -------------------------------------------------------------------------- */

    // Append shadow image to each LI

  
    // Animate buttons, shrink and fade shadow

    $("#nav-shadow li").hover(function() {
        var e = this;
        $(e).find("a").stop().animate({ marginTop: "0px" }, 173, function() {
        $(e).find("a").animate({ marginTop: "0px" }, 173);
        });
        $(e).find("img.shadow").stop().animate({ width: "173", marginTop: "-20px", opacity: 0.5 }, 173);
    }, function() {
        var e = this;
        $(e).find("a").stop().animate({ marginTop: "0px" }, 173, function() {
        $(e).find("a").animate({ marginTop: "0px" }, 173);
        });
        $(e).find("img.shadow").stop().animate({ width: "173", marginTop: "0px", opacity: 1.0 }, 173);
    });
    
    
    // Animate buttons. shrink and fade shadow of another list
        $("#nav-shadow li").hover(function() {
        var e = this;
        $(e).find("a").stop().animate({ marginTop: "0px" }, 133, function() {
        $(e).find("a").animate({ marginTop: "0px" }, 133);
        });
        $(e).find("img.shadowPicture").stop().animate({ width: "133", marginTop: "-20px", opacity: 0.5 }, 133);
    }, function() {
        var e = this;
        $(e).find("a").stop().animate({ marginTop: "0px" }, 133, function() {
        $(e).find("a").animate({ marginTop: "0px" }, 133);
        });
        $(e).find("img.shadowPicture").stop().animate({ width: "133", marginTop: "0px", opacity: 1.0 }, 133);
    });
    
      // Animate buttons. shrink and fade shadow of another listbottom picture
    
       $("#shadow-bottom").hover(function() {
       $("#shadow-bottom").stop().animate({ width: "373", opacity: 0.5 }, 173);
        }, function() {
               $("#shadow-bottom").stop().animate({ width: "373", opacity: 1.0 }, 173);
            });
    // End jQuery

});