$(document).ready(function(){
	$("#basketItemsWrap li:first").hide();

	if($("#basketItemsWrap li").length<=1)
		$("#basketLink").hide();

//	$(".productPriceWrapRight a img").click(function() {
	$(".productPriceWrapRight a img").live("click", function(event) {
		//var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= getProductID(); //productIDValSplitter[1];
		//var productSubIDVal 			= productIDValSplitter[2];
		//alert(productIDVal);
		var optionIDVal 			= getOptionID(); //productIDValSplitter[1];
		if(optionIDVal==0) return;

		//var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		//var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
		//var productX 		= $("#productImageWrapID").offset().left;
		//var productY 		= $("#productImageWrapID").offset().top;
		var productX 		= $("#productNameWrapID").offset().left;
		var productY 		= $("#productNameWrapID").offset().top;

		var name = "#productID_" + productIDVal+"_"+optionIDVal;
		if( $(name).length > 0){
			var basketX 		= $(name).offset().left;
			var basketY 		= $(name).offset().top;
		} 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;
		//var newImageWidth 	= $("#productImageWrapID").width() / 3;
		//var newImageHeight	= $("#productImageWrapID").height() / 3;
		var newImageWidth 	= $("#productNameWrapID").width() / 3;
		var newImageHeight	= $("#productNameWrapID").height() / 3;

		//$("#productImageWrapID_" + productIDVal + " img")
		//$("#productImageWrapID" + " img")
		$("#productNameWrapID")
		.clone()
		//.prependTo("#productImageWrapID_" + productIDVal)
		//.prependTo("#productImageWrapID")
		.prependTo("#productNameWrapID")
		.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="/sklep/images/loader.gif">');

			$.ajax({
				type: "POST",
				url: "/sklep/index.php",
				data: { productID: productIDVal, optionID: optionIDVal, action: "addToBasket"},
				success: function(theResponse) {
					var name ="#productID_" + productIDVal + "_" + optionIDVal;
					alert("Produkt został dodany do koszyka.");
					if( $(name).length > 0){
						$(name).animate({ opacity: 0 }, 500);
						$(name).before(theResponse).remove();
						$(name).animate({ opacity: 0 }, 500);
						$(name).animate({ opacity: 1 }, 500);
						$("#notificationsLoader").empty();
					} else {
						/*var listContainer = $("#basketItemsWrap li");
						var childCount = listContainer.length;
						if(childCount>4) {
							$("#basketItemsWrap li:last").remove();
							//if($("#basketItemsWrap li:last").html()=="...") $("#basketItemsWrap li:last").html("...").hide();
							$("#basketItemsWrap li:last").html("..."); //hide("slow",  function() {$(this).remove();});
						}
						if(childCount==4) {
							$("#basketItemsWrap li:last").html("..."); //hide("slow",  function() {$(this).remove();});
						}*/
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide();
						$("#basketItemsWrap li:first").show("slow");
						$("#basketLink").show("slow");
						$("#notificationsLoader").empty();
					}

				},
				error: function(theResponse) {
					//alert(theResponse.responseText);
					$("#notificationsLoader").empty();
				}
			});

		});

	});



	$("#basketItemsWrap li img").live("click", function(event) {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		var optionIDVal 			= productIDValSplitter[2];

		$("#notificationsLoader").html('<img src="/sklep/images/loader.gif">');

		$.ajax({
			type: "POST",
			url: "/sklep/index.php",
			data: { productID: productIDVal, optionID: optionIDVal, action: "deleteFromBasket"},
			success: function(theResponse) {
				if(theResponse==0) $("#basketLink").hide("slow");
				$("#productID_" + productIDVal + "_" + optionIDVal).hide("slow",  function() {$(this).remove();});
				$("#notificationsLoader").empty();
			},
			error: function(theResponse) {
					//alert(theResponse.responseText);
					$("#notificationsLoader").empty();
			}
		});

	});

});

