// JavaScript Document

$(document).ready(function(){ 

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

	$(".productPriceWrapRight a").click(function() {
													 
		var scolor= $(".dropdown dt a span").html();
		var ssize= $("#size option:selected").val();
		var sstyle= $("#style option:selected").val();
		var login=$("#userlogin").val();
		
		if(login ==''){
			
			if ( confirm('Please login or register before add item to your order') )
			{
				location.href = 'login.php';
			}
			return false;
			
		}		
													 
		if(scolor =='please select color'){
			
			alert('Please select color');
			return false;
			
		}
		
		if(ssize==''){
			
			alert('Please select size');
			return false;
			
		}	
		
		if(sstyle ==''){
			
			alert('Please select style');
			return false;
			
		}
		

													 
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		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 		= $("#basketItemsWrap").offset().left;
			var basketY 		= $("#basketItemsWrap").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}, 1200, function() {
																																																																										  			$(this).remove();
	
			$("#notificationsLoader").html('<img src="images/loader.gif">');
			
				var sizeID = $("#size option:selected").val();
				var styleID = $("#style option:selected").val();
				var productColor = $("#productColor").val();
				var codeColor = $("#codeColor").val();
			
		
			$.ajax({  				  
				
				type: "POST",  
				url: "libs/cart.php",  
				data: { productID: productIDVal, size_id: sizeID, style_id: styleID, product_color: productColor, codecolor: codeColor, action: "addToBasket"},  
				success: function(theResponse) {
					

						$("#basketItemsWrap").html(theResponse);
						$("#notificationsLoader").empty();			
				
					
				}  
			});  
		
		});
		
	});
	
	
	
	$("#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: "libs/cart.php",  
			data: { productID: productIDVal, action: "deleteFromBasket"},  
			success: function(theResponse) {
				
				$("#productID_" + productIDVal).hide("slow",  function() {
					$(this).remove();
				});
				
				$("#notificationsLoader").empty();
			
			}  
		});  
		
	});

});

function removeitem(productId){
	
		$("#notificationsLoader").html('<img src="images/loader.gif">');
		$.ajax({  
			type: "POST",  
			url: "libs/cart.php",  
			data: { productID: productId, action: "deleteFromBasket"},  
			success: function(theResponse) {
				
				$("#itemID_" + productId).remove();
				$("#notificationsLoader").empty();

							
			}  
		});  

	
}