Index: branches/1.0.x/elements/products_menu.elm.tpl
===================================================================
diff -u -N -r14708 -r14766
--- branches/1.0.x/elements/products_menu.elm.tpl	(.../products_menu.elm.tpl)	(revision 14708)
+++ branches/1.0.x/elements/products_menu.elm.tpl	(.../products_menu.elm.tpl)	(revision 14766)
@@ -1,95 +1,94 @@
 <div class="level2">
 	<div class="level2-bg">
 		<div id="level2-menu">
-			<h3><a href="#">Musical Instruments</a></h3>
-			<div>
-				<ul>
+
+			<inp2:m_DefineElement name="category_level3_element">
+				<li>
+					<a href="<inp2:CategoryLink template='__default__' m_cat_page='1'/>" products_url="<inp2:CategoryLink template='products/shop_all' m_cat_page='1'/>"><inp2:Field name="Name"/></a>
+				</li>
+			</inp2:m_DefineElement>
+
+			<inp2:m_DefineElement name="category_level2_element">
+
+				<inp2:m_if check="Field" name="CachedDescendantCatsQty">
 					<li class="level3-menu">
-						<h4><a href="#">35mm & SLR Cameras</a></h4>
+						<h4><a href="<inp2:CategoryLink template='__default__' m_cat_page='1'/>" products_url="<inp2:CategoryLink template='products/shop_all' m_cat_page='1'/>"><inp2:Field name="Name"/></a></h4>
 						<div>
 							<ul>
-								<li><a href="#" class="active">35mm & SLR Cameras</a></li>
-								<li><a href="#">Binoculars</a></li>
+								<inp2:ListCategories requery="1" list_name="" render_as="category_level3_element" max_items="20" no_table="1"/>
 							</ul>
 						</div>
 					</li>
-					<li class="level3-menu">
-						<h4><a href="#">Binoculars</a></h4>
-						<div>
-							<ul>
-								<li><a href="#" class="active">35mm & SLR Cameras</a></li>
-								<li><a href="#">Binoculars</a></li>
-							</ul>
-						</div>
-					</li>
-					<li><i><a href="#">Blu-Ray Players</a></i></li>
-					<li><i><a href="#">CD Players</a></i></li>
-					<li><i><a href="#">Camcorders</a></i></li>
-					<li><i><a href="#">Cell Phones</a></i></li>
-					<li><i><a href="#">Clock Radios</a></i></li>
-					<li><i><a href="#">Cordless Phones</a></i></li>
-				</ul>
-			</div>
-			<h3><a href="#">Accessories & Shoes</a></h3>
-			<div>
-				<ul>
-					<li><a href="#">35mm & SLR Cameras</a></li>
-					<li><a href="#" class="active">Binoculars</a></li>
-					<li><a href="#">Blu-Ray Players</a></li>
-					<li><a href="#">CD Players</a></li>
-					<li><a href="#">Camcorders</a></li>
-					<li><a href="#">Cell Phones</a></li>
-					<li><a href="#">Clock Radios</a></li>
-					<li><a href="#">Cordless Phones</a></li>
-				</ul>
-			</div>
-			<h3><a href="#">Home & Garden</a></h3>
-			<div>
-				<ul>
-					<li><a href="#">35mm & SLR Cameras</a></li>
-					<li><a href="#" class="active">Binoculars</a></li>
-					<li><a href="#">Blu-Ray Players</a></li>
-					<li><a href="#">CD Players</a></li>
-					<li><a href="#">Camcorders</a></li>
-					<li><a href="#">Cell Phones</a></li>
-					<li><a href="#">Clock Radios</a></li>
-					<li><a href="#">Cordless Phones</a></li>
-				</ul>
-			</div>
+				<inp2:m_else/>
+					<li><i><a href="<inp2:CategoryLink template='__default__' m_cat_page='1'/>" products_url="<inp2:CategoryLink template='products/shop_all' m_cat_page='1'/>"><inp2:Field name="Name"/></a></i></li>
+				</inp2:m_if>
+			</inp2:m_DefineElement>
+
+			<inp2:m_DefineElement name="category_level1_element">
+				<inp2:m_ifnot check="m_Get" name="first_category">
+					<inp2:Field name="CategoryId" result_to_var="first_category"/>
+					<inp2:m_Set first_category="$first_category"/>
+				</inp2:m_ifnot>
+
+				<h3><a href="<inp2:CategoryLink template='__default__' m_cat_page='1'/>" products_url="<inp2:CategoryLink template='products/shop_all' m_cat_page='1'/>"><inp2:Field name="Name"/></a></h3>
+
+				<inp2:m_if check="Field" name="CachedDescendantCatsQty">
+					<div>
+						<ul>
+							<inp2:ListCategories requery="1" render_as="category_level2_element" max_items="20" no_table="1"/>
+						</ul>
+					</div>
+				</inp2:m_if>
+			</inp2:m_DefineElement>
+
+			<inp2:m_Set first_category=""/>
+			<inp2:c_ListCategories render_as="category_level1_element" sort_by="Priority,Desc" per_page="-1" no_table="1" parent_cat_id="Root" module="In-Commerce"/>
 		</div>
