$(document).ready(function(){ 
	
	
	$("#basketItemsWrap li:first").hide();

	$(".productPriceWrapRight a img").click(function() {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
		var mynewvarX		= $("#notificationsLoader").offset().left;
		var mynewvarY		= $("#notificationsLoader").offset().top;
		
		if( $("#productID_" + productIDVal).length > 0){
			var basketX 		= $("#productID_" + productIDVal).offset().left;
			var basketY 		= $("#productID_" + productIDVal).offset().top;
		
		} else {
			var basketX 		= mynewvarX;
			var basketY 		= mynewvarY;
		}
		
		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: "functions.php",  
				data: { productID: productIDVal, action: "addToBasket"},  
				success: function(theResponse) {
					//alert(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();
						
					} else {
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide();
						$("#basketItemsWrap li:first").show("slow");  
						$("#notificationsLoader").empty();			
					}
					
				}  
			});  
		
		});
	});
	
	
	
	$("#basketItemsWrap li img").live("click", function(event) { 
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	
		//alert(productIDValSplitter);
		$("#notificationsLoader").html('<img src="../images/loader.gif">');
	
		$.ajax({  
			type: "POST",  
			url: "functions.php",  
			data: { productID: productIDVal, action: "deleteFromBasket"},  
			success: function(theResponse) {				
				if( $("#productID_" + productIDVal).length > 0){
					$("#productID_" + productIDVal).hide("slow",  function() {$(this).remove();});
					$("#notificationsLoader").empty();
				} else {
					$("#basketItemsWrap li:first").before(theResponse);
					$("#notificationsLoader").empty();
				}
			}  
		});  
		
	});


	

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

	$(".productPriceWrapRights a img").click(function() {
		var productsIDValSplitter 	= (this.id).split("_");
		var productsIDVal 			= productsIDValSplitter[1];
		var productsX 		= $("#productImageWrapID_" + productsIDVal).offset().left;
		var productsY 		= $("#productImageWrapID_" + productsIDVal).offset().top;
		var mynewvarX		= $("#notificationsLoaders").offset().left;
		var mynewvarY		= $("#notificationsLoaders").offset().top;
		
		if( $("#productsID_" + productsIDVal).length > 0){
			var basketsX 		= $("#productsID_" + productsIDVal).offset().left;
			var basketsY 		= $("#productsID_" + productsIDVal).offset().top;
		
		} else {
			var basketsX 		= mynewvarX;
			var basketsY 		= mynewvarY;
		}
		
		var gotosX 			= basketsX - productsX;
		var gotosY 			= basketsY - productsY;
		
		var newImageWidths 	= $("#productImageWrapID_" + productsIDVal).width() / 3;
		var newImageHeights	= $("#productImageWrapID_" + productsIDVal).height() / 3;
		
		$("#productImageWrapID_" + productsIDVal + " img")
		.clone()
		.prependTo("#productImageWrapID_" + productsIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.1, marginLeft: gotosX, marginTop: gotosY, width: newImageWidths, height: newImageHeights}, 1200, function() {
																																																																										  			$(this).remove();
	
			$("#notificationsLoaders").html('<img src="../images/loader.gif">');
			
			$.ajax({  
				type: "POST",  
				url: "functions.php",  
				data: { productsID: productsIDVal, action: "toPBasket"},  
				success: function(theResponse) {
					//alert(theResponse);
					if( $("#productsID_" + productsIDVal).length > 0){
						$("#productsID_" + productsIDVal).animate({ opacity: 0 }, 500);
						$("#productsID_" + productsIDVal).before(theResponse).remove();
						$("#productsID_" + productsIDVal).animate({ opacity: 0 }, 500);
						$("#productsID_" + productsIDVal).animate({ opacity: 1 }, 500);
						$("#notificationsLoaders").empty();
						
					} else {
						$("#basketItemsWraps li:first").before(theResponse);
						$("#basketItemsWraps li:first").hide();
						$("#basketItemsWraps li:first").show("slow");  
						$("#notificationsLoaders").empty();			
					}
					
				}  
			});  
		
		});
	});
	
	
	
	$("#basketItemsWraps li img").live("click", function(event) { 
		var productsIDValSplitter 	= (this.id).split("_");
		var productsIDVal 			= productsIDValSplitter[1];	
		//alert(productIDValSplitter);
		$("#notificationsLoaders").html('<img src="../images/loader.gif">');
	
		$.ajax({  
			type: "POST",  
			url: "functions.php",  
			data: { productsID: productsIDVal, action: "deleteFromWish"},  
			success: function(theResponse) {				
				if( $("#productsID_" + productsIDVal).length > 0){
					$("#productsID_" + productsIDVal).hide("slow",  function() {$(this).remove();});
					$("#notificationsLoaders").empty();
				} else {
					$("#basketItemsWraps li:first").before(theResponse);
					$("#notificationsLoaders").empty();
				}
			}  
		});  
		
	});













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

	$(".productPriceWrapRighte a img").click(function() {
		var producteIDValSplitter 	= (this.id).split("_");
		var producteIDVal 			= producteIDValSplitter[1];
		var producteX 		= $("#productImageWrapID_" + producteIDVal).offset().left;
		var producteY 		= $("#productImageWrapID_" + producteIDVal).offset().top;
		var mynewvarX		= $("#notificationsLoadere").offset().left;
		var mynewvarY		= $("#notificationsLoadere").offset().top;
		

		if( $("#producteID_" + producteIDVal).length > 0){
			var basketeX 		= $("#producteID_" + producteIDVal).offset().left;
			var basketeY 		= $("#producteID_" + producteIDVal).offset().top;
		
		} else {
			var basketeX 		= mynewvarX;
			var basketeY 		= mynewvarY;
			//alert(mynewvarX + '->X and Y->' + mynewvarY);
		}
		
		var gotoeX 			= basketeX - producteX;
		var gotoeY 			= basketeY - producteY;
		
		var newImageWidthe 	= $("#productImageWrapID_" + producteIDVal).width() / 3;
		var newImageHeighte	= $("#productImageWrapID_" + producteIDVal).height() / 3;
		
		$("#productImageWrapID_" + producteIDVal + " img")
		.clone()
		.prependTo("#productImageWrapID_" + producteIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.1, marginLeft: gotoeX, marginTop: gotoeY, width: newImageWidthe, height: newImageHeighte}, 1200, function() {
																																																																										  			$(this).remove();
	
			$("#notificationsLoadere").html('<img src="../images/loader.gif">');
			
			$.ajax({  
				type: "POST",  
				url: "functions.php",  
				data: { producteID: producteIDVal, action: "enQBasket"},  
				success: function(theResponse) {
					//alert(theResponse);
					if( $("#producteID_" + producteIDVal).length > 0){
						$("#producteID_" + producteIDVal).animate({ opacity: 0 }, 500);
						$("#producteID_" + producteIDVal).before(theResponse).remove();
						$("#producteID_" + producteIDVal).animate({ opacity: 0 }, 500);
						$("#producteID_" + producteIDVal).animate({ opacity: 1 }, 500);
						$("#notificationsLoadere").empty();
						
					} else {
						$("#basketItemsWrape li:first").before(theResponse);
						$("#basketItemsWrape li:first").hide();
						$("#basketItemsWrape li:first").show("slow");  
						$("#notificationsLoadere").empty();			
					}
					
				}  
			});  
		
		});
	});
	
	
	
	$("#basketItemsWrape li img").live("click", function(event) { 
		var producteIDValSplitter 	= (this.id).split("_");
		var producteIDVal 			= producteIDValSplitter[1];	
		//alert(productIDValSplitter);
		$("#notificationsLoadere").html('<img src="../images/loader.gif">');
	
		$.ajax({  
			type: "POST",  
			url: "functions.php",  
			data: { producteID: producteIDVal, action: "deleteFromBaskete"},  
			success: function(theResponse) {				
				if( $("#producteID_" + producteIDVal).length > 0){
					$("#producteID_" + producteIDVal).hide("slow",  function() {$(this).remove();});
					$("#notificationsLoadere").empty();
				} else {
					$("#basketItemsWrape li:first").before(theResponse);
					$("#notificationsLoadere").empty();
				}
			}  
		});  
		
	});


});