$(document).ready(function(){ 

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

	$(".productPriceWrapRight a img").click(function() {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		var modelIDValSplitter 	= productIDVal.split("-");
		var modelIDVal 			= modelIDValSplitter[1];
		
		var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
		
		if( $("#productID_" + productIDVal).length > 0){
			var basketX 		= $("#productID_" + productIDVal).offset().left;
			var basketY 		= $("#productID_" + productIDVal).offset().top;			
		} else {
			var basketX 		= $("#aqui").offset().left;
			var basketY 		= $("#aqui").offset().top;
		}
		var gotoX 			= basketX - productX;
		var gotoY 			= basketY - productY;
		
		var newImageWidth 	= $("#productImageWrapID_" + productIDVal).width() / 3;
		var newImageHeight	= $("#productImageWrapID_" + productIDVal).height() / 3;
		$("#test" + modelIDVal)
		 .css({'position' : 'absolute'});  
		
		$("#productImageWrapID_" + productIDVal + " img")
		.clone()
		.prependTo("#productImageWrapID_" + productIDVal)
		.css({'margin-top' : '-35px'})
		.css({'z-index' : '1000'})
		.animate({opacity: 1}, 100 )
		.animate({opacity: 0.3, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1500, function() {
																																																																										  			$(this).remove();
	
//		alert(gotoX+" : "+gotoY);
			$("#notificationsLoader").html('<img src="images/loader.gif">');
		
			$.ajax({  
				type: "POST",  
				url: "inc/functions.php",  
				data: { productID: productIDVal, action: "addToBasket"},  
				success: function(theResponse) {
					
					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();
						$("#test" + modelIDVal)
						 .css({'position' : 'relative'});  
						
					} else {
//						$("#basketItemsWrap li:first").remove();
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide();
						$("#basketItemsWrap li:first").show("slow");  
						$("#basketItemsWrap li:first").hide(5000);  
						$("#notificationsLoader").empty();			
						$("#test" + modelIDVal)
						 .css({'position' : 'relative'});  
					}
					
				}  
			});  
		
		});
		
	});
});