$(document).ready(function(){ 

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

	$(".productPriceWrapRight a img").click(function() {
		var productIDValSplitter 	= (this.id).split("-");
		var productIDVal 			= productIDValSplitter[1];
		
		var product_tab = productIDValSplitter[2];
		
	    var var_id = document.getElementById('id_var').value;
	
		
		var productX 		= $("#productImageWrapID-" + productIDVal +"-"+ product_tab).offset().left;
		var productY 		= $("#productImageWrapID-" + productIDVal +"-"+ product_tab).offset().top;
		
		if( $("#deleteproductID_" + productIDVal + product_tab + var_id).length > 0){
			var basketX 		= $("#deleteproductID_" + productIDVal + product_tab + var_id).offset().left;
			var basketY 		= $("#deleteproductID_" + productIDVal + product_tab + var_id).offset().top;			
		} else {
			var basketX 		= $("#obsah_menu").offset().left;
			var basketY 		= $("#obsah_menu").offset().top;
			    basketY         = basketY + 250;
		}
		
		var gotoX 			= basketX - productX;
		var gotoY 			= basketY - productY;
		
		var newImageWidth 	= $("#productImageWrapID-" + productIDVal +"-"+ product_tab).width() / 3;
		var newImageHeight	= $("#productImageWrapID-" + productIDVal +"-"+ product_tab).height() / 3;
		
		$("#productImageWrapID-" + productIDVal +"-"+ product_tab + " img")
		.clone()
		.prependTo("#productImageWrapID-" + productIDVal +"-"+ product_tab)
		.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="/kosik/images/loader.gif">');
			
			var ks_ko = document.getElementById('ks_kos').value;
		    
			$.ajax({  
				type: "POST",  
				url: "/kosik/functions.php",  
				data: { productID: productIDVal, action: "addToBasket", tab: product_tab, ks: ks_ko, var_id: var_id},  
				success: function(theResponse) {
					
					if( $("#deleteproductID_" + productIDVal + product_tab + var_id).length > 0){
						$("#deleteproductID_" + productIDVal + product_tab + var_id).animate({ opacity: 0 }, 500);
						$("#deleteproductID_" + productIDVal + product_tab + var_id).before(theResponse).remove();
						$("#deleteproductID_" + productIDVal + product_tab + var_id).animate({ opacity: 0 }, 500);
						$("#deleteproductID_" + productIDVal + product_tab + var_id).animate({ opacity: 1 }, 500);
						$("#notificationsLoader").empty();
						
						
					} else {
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide();
						$("#basketItemsWrap li:first").show("slow");  
						$("#notificationsLoader").empty();
						
					}
					
				
        	var ztrghz = document.getElementById('cena_v_tab_celk').innerHTML;
        document.getElementById('basket_total_price').innerHTML= ''+ztrghz;	
					
				}  
			});  
			
			
				
									
			
			
			
			
		});
		
		
		
		
		
	});
	
	
	
	$("#basketItemsWrap li img").live("click", function(event) { 
		var productIDValSplitter 	= (this.id).split("-");
		var productIDVal 			= productIDValSplitter[1];	
        var product_tab = productIDValSplitter[2];
        var product_var = productIDValSplitter[3];
        
		$("#notificationsLoader").html('<img src="/kosik/images/loader.gif">');
	
		$.ajax({  
			type: "POST",  
			url: "/kosik/functions.php",  
			data: { productID: productIDVal, action: "deleteFromBasket", tab: product_tab, var_id: product_var },  
			success: function(theResponse) {
				
				$("#deleteproductID_" + productIDVal + product_tab + product_var).hide("slow",  function() {$(this).remove();});
				document.getElementById('ccc').innerHTML= ''+(theResponse);
				$("#notificationsLoader").empty();
				
				
				var ztrghz = document.getElementById('cena_v_tab_celk').innerHTML;
        document.getElementById('basket_total_price').innerHTML= ''+ztrghz;	
				
			}  
		});  
		
	});

});