jQuery(document).ready(function(){

	jQuery(".productPriceWrapRight a img").click(function() {					   
		
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		
		var orderAmountVal = 		document.getElementById("orderAmount_" + productIDVal).value;
		
		var highWeightText = document.getElementById("highWeightText").value;
		
		var productX 		= jQuery("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= jQuery("#productImageWrapID_" + productIDVal).offset().top;
		
		if( jQuery("#productID_" + productIDVal).length > 0){
			var basketX 		= jQuery("#productID_" + productIDVal).offset().left;
			var basketY 		= jQuery("#productID_" + productIDVal).offset().top;			
		} else {
			var basketX 		= jQuery("#basketTitleWrap").offset().left;
			var basketY 		= jQuery("#basketTitleWrap").offset().top;
		}
		
		var gotoX 			= basketX - productX;
		var gotoY 			= basketY - productY;
		
		var newImageWidth 	= jQuery("#productImageWrapID_" + productIDVal).width() / 3;
		var newImageHeight	= jQuery("#productImageWrapID_" + productIDVal).height() / 3;
		
		jQuery("#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() {
																																																																										  			jQuery(this).remove();
		
			jQuery.ajax({  
				type: "POST",  
				url: "addProduct.jsp",  
				data: { productID: productIDVal, orderAmount: orderAmountVal, action: "addToBasket"},  
				success: function(theResponse) {
					
					var response = theResponse.trim();
					var totalWeightReachedIndicator = response.substring(0,1);
					var productLi = response.substring(1);
					
					if( jQuery("#productID_" + productIDVal).length > 0){//second item of same product
						jQuery("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
						jQuery("#productID_" + productIDVal).before(productLi).remove();
						jQuery("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
						jQuery("#productID_" + productIDVal).animate({ opacity: 1 }, 500);
						
					} else {
						jQuery("#basketItemsWrap li:first").before(productLi);
						jQuery("#basketItemsWrap li:first").hide();
						jQuery("#basketItemsWrap li:first").show("slow"); 
						jQuery("#emptycart").hide("slow"); 	
					}
					
					if(totalWeightReachedIndicator == "1")
					{
						jQuery("#contentpanel").after("<div id='maxWeightReached'><p>"+highWeightText+"</p></div>");
					}
					
					
				}  
			});  
		
		});
		
	});
	jQuery("#maxWeightReached").live("click", function(event) {
				jQuery("#maxWeightReached").remove();									  
	});
	
	jQuery("#basketItemsWrap li img").live("click", function(event) {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	

		//jQuery("#notificationsLoader").html('<img src="images/loader.gif">');
	
		jQuery.ajax({  
			type: "POST",  
			url: "removeProduct.jsp",  
			data: { productID: productIDVal, action: "deleteFromBasket"},  
			success: function(theResponse) {
				jQuery("#productID_" + productIDVal).hide("slow",  function() {
					jQuery(this).remove();
					if(theResponse.trim() == 0){
						jQuery("#basketItemsWrap li:first").before("<li id='emptycart'><p align='center'>Uw winkelkar is leeg.</p></li>");
					}
				});
			}  
		});  
		
	});

});