$(document).ready(function(){
	
	//When mouse rolls over
	$("li.bounce").mouseover(function(){
		$(this).stop().animate({height:'400px'},{queue:false, duration:900, easing: 'easeOutBounce'})
	});
	
	//When mouse is removed
	$("li.bounce").mouseout(function(){
		$(this).stop().animate({height:'15px'},{queue:false, duration:900, easing: 'easeOutBounce'})
	});
	

  // find the div.fade elements and hook the hover event
  $('div.fade').hover(function() {
    // on hovering over, find the element we want to fade *up*
    var fade = $('div', this);
    
    // if the element is currently being animated (to a fadeOut)...
   // if (fade.is(':animated')) {
      // ...take it's current opacity back up to 1
      //fade.stop().fadeTo(250, 1);
    //} else {
      // fade in quickly
      fade.fadeIn(500);
    //}
  }, function () {
    // on hovering out, fade the element out
    var fade = $('div', this);
    //if (fade.is(':animated')) {
    //  fade.stop().fadeTo(250, 0);
   // } else {
      // fade away slowly
      fade.fadeOut(250);
    //}
  });
 
});