WebSVN – SmartDukaan – Diff – //trunk/Website/src/main/webapp/WEB-INF/content/special-page-index.vm

 #set($totalPages = $action.getTotalPages())
 #set($currentPage  = $action.getCurrentPage())
 #set($url = $action.getUrl())
 #set($priceUrl = $action.getPriceUrl())
+#set($banners = $action.getActiveBanners())
+#if($banners)
+#set($bannerCount = $banners.size())
+#else
+#set($bannerCount = 0)
+#end
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 				<a href="/">Home</a>&nbsp;&gt;&nbsp;
 				<a href="#">$action.getSpecialPageName()</a>
 			</div>
 		</div>
 		<div class="main-left left">
-		<!-- tab buttons -->
+				#if ( $bannerCount == 0 )
-		#if($action.getSpecialPageName()=="Android")
+					<div class="main-left-banner" style="display: none">
-		<div class="main-left-banner">
+				#elseif ( $bannerCount < 3 )
-            <script type='text/javascript'><!--//<![CDATA[
+					<div class="main-left-banner"  style="height: 210px;">
-               var m3_u = (location.protocol=='https:'?'https://open.saholic.com/openx/www/delivery/ajs.php':'http://open.saholic.com/openx/www/delivery/ajs.php');
+				#else
-               var m3_r = Math.floor(Math.random()*99999999999);
+					<div class="main-left-banner"  style="height: 230px;">
+				#end
-               if (!document.MAX_used) document.MAX_used = ',';
+				#if($bannerCount > 1 && $bannerCount < 3)
-               document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
+					<ul id="bannerMenu">
-               document.write ("?zoneid=2");
+						#foreach($banner in $banners)
-               document.write ('&amp;cb=' + m3_r);
+							#if($banner.isHasMap())
-               if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
-               document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
+								<li class="square"><a href="$banner.getLink()" banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' usemap='#map$velocityCount' height="200" width="710"/></a>
-               document.write ("&amp;loc=" + escape(window.location));
+								<map name='map$velocityCount'>
-               if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
+									#set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
-               if (document.context) document.write ("&context=" + escape(document.context));
+									#foreach($mapdetail in $mapdetails)
-               if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
+										<area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
+									#end
+									</map>
+									</li>
+							#else
+								<li class="square"><a href="$banner.getLink()" banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' height="200" width="710" /></a></li>
-               document.write ("'><\/scr"+"ipt>");
+	                        #end
-            //]]>--></script><noscript><a href='http://open.saholic.com/openx/www/delivery/ck.php?n=a323f9ff&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://open.saholic.com/openx/www/delivery/avw.php?zoneid=2&amp;cb=INSERT_RANDOM_NUMBER_HERE&amp;n=a323f9ff' border='0' alt='' /></a></noscript>
+						#end
-		</div>
+					</ul>
-		#elseif($action.getSpecialPageName()=="Nokia")
+					<div class="container">
-            <script type='text/javascript'><!--//<![CDATA[
+                      <div class="slider_arrow_left"></div>
-               var m3_u = (location.protocol=='https:'?'https://open.saholic.com/openx/www/delivery/ajs.php':'http://open.saholic.com/openx/www/delivery/ajs.php');
-               var m3_r = Math.floor(Math.random()*99999999999);
+                      <div class="slider_arrow_right"></div>
-               if (!document.MAX_used) document.MAX_used = ',';
+                    </div>
+				#else
-               document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
+					  <div id="banner-menu">
-               document.write ("?zoneid=5");
+						#foreach($banner in $banners)
-               document.write ('&amp;cb=' + m3_r);
+							#if($banner.isHasMap())
-               if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
-               document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
+								<a href="$banner.getLink()" banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()" usemap='#map$velocityCount'/></a>
-               document.write ("&amp;loc=" + escape(window.location));
+								<map name='map$velocityCount'>
-               if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
-               if (document.context) document.write ("&context=" + escape(document.context));
+									#set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
-               if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
-               document.write ("'><\/scr"+"ipt>");
+									#foreach($mapdetail in $mapdetails)
-            //]]>--></script><noscript><a href='http://open.saholic.com/openx/www/delivery/ck.php?n=a6dac3b0&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://open.saholic.com/openx/www/delivery/avw.php?zoneid=5&amp;cb=INSERT_RANDOM_NUMBER_HERE&amp;n=a6dac3b0' border='0' alt='' /></a></noscript>
+										<area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
-		#end
+									#end
+									</map>
-		<div class="main-left-banner">
+							#else
-            <script type='text/javascript'><!--//<![CDATA[
-               var m3_u = (location.protocol=='https:'?'https://open.saholic.com/openx/www/delivery/ajs.php':'http://open.saholic.com/openx/www/delivery/ajs.php');
+								<a href="$banner.getLink()" banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()"/></a>
-               var m3_r = Math.floor(Math.random()*99999999999);
-               if (!document.MAX_used) document.MAX_used = ',';
-               document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
-               document.write ("?zoneid=7");
+	                        #end
-               document.write ('&amp;cb=' + m3_r);
+						#end
-               if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
-               document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
-               document.write ("&amp;loc=" + escape(window.location));
-               if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
-               if (document.context) document.write ("&context=" + escape(document.context));
-               if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
-               document.write ("'><\/scr"+"ipt>");
+                       </div>
-            //]]>--></script><noscript><a href='http://open.saholic.com/openx/www/delivery/ck.php?n=a592d2cd&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://open.saholic.com/openx/www/delivery/avw.php?zoneid=7&amp;cb=INSERT_RANDOM_NUMBER_HERE&amp;n=a592d2cd' border='0' alt='' /></a></noscript>
+					#end
-		</div>
+               </div>
         <ul id="tabButton" class="menu">
           <li class="tabButton1" id="catTab1">
             <a class="showBrowse" href="#" title="" id="catTab1-first">
                   All
       </form>
     </div>
   </div>
   <!-- /color by color lightbox -->
     #include ( "templates/commonjsfiles.vm" )
     <script language="javascript" type="text/javascript" src="/js/priceSlider.js"></script>
     <script type="text/javascript" charset="utf-8">
         $(function(){
 			$('ul.product-description li').truncate({addtitle: true});
       maxPrice        = $maxPrice ;
       stepPrice       = 1;
       priceUrl		   = "$priceUrl";
       dynamicPriceRange = $action.getDynamicSearchMap();
     </script>
+	<script type="text/javascript" charset="utf-8">
+	#if ($bannerCount == 1 )
+	jQuery('#banner-menu').slidy({
+        animation:  'none',
+        children:   'a',
+        menu:       false,
+        pause:      true,
+        speed:      400,
+        time:       4000
+    });
+	#elseif ($bannerCount > 1 && $bannerCount < 3 )
+	$(document).ready(function() {
+           $('#bannerMenu').DDSlider({
+           nextSlide: '.slider_arrow_right',
+           prevSlide: '.slider_arrow_left',
+           selector: '.slider_selector'
+            });
+          });
+	#else
+	jQuery('#banner-menu').slidy({
+        animation:  'fade',
+        children:   'a',
+        menu:       true,
+        pause:      true,
+        speed:      200,
+        time:       5000
+    });
+	#end
+	jQuery("#banner-menu").find("a, area").click(
+    function(){
+        if($(this).attr("href") != "#") {
+            bannername = $(this).attr("banner-name");
+            url = $(this).attr("href");
+			trackEventWithGA('Banner Region Clicked', bannername, url);
+        }
+    }
+);
+	</script>
+	<style type="text/css">
+		.slider_arrow_left {
+         background: url(/images/left_arrow.png) no-repeat top left;
+         }
+		.slider_arrow_right {
+         background: url(/images/right_arrow.png) no-repeat top left;
+         }
+	</style>
 </body>
 </html>
 #macro ( renderCategory $facets )
 	#set ($facetLabel = "Category")

Subversion Repositories SmartDukaan

(root)//trunk/Website/src/main/webapp/WEB-INF/content/special-page-index.vm – Rev 6973 → 8917