+
 		<div id="level-content">
-			<ul>
-				<li><a href="#">Nuvi 755T Car GPS Receiver</a></li>
-				<li><a href="#">eTrex Venture HC</a></li>
-				<li><a href="#">Garmin Approach G5</a></li>
-				<li><a href="#">Garmin nuvi 265W Receiver</a></li>
-				<li><a href="#">Nuvi 755T Car GPS Receiver</a></li>
-				<li><a href="#">eTrex Venture HC</a></li>
-				<li><a href="#">Garmin Approach G5</a></li>
-				<li><a href="#">Garmin nuvi 265W Receiver</a></li>
-				<li><a href="#">Nuvi 755T Car GPS Receiver</a></li>
-				<li><a href="#">eTrex Venture HC</a></li>
-				<li><a href="#">Garmin Approach G5</a></li>
-				<li><a href="#">Garmin nuvi 265W Receiver</a></li>
-				<li><a href="#">Nuvi 755T Car GPS Receiver</a></li>
-				<li><a href="#">eTrex Venture HC</a></li>
-				<li><a href="#">Garmin Approach G5</a></li>
-				<li><a href="#">Garmin nuvi 265W Receiver</a></li>
-				<li><a href="#">Nuvi 755T Car GPS Receiver</a></li>
-				<li><a href="#">eTrex Venture HC</a></li>
-				<li><a href="#">Garmin Approach G5</a></li>
-				<li><a href="#">Garmin nuvi 265W Receiver</a></li>
-				<li><a href="#">Nuvi 755T Car GPS Receiver</a></li>
-				<li><a href="#">eTrex Venture HC</a></li>
-				<li><a href="#">Garmin Approach G5</a></li>
-				<li><a href="#">Garmin nuvi 265W Receiver</a></li>
-			</ul>
+			<inp2:m_Get name="first_category" result_to_var="first_category"/>
+			<inp2:m_include template="products/shop_all" category="$first_category"/>
 		</div>
+
 		<div id="level-good" class="good-item">
-			<p><img src="/i/samples/good4.jpg" width="77" height="134" alt="" /></p>
+			<p><img class="image" src="<inp2:m_TemplatesBase/>img/samples/good4.jpg" alt="" /></p>
 			<p class="price">$759.<span>95</span></p>
 			<p><a href="#" class="addtocart"><span>Add to Cart</span></a></p>
 		</div>
 	</div>
+
 	<div class="clear"></div>
-</div>
\ No newline at end of file
+</div>
+
+<script type="text/javascript">
+	$(document).ready(
+		function () {
+			$('a', '#level2-menu').click(
+				function ($e) {
+					var $me = $(this),
+						$h3_parent = $me.parents('li.level3-menu:first').length > 0,
+						$h4_parent = $me.parents('h4:first').length > 0;
+
+					$('a', '#level2-menu').removeClass('active');
+
+					if ( !$h3_parent && !$h4_parent ) {
+						// level 1
+					}
+					else if ( $h3_parent && $h4_parent ) {
+						// level 2
+					}
+					else if ( $h3_parent && !$h4_parent ) {
+						// level 3
+						$me.addClass('active');
+					}
+
+					$('#level-content').load(
+						$me.attr('products_url')
+					)
+
+					$e.preventDefault();
+				}
+			);
+		}
+	);
+</script>
\ No newline at end of file