$(document).ready( function() {

/** View, Contact and About link animation - needs to be cleaned up, but generally works */

    $('.growImage', '#nav-view').mouseover(function(){
      //moving the div left a bit is completely optional
      //but should have the effect of growing the image from the middle.
      $(this).stop().attr("src", "/themes/escobar/images/nav-view2.gif").animate({"width": "65px","left":"0px","top":"0px"}, 400,'swing');
    }).mouseout(function(){
      $(this).stop().animate({"width": "50px","left":"8px","top":"0px"}, 200,'swing', function () { $(this).attr("src", "/themes/escobar/images/nav-view3.gif") });
    });

    $('.growImage', '#nav-contact').mouseover(function(){
      //moving the div left a bit is completely optional
      //but should have the effect of growing the image from the middle.
      $(this).stop().attr("src", "/themes/escobar/images/nav-contact2.gif").animate({"width": "65px","left":"0px","top":"0px"}, 400,'swing');
    }).mouseout(function(){
      $(this).stop().animate({"width": "50px","left":"8px","top":"0px"}, 200,'swing', function () { $(this).attr("src", "/themes/escobar/images/nav-contact3.gif") });
    });

    $('.growImage', '#nav-about').mouseover(function(){
      //moving the div left a bit is completely optional
      //but should have the effect of growing the image from the middle.
      $(this).stop().attr("src", "/themes/escobar/images/nav-about2.gif").animate({"width": "65px","left":"0px","top":"0px"}, 400,'swing');
    }).mouseout(function(){
      $(this).stop().animate({"width": "50px","left":"8px","top":"0px"}, 200,'swing', function () { $(this).attr("src", "/themes/escobar/images/nav-about3.gif") });
    });
});