$("div.grey").hover(function() {
$("div.sNDA").animate({ 
    width: "0%"}, -1).animate({ 
    width: "100%"}, 400);
 },function() {
$("div.sNDA").css({ 
    width: "100%"}, 0)
 });

  $("div.purple").hover(function() {
$("div.sNDB").animate({ 
    width: "0%"}, -1).animate({ 
    width: "100%"}, 400);
 },function() {
$("div.sNDB").animate({ 
    width: "100%"}, 0)
 });
 
 
  $("div.beige").hover(function() {
$("div.sNDC").animate({ 
    width: "0%"}, -1).animate({ 
    width: "100%"}, 400);
 },function() {
$("div.sNDC").animate({ 
    width: "100%"}, 0)
 });
 
 
  $("div.green").hover(function() {
$("div.sNDD").animate({ 
    width: "0%"}, -1).animate({ 
    width: "100%"}, 400);
 },function() {
$("div.sNDD").animate({ 
    width: "100%"}, 0)
 });
 
 
  $("div.darkGreen").hover(function() {
$("div.sNDE").animate({ 
    width: "0%"}, -1).animate({ 
    width: "100%"}, 400);
 },function() {
$("div.sNDE").animate({ 
    width: "100%"}, 0)
 });
 
  $("div.red").hover(function() {
$("div.sNDF").animate({ 
    width: "0%"}, -1)
	.animate({ width: "100%"}, 400);
 },function() {
$("div.sNDF").animate({ width: "100%"}, 0)
 });