$(document).ready(function(){ 
	
	
	//$("#basketWrap")
	//.css({'display' : 'none'})
	


	
	$("#basketItemsWrap li:first").hide();
	
	$("#oform a").click(function() {
		$("#hide")
		.css({'display' : 'none'})
		.css({'visibility' : 'hidden'})
		
		$("#hide1")
		.css({'display' : 'block'})
		.css({'visibility' : 'visible'})
	});
	
	$("#oform2 a").click(function() {
		$("#hide")
		.css({'display' : 'block'})
		.css({'visibility' : 'visible'})
		
		$("#hide1")
		.css({'display' : 'none'})
		.css({'visibility' : 'none'})
	});

	$(".productPriceWrapRight a img").click(function() {
	
		$("#basketWrap")
		.css({'display' : 'block'})
	
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		var shopidVal				= productIDValSplitter[2];
		
		var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
		
		if( $("#productID_" + productIDVal).length > 0){
			var basketX 		= $("#productID_" + productIDVal).offset().left;
			var basketY 		= $("#productID_" + productIDVal).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;
		
		$("#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}, 800, function() {
																																																																										  			$(this).remove();
	
			$("#notificationsLoader").html('<img src="/js/cart/fly-to-basket/images/loader.gif">');
		
			$.ajax({  
				type: "POST",  
				url: "/js/cart/fly-to-basket/inc/functions.php",  
				data: {shopid: shopidVal, productID: productIDVal, action: "addToBasket"},  
				success: function(theResponse) {
				
					$("#overall").hide();
					$("#overall").remove();
					$("#overall").show("slow");
					
					if( $("#formID_" + productIDVal).length > 0){
						$("#formID_" + productIDVal).remove();
						$("#formID_" + productIDVal).show("slow"); 
					} else {
						$("#formID_" + productIDVal).hide("slow");
						$("#formID_" + productIDVal).remove();
						$("#formID_" + productIDVal).show("slow"); 
					}
					
					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 #del img").live("click", function(event) { 
		$("#overall").hide();
		$("#overall").remove();
		
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	
		var shopidVal				= productIDValSplitter[2];
		

		$("#notificationsLoader").html('<img src="/js/cart/fly-to-basket/images/loader.gif">');
	
		$.ajax({  
			type: "POST",  
			url: "/js/cart/fly-to-basket/inc/functions.php",  
			data: { shopid: shopidVal, productID: productIDVal, action: "deleteFromBasket"},  
			success: function(theResponse) {
					
					if( $("#formID_" + productIDVal).length > 0){
						$("#formID_" + productIDVal).remove();
						$("#formID_" + productIDVal).show("slow"); 
					} else {
						$("#formID_" + productIDVal).hide("slow");
						$("#formID_" + productIDVal).remove();
						$("#formID_" + productIDVal).show("slow"); 
					}
				
				//$("#productID_" + productIDVal).hide("slow",  function() {$(this).remove();});
				//$("#productID_" + productIDVal).hide("slow");
				//$("#productID_" + productIDVal).remove();
				$("#productID_" + productIDVal).hide("slow",  function() {
					$("#productID_" + productIDVal).before(theResponse).remove();
				});
				$("#overall").hide("slow");
					$("#overall").remove();
					$("#overall").show("slow");
				
				
				/*
					if( $("#productID_" + productIDVal).length > 0){
						$("#productID_" + productIDVal).animate({ opacity: 0 }, 100);
						$("#productID_" + productIDVal).before(theResponse).remove();
						$("#productID_" + productIDVal).animate({ opacity: 0 }, 100);
						$("#productID_" + productIDVal).animate({ opacity: 1 }, 100);
						$("#notificationsLoader").empty();
						
						
					} else {
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide("slow");
						$("#basketItemsWrap li:first").show("slow"); 
						$("#notificationsLoader").empty();	
					}
				*/
				$("#notificationsLoader").empty();
			
				
			}  
		});
		
	});
	
	
	$("#basketItemsWrap li #min img").live("click", function(event) {
		$("#overall").hide();
		$("#overall").remove();
		
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		var shopidVal				= productIDValSplitter[2];
		
		var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
		
		if( $("#productID_" + productIDVal).length > 0){
			var basketX 		= $("#productID_" + productIDVal).offset().left;
			var basketY 		= $("#productID_" + productIDVal).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;
		
		//$("#productImageWrapID_" + productIDVal + " img")
		$("#oform img")
		.clone()
		.prependTo("#productImageWrapID_" + productIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0}, 100 )
		.animate({opacity: 0, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 100, function() {
																																																																										  			$(this).remove();
	
			$("#notificationsLoader").html('<img src="/js/cart/fly-to-basket/images/loader.gif">');
		
			$.ajax({  
				type: "POST",  
				url: "/js/cart/fly-to-basket/inc/functions.php",  
				data: { shopid: shopidVal, productID: productIDVal, action: "minusFromBasket"},  
				success: function(theResponse) {
				
					$("#overall").hide();
					$("#overall").remove();
					$("#overall").show("slow");
					
					if( $("#formID_" + productIDVal).length > 0){
						$("#formID_" + productIDVal).remove();
						$("#formID_" + productIDVal).show("slow"); 
					} else {
						$("#formID_" + productIDVal).hide("slow");
						$("#formID_" + productIDVal).remove();
						$("#formID_" + productIDVal).show("slow"); 
					}

					
					if( $("#productID_" + productIDVal).length > 0){
						$("#productID_" + productIDVal).animate({ opacity: 0 }, 100);
						$("#productID_" + productIDVal).before(theResponse).remove();
						$("#productID_" + productIDVal).animate({ opacity: 0 }, 100);
						$("#productID_" + productIDVal).animate({ opacity: 1 }, 100);
						$("#notificationsLoader").empty();
						
						
					} else {
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide();
						$("#basketItemsWrap li:first").show("slow"); 
						$("#notificationsLoader").empty();	
					}
					
				
					
				}  
			});  
		
		});
		
	});
	
	
	
	
	
	$("#basketItemsWrap li #plus img").live("click", function(event) {
		$("#overall").hide();
		$("#overall").remove();
		
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		var shopidVal				= productIDValSplitter[2];
		
		var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
		
		if( $("#productID_" + productIDVal).length > 0){
			var basketX 		= $("#productID_" + productIDVal).offset().left;
			var basketY 		= $("#productID_" + productIDVal).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;
		
		//$("#productImageWrapID_" + productIDVal + " img")
		$("#oform img")
		.clone()
		.prependTo("#productImageWrapID_" + productIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0}, 100 )
		.animate({opacity: 0, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 100, function() {
																																																																										  			$(this).remove();
	
			$("#notificationsLoader").html('<img src="/js/cart/fly-to-basket/images/loader.gif">');
		
			$.ajax({  
				type: "POST",  
				url: "/js/cart/fly-to-basket/inc/functions.php",  
				data: { shopid: shopidVal, productID: productIDVal, action: "plusFromBasket"},  
				success: function(theResponse) {
				
					$("#overall").hide();
					$("#overall").remove();
					$("#overall").show("slow");
					
					if( $("#formID_" + productIDVal).length > 0){
						$("#formID_" + productIDVal).remove();
						$("#formID_" + productIDVal).show("slow"); 
					} else {
						$("#formID_" + productIDVal).hide("slow");
						$("#formID_" + productIDVal).remove();
						$("#formID_" + productIDVal).show("slow"); 
					}

					
					if( $("#productID_" + productIDVal).length > 0){
						$("#productID_" + productIDVal).animate({ opacity: 0 }, 100);
						$("#productID_" + productIDVal).before(theResponse).remove();
						$("#productID_" + productIDVal).animate({ opacity: 0 }, 100);
						$("#productID_" + productIDVal).animate({ opacity: 1 }, 100);
						$("#notificationsLoader").empty();
						
						
					} else {
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide();
						$("#basketItemsWrap li:first").show("slow"); 
						$("#notificationsLoader").empty();	
					}
					
				
					
				}  
			});  
		
		});
		
	});

});