var $j = jQuery.noConflict();



$j(document).ready(function(){ 

	$j(".productPriceWrapRight span").click(function() {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		
		var productX 		= $j("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $j("#productImageWrapID_" + productIDVal).offset().top;
		
		if( $j("#productID_" + productIDVal).length > 0){
			var basketX 		= $j("#productID_" + productIDVal).offset().left;
			var basketY 		= $j("#productID_" + productIDVal).offset().top;			
		} else {
			var basketX 		= $j("#basketTitleWrap").offset().left;
			var basketY 		= $j("#basketTitleWrap").offset().top;
		}
		
		var gotoX 			= basketX - productX;
		var gotoY 			= basketY - productY;
		
		var newImageWidth 	= $j("#productImageWrapID_" + productIDVal).width() / 3;
		var newImageHeight	= $j("#productImageWrapID_" + productIDVal).height() / 3;
		
		var quantity=document.getElementById("quan").value;


		var dataString = 'add='+ productIDVal + '&quan=' + quantity; 

		var post_data = $j("prod"+productIDVal).serialize();

		var i=1;

		for(i=1;i<=15;i++){

		selectMenu=document.getElementById("option"+i);

		if(selectMenu!=null){


		var index = document.getElementById("option"+i).selectedIndex;

		var value=document.getElementById("option"+i).options[index].value;

		var dataString=dataString+"&"+document.getElementById("option"+i).name+"="+value;

		}

		}


		$j("#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() {
																																																																										  			$j(this).remove();
	
			$j("#notificationsLoader").html('<img src="http://www.upoharbd.com/inc/images/loader.gif">');
		
			$j.ajax({  
				type: "POST",  
				url: "http://www.upoharbd.com/inc/functions.php",  
				data: dataString,  
				success: function(theResponse) {
					
					if( $j("#productID_" + productIDVal).length > 0){
						$j("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
						$j("#productID_" + productIDVal).before(theResponse).remove();
						$j("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
						$j("#productID_" + productIDVal).animate({ opacity: 1 }, 500);
						$j("#notificationsLoader").empty();
						
					} else {

						$j("#basketItemsWrap").html(theResponse);

						$j("#notificationsLoader").empty();			
					}
					
				}  
			});  
		
		});
		
	});
	
	
	
	$j("#basketItemsWrap li img").live("click", function(event) { 
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	

		$j("#notificationsLoader").html('<img src="http://www.upoharbd.com/inc/images/loader.gif">');
	
		$j.ajax({  
			type: "POST",  
			url: "http://www.upoharbd.com/inc/functions.php",  
			data: { productID: productIDVal, action: "deleteFromBasket"},  
			success: function(theResponse) {
				
				$j("#productID_" + productIDVal).hide("slow",  function() {$j(this).remove();});
				$j("#notificationsLoader").empty();
			
			}  
		});  
		
	});

});