$(function () {
  $('#pic1 a, #pic2 a, #pic3 a, #pic4 a, #pic5 a , #pic6 a, #pic7 a, #pic8 a, #pic9 a, #pic10 a, #pic11 a, #pic12 a, #pic13 a, #pic14 a, #pic15 a')
    .append('<span class="hover" id="piccolor" />').each(function () {
      var $span = $('> span.hover', this).css('opacity', 0);
      $(this).hover(function () {
        $span.stop().fadeTo(400, 1);
      }, function () {
        $span.stop().fadeTo(400, 0);
      });
    });
});


$(document).ready( function() {
$("a").mouseover( function() {
$(this).animate({color: "#999999"}, {queue:false, duration:250 });
}).mouseout( function() {
$(this).animate({color: "#ffffff"}, { queue:false, duration:350});
});

});

$(document).ready( function() {
$(".menu span a").mouseover( function() {
$(this).animate({color: "#CCCCCC"}, {queue:false, duration:250 });
}).mouseout( function() {
$(this).animate({color: "#ffffff"}, { queue:false, duration:350});
});

});