$(document).ready(function(){ 

	$("#basketItemsWrap li:first").hide();
	
	$(".add").click(function() {
							 //alert("");
		var productIDVal	= (this.id);
		var size=$('#'+productIDVal).attr('name');
		
		//var productIDVal 			= productIDValSplitter[1];
	
		$("#notificationsLoader").html('<img src="images/loader.gif">');
	    if(size!="" && size!="Choose Size"){
		$.ajax({  
		type: "POST",  
		url: "inc/functions.php",  
		data: { productID: productIDVal,productSize:size, action: "addToBasket"},  
		success: function(theResponse) {
			
			if( $("#productID_" + productIDVal).length > 0){
				$("#productID_" + productIDVal).animate({ opacity: 0 }, 500, function() {
					$("#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();			
			}
		
		$.ajax({  
		type: "POST",  
		url: "inc/functions.php",  
		data: { productID: productIDVal, action: "getTot"},  
		success: function(theResponse) {
				
				
				//$("#tot:text").remove();	
				
				$("#tot").text("£"+theResponse);
				$("#tot").hide();
				$("#tot").show("slow");  
				//$("#tot").empty();			
			}
			
		 
		});
		
		}  
		
			   
		});  
		
		}else(alert("Select your size!Thanks!"))
	});
	
	
	
	$("#basketItemsWrap p img,#basketItemsWrap li img").live("click", function(event) { 
														
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	
	
		$("#notificationsLoader").html('<img src="images/loader.gif">');
	
		$.ajax({  
		type: "POST",  
		url: "inc/functions.php",  
		data: { productID: productIDVal, action: "deleteFromBasket"},  
		success: function(theResponse) {
			
			$("#productID_" + productIDVal).hide("slow",  function() {$(this).remove();});
			$("#notificationsLoader").empty();
			
			
				$.ajax({  
		type: "POST",  
		url: "inc/functions.php",  
		data: { productID: productIDVal, action: "getTot"},  
		success: function(theResponse) {
				
				
				//$("#tot:text").remove();	
				$("#tot").text(theResponse);
				$("#tot").hide();
				$("#tot").show("slow");  
				//$("#tot").empty();			
			}
			
		 
		});
		
		}  
		}); 
		
	
		
	});

});
