Index: branches/1.0.x/elements/side_boxes/compare.elm.tpl
===================================================================
diff -u -N -r14770 -r14907
--- branches/1.0.x/elements/side_boxes/compare.elm.tpl	(.../compare.elm.tpl)	(revision 14770)
+++ branches/1.0.x/elements/side_boxes/compare.elm.tpl	(.../compare.elm.tpl)	(revision 14907)
@@ -1,32 +1,60 @@
-<inp2:p_InitList list_name="compare_products" types="compare" parent_cat_id="0" recursive="1" max="4"/>
+<inp2:m_if check="m_Get" name="ajax" equals_to="yes">
+	<inp2:m_NoDebug/>
+</inp2:m_if>
 
-<div class="block no-border-bottom">
-	<h2><em>Comparing Products (3)</em><span class="bullet"></span></h2>
+<inp2:m_Include template="elements/content_boxes.elm" strip_nl="2"/>
+<inp2:m_Include template="elements/product_elements.elm" strip_nl="2"/>
+
+<inp2:p_InitList list_name="compare_products" types="compare" parent_cat_id="any" per_page="4"/>
+
+<div class="block no-border-bottom" id="compare-products-sidebox"<inp2:m_ifnot check="p_TotalRecords" list_name="compare_products"> style="display: none;"</inp2:m_ifnot>>
+	<h2>
+		<em>Comparing Products (<inp2:p_TotalRecords list_name="compare_products"/>)</em>
+		<span class="bullet"></span>
+	</h2>
 	<div class="good-item border-radius-bottom comparing-items">
-		<dl>
-			<dt><a href="#">Nikon D5000 Digital Camera</a></dt>
-			<dd>
-				<p class="img"><a href="#"><img src="<inp2:m_TemplatesBase/>img/samples/good1.jpg" width="136" height="136" alt="" /></a></p>
-				<p class="button-delete"><a href="#"><img src="<inp2:m_TemplatesBase/>img/icon-delete.png" width="13" height="13" alt="" /></a></p>
-			</dd>
-		</dl>
-		<dl>
-			<dt><a href="#">Nikon D5000 Digital Camera</a></dt>
-			<dd>
-				<p class="img"><a href="#"><img src="<inp2:m_TemplatesBase/>img/samples/good1.jpg" width="136" height="136" alt="" /></a></p>
-				<p class="button-delete"><a href="#"><img src="<inp2:m_TemplatesBase/>img/icon-delete.png" width="13" height="13" alt="" /></a></p>
-			</dd>
-		</dl>
-		<dl>
-			<dt><a href="#">Nikon D5000 Digital Camera</a></dt>
-			<dd>
-				<p class="img"><a href="#"><img src="<inp2:m_TemplatesBase/>img/samples/good1.jpg" width="136" height="136" alt="" /></a></p>
-				<p class="button-delete"><a href="#"><img src="<inp2:m_TemplatesBase/>img/icon-delete.png" width="13" height="13" alt="" /></a></p>
-			</dd>
-		</dl>
+		<inp2:m_DefineElement name="compare_product_element">
+			<dl>
+				<dt><a href="<inp2:ProductLink template='__default__'/>"><inp2:Field name="Name"/></a></dt>
+				<dd>
+					<p class="img">
+						<a href="<inp2:ProductLink template='__default__'/>">
+							<inp2:Image render_as="image_element" Primary="1" Thumbnail="1" DefaultImage="img/no_picture.gif" MaxWidth="136" MaxHeight="136"/>
+						</a>
+					</p>
+
+					<p class="button-delete">
+						<a href="#"><img src="<inp2:m_TemplatesBase/>img/icon-delete.png" width="13" height="13" alt="" /></a>
+					</p>
+				</dd>
+			</dl>
+		</inp2:m_DefineElement>
+
+		<inp2:p_ListProducts list_name="compare_products" render_as="sidebox_product_element" no_table="1"/>
+
 		<p class="form buttons">
-			<input type="submit" value="Compare" id="submit" class="green-button" />&nbsp;&nbsp;&nbsp;
-			<input type="reset" value="Clear" id="cancel" class="grey-button" />
+			<input type="button" value="Compare" id="compare-products-btn" class="green-button" />&nbsp;&nbsp;&nbsp;
+			<input type="button" value="Clear" id="cancel-compare-btn" class="grey-button" />
 		</p>
 	</div>
-</div>
\ No newline at end of file
+</div>
+
+<script type="text/javascript">
+	$(document).ready(
+		function () {
+			$('.addtocart', '#compare-products-sidebox').click(add_to_cart_handler);
+
+			$('#compare-products-btn').click(
+				function () {
+					redirect('<inp2:m_Link template="products/compare" js_escape="1"/>');
+				}
+			);
+
+			$('#cancel-compare-btn').click(
+				function () {
+					compare_product(0, 'OnCancelCompare');
+				}
+			);
+		}
+	);
+</script>
\ No newline at end of file