$(document).ready(function(){
	
	//Esconder
	$('.bgA').hide();
	$('.txt').hide();
	$('#otherUl').hide();
	
    //
    $('#ongoing > li').hover(
    function()
    {
    	$(this).animate({
		marginTop: 0
  		}, {
		duration: 250,
		specialEasing: {
		  marginTop: 'easeOutQuart'
		},
		complete: function() {
		 
		}
	  	});//animate ON
	  	/*
	  	  $(".bgA", this).show("slide", { direction: "right"  }, 500, function(){$(this).stop();});
	  	  $(".txt", this).show("slide", { direction: "left"  }, 500, function(){$(this).stop();});
	  	*/
	  	  $(".bgA", this).show().stop();
	  	  $(".txt", this).show().stop();
	  	
    },
    function()
    {
    	$(this).animate({
		marginTop: 12
  		}, {
		duration: 250,
		specialEasing: {
		  marginTop: 'easeOutQuart'
		},
		complete: function() {
		  //el callback
		}
	  	});//animate OUT
	  	
	  	/*
	  	$(".bgA", this).hide("slide", { direction: "left"  }, 500, function(){$(this).stop();});
	  	$(".txt", this).hide("slide", { direction: "hide"  }, 500, function(){$(this).stop();});
	  	*/
	  	
	  	$(".bgA", this).hide();
	  	$(".txt", this).hide();
    }
    );
    
    //
    $('#plus').click(function(){
    	
    	
    	$('#otherDiv').animate({
		height: 100
  		}, {
		duration: 550,
		specialEasing: {
		  height: 'easeOutQuart'
		},
		complete: function() {
		
			 $('#otherUl').show('pluff');
			 
		}
	  	});
	  	
    });
    
    //
    $('#closebtn').click(function(){
    	
    	$('#otherUl').hide('pluff', function(){
    		
    		$('#otherDiv').animate({
			height: 0
	  		}, {
			duration: 350,
			specialEasing: {
			  height: 'easeInQuart'
			},
			complete: function() {
				 
			}
		  	});
    	
    	});
	  	
    });
    
  
});