Subversion Repositories SmartDukaan

<script type="text/javascript">
function jqueryLoaded() {
#if( $BANNERS.size() > 1 )
   jQuery('#promotion-banners').slidy({
        animation:  'slide',
        children:   'a',
        menu:       false,
        pause:      true,
        speed:      1000,
        time:       4000,
        width:      258,
        height:     180
   });
#else
   jQuery('#promotion-banners').slidy({
        animation:  'none',
        children:   'a',
        menu:       false,
        pause:      true,
        speed:      1000,
        time:       4000,
        width:      258,
        height:     180
   });         
#end
}

function checkJquery() 
{
        try {
                jqueryLoaded();
                jQuery('#promotion-banners').show();
                }
        catch(error){
                window.setTimeout(checkJquery, 100);
        }
}
</script>
<div id="banner-side" style="margin-bottom:10px;">
<img src="/images/Why-Saholic-New.png" usemap="#popup" onload="checkJquery()">
                <map name="popup">
          <area shape="rect" coords="0,90,255,146" id="otg_know_more" href="javascript:void(0)">
          <area shape="rect" coords="0,144,255,215" id="pickupstoreInfo" href="javascript:void(0)">
          <area shape="rect" coords="0,213,255,284" class="emiInfo" href="javascript:void(0)">
                  <area shape="rect" coords="0,280,255,346" class="insuranceInfo" href="javascript:void(0)">
        </map>
</div>
#if( $BANNERS && $BANNERS.size()!=0 )
<div id="promotion-banners" style="margin-bottom : 10px; cursor : pointer; display:none;">
    #foreach($banner in $BANNERS)
        #if($banner.isHasMap())
                <a href="$banner.getLink()" banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()" usemap='#sidebannermap$velocityCount'/></a>
                <map name='sidebannermap$velocityCount'> 
                #set($mapdetails = $ALL_BANNER_MAP.get($banner.getBannerName()))
                #foreach($mapdetail in $mapdetails)
                        <area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
                #end
                </map>
        #else
                <a href="$banner.getLink()" banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()"/></a>
        #end
        #end
</div>
#end

<style>
        #emiPopUp td{
                padding : 5px;
                border : 1px solid grey;
        }
        #emiPopUp b {
        color: black;
    }
</style>

<div id="emiPopUp" class="colorSelLightBoxColor" style="display:none;width:530px;">
                <p style="font-weight:normal;font-size:13px;">Interest rate charged by the bank</p>
                <table id="emi_pop_up_lower" style="border-collapse:collapse;width:540px;text-align:center;margin-top:5px;">
                        <thead>
                        <tbody>
                                <tr>
                                        <td class="emi_popup_mk_bankname_lower" style="background-color:#ededed;font-weight:normal;" rowspan="2">Bank</td>
                                        <td class="emi_pop_up_mk_emioptions_lower" style="background-color:#ededed;font-weight:normal;" colspan="5">Interest Rate</td>
                                </tr>
                                <tr class="emi_pop_up_mk_tenure_lower">
                                        <td>3 Months</td>
                                        <td>6 Months</td>
                                        <td>9 Months</td>
                                        <td>12 Months</td>
                                        <td>18 Months</td>
                                </tr>
                                <tr class="emi_pop_up_emirow_lower"></tr>
            </tbody>
        </table>   
                <p style="margin-top:10px;font-size:13px;">The table below shows monthly installment payable for a Rs 10,000 purchase using the EMI payment plan</p>
                <table id="emi_pop_up_upper" style="border-collapse:collapse;width:540px;text-align:center">
                        <thead>
                        <tbody>
                                <tr>
                                        <td class="emi_popup_mk_bankname" style="background-color:#ededed;font-weight:normal;" rowspan="2">Bank</td>
                                        <td class="emi_pop_up_mk_emioptions" style="background-color:#ededed;font-weight:normal;" colspan="5">Tenure</td>
                                </tr>
                                <tr class="emi_pop_up_mk_tenure">
                                        <td>3 Months</td>
                                        <td>6 Months</td>
                                        <td>9 Months</td>
                                        <td>12 Months</td>
                                        <td>18 Months</td>
                                </tr>
                                <tr class="emi_pop_up_emirow"></tr>
            </tbody>
        </table>   
                <ul style="margin-top:10px;list-style:disc inside none;width:540px">
                    <li>EMI option is applicable only on Credit Cards.</li>
                    <li>Interest shown will be charged by the bank in your statement.</li>
                    <li>Please choose EMI tab on payment page to avail EMI option</li>    
                </ul>
</div>