$(document).ready(function(){
   $("li").hover(function () {
      $(this).find("div#submenuHover").css({'display' : 'block'});
      $(this).find("a.tab").css({'background-position' : '-139px -99px' , 'color' : '#662f90' , 'padding' : '16px 4px 4px 0px' , 'height' : '20px', 'top' : '1px', 'z-index' : '8' });
    }, function () {
      $(this).find("div#submenuHover").css({'display' : 'none'});
      $(this).find("a.tab").css({'background-position' : '0px -100px' , 'color' : '#fff' , 'padding' : '16px 4px 4px 0px' , 'height' : '20px', 'top' : '0px'});
    });
   
   
   $("li").hover(function () {
      $(this).find("div#submenuHover").css({'display' : 'block'});
      $(this).find("a#bowl").css({'background-position' : '-90px 0px' , 'color' : '#662f90' , 'top' : '1px', 'z-index' : '8' });
    }, function () {
      $(this).find("div#submenuHover").css({'display' : 'none'});
      $(this).find("a#bowl").css({'background-position' : '0px 0px' , 'color' : '#fff' , 'top' : '0px' , 'z-index' : '6'});
    });
    
    $("div.story").hover(function () {
    	$(this).find("div.hover").stop();
    	$(this).find("div.hover").animate({"opacity" : 0}, 1000);
    }, function () {
    	$(this).find("div.hover").stop();
    	$(this).find("div.hover").animate({"opacity" : 1}, 1000);

    });
    
    $("#nancysarah").hover(function () {
      $(this).stop();
      $(this).animate({"height" : "1900px" , "border-style" : "solid"}, 2500);
    }, function () {
      $(this).stop();
      $(this).animate({'height' : '200px'}, 3000);
    });
    
    $("#tomtony").hover(function () {
      $(this).stop();
      $(this).animate({"height" : "900px" , "border-style" : "solid"}, 2500);
    }, function () {
      $(this).stop();
      $(this).animate({'height' : '200px'}, 1000);
    });
    
    $("#emilytianna").hover(function () {
      $(this).stop();
      $(this).animate({"height" : "700px" , "border-style" : "solid"}, 2500);
    }, function () {
      $(this).stop();
      $(this).animate({'height' : '200px'}, 1000);
    });
    
    $("#twins").hover(function () {
      $(this).stop();
      $(this).animate({"height" : "800px" , "border-style" : "solid"}, 2500);
    }, function () {
      $(this).stop();
      $(this).animate({'height' : '200px'}, 1000);
    });
    
     $("#leslie").hover(function () {
      $(this).stop();
      $(this).animate({"height" : "800px" , "border-style" : "solid"}, 2500);
    }, function () {
      $(this).stop();
      $(this).animate({'height' : '200px'}, 1000);
    });
});