$(function(){
		 $('.close a').click(function() {
			$(this).closest('.winkelwagenitem').addClass('deleted');
			 $.ajax({
				type: "GET",
				url: "php/handlecart.php",
				data: "remove="+$(this).closest('.close').attr('itemindex'),
				success: function(){
					
					var targetHeight = $('.hiddenitemscontainer').height();
					
					//calculate the height of the cart
					for(var i =0; i < $('.winkelwagenitem.deleted').length; i++){
						var deletedItem = $('.winkelwagenitem.deleted:eq('+i+')');
						targetHeight -= deletedItem.height()+parseInt(deletedItem.css('padding-top'))+parseInt(deletedItem.css('padding-bottom')) + 2; //border = 2;
					}				
					
					//if its the last item, remove the subtotal stuff aswell
					if($('.winkelwagenitem.deleted').size() == $('.winkelwagenitem').size()){
						targetHeight =75;
						$('.subtotaal').slideUp(500);
						$('a.afrekenen').slideUp(500, function(){
							if($('.winkelwagenleeg').size() == 0){
								$('<div class="winkelwagenleeg">Uw winkelwagen is leeg.</div>').insertAfter('.box.winkelwagenbox h3').hide().fadeIn();
							}
						});
					}
					
					//slide up all deleted items, wich is in the most cases, just 1
					$('.winkelwagenitem.deleted').slideUp(500, function(){;
						$('.winkelwagenitem.deleted').remove();	
						
					});
					
					//animate the container up aswell
					$('.hiddenitemscontainer').animate( { height:targetHeight}, { queue:false, duration:500 }  );
					
					//get the new subtotal and number of items
					$.getJSON("php/getcartinfo.php", function(json){
						$('.subtotaal .value').html(json.subtotal);
						$('.buttons a.winkelwagen').html(json.numberOfProducts);
					});
	
					
				}
			});
	});
});

function highlightAddedItem(index){
	setTimeout(function(){
		var addedItem = $('.winkelwagenitem:eq('+index+')');
		addedItem.css('background', '#ef7669');
		addedItem.animate({ backgroundColor:'#B20C00'},1000);
	}, 600);
	
}