(function( $ ) {
  $.fn.cardSwap = function(options) {
  	
  	var settings = $.extend( {
      'amount' : 4
    },options);
  	  	
  	var el			= this.children('.card');
  	var cardAmt		= settings.amount;
  	var animating	= animating;
  	var i 			= 1;
  	var cardDist 	= 0;
  	
  	// Set z-index based on how many cards
  	$($(el).get().reverse()).each(function(i) {
  		i = i+1;
		$(this).css('z-index',i);
		
    });
    
    // Set default lefts
    el.each(function(i){
		cardDist = cardDist+35;
		$(this).css('left',cardDist);
    });
  	  	
	el.bind('click', function() {

		var zIndex 			= $(this).css('z-index');
		var cardPosition	= $(this).css('left');	
		var topCard			= $(this).parent().children('.top_card');
				
		if(zIndex != cardAmt && animating != true){
			
			$(this).animate({'left': '300px'}, 200, function(){		
				topCard.css('left', cardPosition)
				topCard.css('z-index', zIndex)
	
				topCard.removeClass('top_card');
				
				$(this).css("z-index", cardAmt);
				$(this).addClass('top_card');
	
				
				$(this).animate({'left': '35px'}, 200, function(){
					animating = false; 
				}); 
		
			});
			
		}
	}); 	
   
  };
})( jQuery );