$(document).ready(function() {
		
	$('#panier-ajax a.produit-bt-del').live('click', function() {
		var produitSplit = (this.id).split('-');
		var produitIdVal = produitSplit[1];
	
		$.ajax({
			type: "POST",
			url: "/boutique-produits-ajax.php",
			data: { produit_id: produitIdVal, action: "supprimer-du-panier"},
			success: function(response) {
				$('#panier-ajax').animate({ opacity: 0 }, 200, function() {
					$(this).html(response).animate({ opacity: 1 }, 200);
				});
			}
		});
	});
	
	$(".produit a.produit-panier").click(function() {
		$("#panier-en-chargement").html('<img src="/images/panier/loader.gif" />');
		
		var produitSplit = (this.id).split('-');
		var produitIdVal = produitSplit[1];
	
		var produitX = $("#produitImageId-" + produitIdVal).offset().left;
		var produitY = $("#produitImageId-" + produitIdVal).offset().top;
	
		if( $("#itemId-" + produitIdVal).length > 0){
			var panierX = $("#produitId-" + produitIdVal).offset().left;
			var panierY = $("#produitId-" + produitIdVal).offset().top;
		} else {
			var panierX = $("#panier-titre").offset().left;
			var panierY = $("#panier-titre").offset().top;
		}
	
		var gotoX = panierX - produitX;
		var gotoY = panierY - produitY;
	
		var newImageWidth = $("#produitImageId-" + produitIdVal).width() / 3;
		var newImageHeight = $("#produitImageId-" + produitIdVal).height() / 3;
	
		$("#produitImageId-" + produitIdVal).parent().css({'z-index' : 2});
		
		$("#produitImageId-" + produitIdVal + " img:first")
		.clone()
		.prependTo("#produitImageId-" + produitIdVal)
		.css({'position' : 'absolute', 'z-index' : 1500})
		.animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1500, function() {
			$(this).remove();
			$("#produitImageId-" + produitIdVal).parent().css({'z-index' : 1});
			$.ajax({
				type: "POST",
				url: "/boutique-produits-ajax.php",
				data: { produit_id: produitIdVal, action: "ajouter-au-panier"},
				success: function(response) {
					$('#panier-ajax').animate({ opacity: 0 }, 200, function() {
						$(this).html(response).animate({ opacity: 1 }, 200);
					});
				}
			});
		});	
	
	});
});