Index: details.tpl
===================================================================
--- details.tpl	(revision 14888)
+++ details.tpl	(working copy)
@@ -84,7 +84,13 @@
 					</div>
 					<div class="doplinks">
 						<a href="#" class="link-print">Print this Page</a><br />
-						<a href="#" class="link-compare">Compare to other Products</a><br />
+
+						<inp2:m_if check="p_InCompare">
+							<a href="#" class="link-compare" added="1">Remove from Comparison List</a><br />
+						<inp2:m_else/>
+							<a href="#" class="link-compare" added="0">Compare to other Products</a><br />
+						</inp2:m_if>
+
 						<a href="#" class="link-wishlist">Add to Wishlist</a><br />
 					</div>
 				</div>
@@ -241,23 +247,45 @@
 <inp2:m_DefineElement name="add_to_head">
 	<script src="<inp2:m_TemplatesBase />inc/js/jquery.gzoom.js"></script>
 	<script src="<inp2:m_TemplatesBase />inc/js/jquery.pikachoose.full.js"></script>
+
 	<script type= "text/javascript">
-		/*<![CDATA[*/
-		$(function() {
-			$("#tabs").tabs();
+		$(document).ready(
+			function() {
+				$('#tabs').tabs();
+				$('#pikame').PikaChoose({autoPlay:false, showCaption:false});
 
-			$("#pikame").PikaChoose({autoPlay:false, showCaption:false});
-		});
-		window.onload= function () {
-			$("#zoom").gzoom({
-					sW: 258,
-					sH: 258,
-					lW: 1400,
-					lH: 1050,
-					lighbox : false
+				$('.link-compare').click(
+					function ($e) {
+						var $me = $(this),
+							$added = $me.attr('added') == '1';
+
+						compare_product(
+							<inp2:p_Field name="ProductId"/>,
+							!$added,
+							function ($data) {
+								$added = !$added;
+
+								$me
+								.attr('added', $added ? '1' : '0')
+								.html($added ? 'Remove from Comparison List' : 'Compare to other Products');
+							}
+						);
+
+						return false;
+					}
+				);
+			}
+		);
+
+		window.onload = function () {
+			$('#zoom').gzoom({
+				sW: 258,
+				sH: 258,
+				lW: 1400,
+				lH: 1050,
+				lighbox : false
 			});
 		};
-		/*]]>*/
 	</script>
 
 </inp2:m_DefineElement>