$(document).ready(function(){ 

	$("#basketItemsWrap li:first").hide();

	$(".productPriceWrapRight a img").click(function() {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		var productOpt1Val = $("input:radio[name=produto_opcional1]:checked").val();
		var productNewId = productIDValSplitter[1] + "\\|" +  $("input:radio[name=produto_opcional1]:checked").val();
		
		var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
		
		//alert(productNewId);
		if( $("#productID_" + productIDVal + "|" + productOpt1Val).length > 0){
			var basketX 		= $("#productID_" + productNewId).offset().left;
			var basketY 		= $("#productID_" + productNewId).offset().top;
			//alert("existe")
		} else {
			var basketX 		= $("#basketTitleWrap").offset().left;
			var basketY 		= $("#basketTitleWrap").offset().top;
		}
		
		var gotoX 			= basketX - productX;
		var gotoY 			= basketY - productY;
		
		var newImageWidth 	= $("#productImageWrapID_" + productIDVal).width() / 3;
		var newImageHeight	= $("#productImageWrapID_" + productIDVal).height() / 3;
		
		$("#productImageWrapID_" + productIDVal + " img")
		.clone()
		.prependTo("#productImageWrapID_" + productIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function() {
																																																																										  			$(this).remove();
	
			$("#notificationsLoader").html('<img src="/images/loader.gif">');
		
			$.ajax({  
				type: "POST",  
				url: "/inc/functions.asp",  
				data: { productID: productIDVal,productOpt1: productOpt1Val, action: "addToBasket"},  
				success: function(theResponse) {
					
					//alert("#productID_" +productIDVal + "|" + productOpt1Val)
					productIDVal = productNewId;
					if( $("#productID_" + productIDVal).length > 0){
						$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
						$("#productID_" + productIDVal).before(theResponse).remove();
						$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
						$("#productID_" + productIDVal).animate({ opacity: 1 }, 500);
						$("#notificationsLoader").empty();
						//alert("tem");
						
					} else {
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide();
						$("#basketItemsWrap li:first").show("slow");  
						$("#notificationsLoader").empty();			
						//alert("n tem");
					}
					
				}  
			});  
		
		});
		
	});
	
	
	
	$("#basketItemsWrap li img").live("click", function(event) { 
		var productIDValSplitter 	= (this.id).split("_");
		var productIDValSplitter2 	= (productIDValSplitter[1]).split("|");
		var productIDVal 			= productIDValSplitter2[0];
		var productOpt1Val 			= productIDValSplitter2[1];
		var productNewId = productIDVal + '|' +  productOpt1Val;

		$("#notificationsLoader").html('<img src="images/loader.gif">');
	
		$.ajax({  
			type: "POST",  
			url: "/inc/functions.asp",  
			data: { productID: productNewId,productOpt1: productOpt1Val, action: "deleteFromBasket"},  
			success: function(theResponse) {
				
				//alert('productID_' + productIDVal + '\\|' + productOpt1Val);
				$('#productID_' + productIDVal + '\\|' + productOpt1Val).hide("slow",  function() {$(this).remove();});
				$("#notificationsLoader").empty();
			
			} , 
			error:function(data){
				alert(data);
				}
		});  
		
	});

});
/*

$(document).ready(function(){ 

	$("#basketItemsWrap li:first").hide();
	
	$(".productPriceWrapRight a img").click(function() {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
	
		$("#notificationsLoader").html('<img src="images/loader.gif">');
	
		$.ajax({  
		type: "POST",  
		url: "inc/functions.asp",  
		data: { productID: productIDVal, action: "addToBasket"},  
		success: function(theResponse) {
			
			if( $("#productID_" + productIDVal).length > 0){
				$("#productID_" + productIDVal).animate({ opacity: 0 }, 500, function() {
					$("#productID_" + productIDVal).before(theResponse).remove();
				});				
				$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
				$("#productID_" + productIDVal).animate({ opacity: 1 }, 500);
				$("#notificationsLoader").empty();			
			} else {
				$("#basketItemsWrap li:first").before(theResponse);
				$("#basketItemsWrap li:first").hide();
				$("#basketItemsWrap li:first").show("slow");  
				$("#notificationsLoader").empty();			
			}
			
		} ,
		error: function(theResponse) {
			alert(theResponse);
			}
		});  
		
	});
	
	
	
	$("#basketItemsWrap li img").live("click", function(event) { 
														
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	
	
		$("#notificationsLoader").html('<img src="images/loader.gif">');
	
		$.ajax({  
		type: "POST",  
		url: "inc/functions.asp",  
		data: { productID: productIDVal, action: "deleteFromBasket"},  
		success: function(theResponse) {
			
			$("#productID_" + productIDVal).hide("slow",  function() {$(this).remove();});
			$("#notificationsLoader").empty();
		
		}  
		});  
		
	});

});
*/