	var success = false;
	
	function addToBasket(url,sender) {

		var node = document.createElement('script');
		node.type = 'text/javascript';
		node.src = url + "&ajax=1";		
		
		var loadingIcon = document.createElement("img");
		loadingIcon.src = "/images/www/ajax-loader.gif";
		
		var pos = $(sender).position();
		
		$(loadingIcon).css("top",pos.top - 5);
		$(loadingIcon).css("left",pos.left + 11);
		$(loadingIcon).css("position","absolute");
		
		$(loadingIcon).appendTo($("#container"));
		$(loadingIcon).show();
		 
		$(sender).fadeTo("fast", 0.33);
		 
		
		 
		// The onload mechanism only works on gecko browsers
		function loadFinished() {
			if (success==1) {
				$(loadingIcon).remove();
				$(sender).fadeTo("fast", 1);
				
				if (!sender.clicked) {
					//alert("Added to basket");
										
					var message = document.createElement("p");
					$(message).addClass("messageBox");						
											
					$(message).html("Added to basket");
					$(message).hide();
					
					$(message).insertAfter($(sender));
	//				timer = setTimeout('$(message).fadeOut("slow")',8000);
					messageBox = message;
				
				}
				else {
					messageBox = $(sender).next();
				}
				
				$(messageBox).effect("highlight",{color:"#59b9df"},1000);
				
				sender.clicked = true;
			}
			else {
				$(loadingIcon).remove();
				$(sender).fadeTo("fast", 1);
				//alert("error");
				
			}
		 }
		 
		 if ( ! document.all ) {
		 	node.onload = loadFinished;
		 } else {		 
			 //For IE 
			 node.onreadystatechange = loadFinished;
		 }
		 
		// Find the head of the document and inject the script reference
		var head = document.getElementsByTagName('HEAD')[0];
		head.appendChild(node);
		
		
	}
