$(document).ready(function(){ 
	
		

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

	//$(".productPriceWrapRight a img").click(function() {
	$(".productPriceWrapRight a img").live("click", function(event) { 
															 
		/*	var url='nedefinets';
			$('a#process').bind("click", function(event) {
				event.preventDefault();
				var url = $(this).attr("href");
				alert("call this page: " + url);
				});
			alert(url);																 
		// Read a page's GET URL variables and return them as an associative array.
			$.extend({
			  getUrlVars: function(){
				var vars = [], hash;
				
				var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
				for(var i = 0; i < hashes.length; i++)
				{
				  hash = hashes[i].split('=');
				  vars.push(hash[0]);
				  vars[hash[0]] = hash[1];
				}
				return vars;
			  },
			  getUrlVar: function(name){
				return $.getUrlVars()[name];
			  }
			});
		
		var personas = $.getUrlVar('pers');*/
		
		var personas = (this.name);
		
		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 		= $("#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}, 1200, function() {
																																																																										  			$(this).remove();
	
			$("#notificationsLoader").html('<img src="images/tehn/loader.gif">');
		
			$.ajax({  
				type: "POST",  
				url: "inc/functions.php",  
				data: { productID: productIDVal, action: "addToBasket", pers: personas  },  
				success: function(theResponse) {
					
					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();			
					}
					
					
				}  
			}); 
			
			$.ajax({ //kopejas cena lauka updeits
			url: "inc/suma_kopa.php",
			global: false,
			type: "POST",
			data: ({productID : productIDVal}),
			dataType: "html",
			success: function (response) {
				 $('#cena_kopa').html(response);
				}
			})
		
		});
		
	});
	
	
	
	$("#basketItemsWrap li img").live("click", function(event) { 
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	

		$("#notificationsLoader").html('<img src="images/tehn/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({ //kopejas cena lauka updeits
			url: "inc/suma_kopa.php",
			global: false,
			type: "POST",
			data: ({productID : productIDVal}),
			dataType: "html",
			success: function (response) {
				 $('#cena_kopa').html(response);
				}
			})
		
	});
	
	
	

});