$(document).ready(function(){
    one();
	two();
	three();
	jQuery.easing.def = "easeOutElastic";
	
	$('a.button').click(function () {
 
        $('a.button').removeClass('active');
        $(this).addClass('active');
         
    });
	
});
                  
    function one()
    {
        
    $('li#one')
        .hover(function(){
            $('div.one').stop().animate( {opacity:1}, 300 );
			$('.p-one').stop().animate( {top:-140}, 1000 );
				}, function(){
					$('div.one').stop().animate( {opacity:0}, 300 );
					$('.p-one').stop().animate( {top:20}, 1000 );
				});
    }  

	function two()
    {
        
    $('li#two')
        .hover(function(){
            $('div.two').stop().animate( {opacity:1}, 300 );
			$('.p-two').stop().animate( {top:-140}, 1000 );
				}, function(){
						$('div.two').stop().animate( {opacity:0}, 300 );
						$('.p-two').stop().animate( {top:20}, 1000 );
				});
    }
	
	function three()
    {
        
    $('li#three')
        .hover(function(){
            $('div.three').stop().animate( {opacity:1}, 300 );
			$('.p-three').stop().animate( {top:-140}, 1000 );
				}, function(){
						$('div.three').stop().animate( {opacity:0}, 300 );
						$('.p-three').stop().animate( {top:20}, 1000 );
				});
    }