b2bapi0-cja01-live.azurewebsites.net
Open in
urlscan Pro
20.43.132.136
Public Scan
Submitted URL: https://b2bapi0-cja01-live.azurewebsites.net/
Effective URL: https://b2bapi0-cja01-live.azurewebsites.net/UI/eCommerce/Home.aspx
Submission: On August 21 via api from US — Scanned from SG
Effective URL: https://b2bapi0-cja01-live.azurewebsites.net/UI/eCommerce/Home.aspx
Submission: On August 21 via api from US — Scanned from SG
Form analysis 1 forms found in the DOM
Name: aspnetForm — POST Home.aspx
<form name="aspnetForm" method="post" action="Home.aspx" id="aspnetForm">
<div>
<input type="hidden" name="ctl00_ToolkitScriptManager1_HiddenField" id="ctl00_ToolkitScriptManager1_HiddenField" value="">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE2MTU3NTM5NjNkZIKQQovgQKjD2HNlVBSuKWwCqIqK">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=zFHjG9h2cu1VA623vOdoZbxznSnZ-NQQNbUb1kpucgj75OjqPZwOskt2iBL7RcHHy9zlB7O2qSvMaXKc92QxAQDTAXU1&t=638562366422709123" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=k19q6Ao1ilQJB1tL8xjZYUu6N7LKx88LJ1htjDEzCShIvsZLlu2o0EVQNG8PtIjHnb7IkrenZALLL4lo2lFJhlBX-AfV7rpGW2EpexRdZX2IVjm-Q9k21vvVF3bFLCNbJt64kIYXlTEiJU4r4i5MCTkpbepSmlLM1VxxNoH-aBlNU6ns0&t=ffffffffa50b82b2"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script
src="/ScriptResource.axd?d=OJqnruh48q-9xWt66VkMmjxgLBp5yReCbOmlZ_uj7TFKdyWo4TSapqnXMgVajkb02tSbe_xSDHs6dJM-9ydUAX-gA1IglP5c6taIyDN-TiDlm4RgUY8dYfvDWnuta5rzSr96lJKRuO387rs5XCH2RN33hmpbO4F36xZlaco1cB5BvZYTU2Z6mS_vKJWDuJCOcJ4RdQ2&t=ffffffffa50b82b2"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ToolkitScriptManager1', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90);
//]]>
</script>
<table class="MobileHeader" cellpadding="0" cellspacing="0" width="100%" border="0" style="">
<tbody>
<tr height="40px">
<td align="center" width="40px">
<div class="MobileMenuIcon" onclick="fOpenMobileMenu()" style="line-height:68px; color: white; margin-top: -10px;">MENU</div>
</td>
<td align="center" width="auto">
<div id="divMobileSearch1" class="MobileSearchContainer">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="auto"><input id="txtMobileSearch" type="text" class="MobileSearchTextBox ui-autocomplete-input" placeholder="Cari Produk Anda ..."
onkeyup="if(13 == event.keyCode || 9 == event.keyCode){ window.location = '/UI/eCommerce/Item.aspx?search=' + $('#txtMobileSearch').val(); }" autocomplete="off"><span role="status" aria-live="polite"
class="ui-helper-hidden-accessible"></span></td>
<td width="32px"><input type="button" value="" onclick="window.location = '/UI/eCommerce/Item.aspx?search=' + $('#txtMobileSearch').val();" style="width:1px;height:1px;border:none;background-color:transparent;font-size:1px;">
<div class="MobileSearchIcon_Selected" onclick="window.location = '/UI/eCommerce/Item.aspx?search=' + $('#txtMobileSearch').val();"></div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td id="MobileHeaderSpaceRight" width="5px"> </td>
</tr>
</tbody>
</table>
<div id="divMobileMenu" style="height: 100%; z-index: 999999999; display: none;">
<table align="center" class="MobileMenuContainer" cellpadding="0" cellspacing="0" width="95%" border="0">
<tbody>
<tr class="MobileMenuRow">
<td class="MobileMenuText">
<table cellpadding="0" cellspacing="0" width="100%" border="0" style="table-layout:fixed;">
<tbody>
<tr>
<td style="font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
<div id="BAS_UName" class="BAS_UName">
</div>
</td>
<td align="right" width="40px">
<div class="MobileIconMenuClose" onclick="fCloseMobileMenu()"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr class="MobileMenuRow" style="height:50px;">
<td align="center" style="background-color: white;">
<div class="MobileLogoAOP"></div>
</td>
</tr>
<tr>
<td>
<div id="divMobileMenuWrapper" class="default-skin" style="height: 1050px; overflow: hidden auto; width: 320px;">
<div id="ctl00_panelMobileMenuLogin">
</div>
<div id="ctl00_panelMobileMenuRegister">
</div>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr class="MobileMenuRow">
<td><a class="MobileIconHome MobileMenuLink" href="/UI/eCommerce/Home.aspx">HOME</a></td>
</tr>
<tr class="MobileMenuRow">
<td><a class="MobileIconAplikasiKendaraan MobileMenuLink" href="/UI/eCommerce/AplikasiKendaraan.aspx">APLIKASI KENDARAAN</a></td>
</tr>
<tr class="MobileMenuRow">
<td><a class="MobileIconFavorite MobileMenuLink" href="/UI/eCommerce/WishList.aspx">FAVORIT</a></td>
</tr>
<tr class="MobileMenuRow">
<td><a class="MobileIconContactUs MobileMenuLink" href="/UI/eCommerce/ContactUs.aspx">HUBUNGI KAMI</a></td>
</tr>
<tr class="MobileMenuRow">
<td><a class="MobileIconAboutUs MobileMenuLink" href="/UI/eCommerce/AboutUs.aspx">TENTANG KAMI</a></td>
</tr>
<tr class="MobileMenuRowBreak">
<td style="vertical-align:middle;">
<div class="MobileMenuLine"> </div>
</td>
</tr>
<tr class="MobileMenuRow">
<td><a class="MobileIconCart MobileMenuLink" href="/UI/NewOrder/frmEntryOrder.aspx">TROLI SAYA</a></td>
</tr>
<tr class="MobileMenuRowBreak">
<td style="vertical-align:middle;">
<div class="MobileMenuLine"> </div>
</td>
</tr>
<tr class="MobileMenuRow">
<td><a class="MobileIconLogin MobileMenuLink" href="/UI/eCommerce/Login.aspx">LOGIN</a></td>
</tr>
<tr class="MobileMenuRow">
<td><a class="MobileIconRegister MobileMenuLink" href="/UI/eCommerce/Guest/GuestRegister.aspx">REGISTER</a></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="ctl00_panelHeaderDefault1">
</div>
<div id="ctl00_panelHeaderDefault2">
</div>
<table class="DesktopHeader" cellpadding="0" cellspacing="0" border="0" width="100%" style="top: 0px; margin-top:0px; background-color:white; position:fixed; z-index: 999;">
<tbody>
<tr>
<td>
<div class="HeaderLine"> </div>
</td>
</tr>
<tr>
<td align="center">
<div id="ctl00_panelWebsiteWidth">
<table align="center" cellpadding="0" cellspacing="0" width="1050px" border="0" style="min-width:1050px; width:1050px; max-width:1050px;">
<tbody>
<tr height="80px">
<td>
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td width="100%">
<div id="ctl00_panelOtoShop">
</div>
<div id="ctl00_panelCart">
</div>
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td align="left" width="130px">
<img src="/Asset/Image/Logo/AOP.png" style="" onclick="window.location = '/UI/eCommerce/Home.aspx'">
</td>
<td width="auto">
<div id="ctl00_panelSearchEngine">
<table cellpadding="0" cellspacing="0" width="100%" border="0" style="margin-top:5px;">
<tbody>
<tr height="30px">
<td width="15px"> </td>
<td width="auto">
<div style="border: solid 1px #808080; border-radius: 2px; padding:2px;">
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td width="26px"><img src="/Asset/Image/Icon/SearchEngine.png"></td>
<td width="4px"> </td>
<td width="auto">
<input id="txtSearchEngine1" type="text" placeholder="Cari Produk Anda ..." style="border: none; background-color: transparent; width:99%; height:28px;"
onkeydown="if(13 == event.keyCode || 9 == event.keyCode){ window.location = '/UI/eCommerce/Item.aspx?search=' + $('#txtSearchEngine1').val(); }"
onkeyup="if(13 == event.keyCode || 9 == event.keyCode){ window.location = '/UI/eCommerce/Item.aspx?search=' + $('#txtSearchEngine1').val(); }" class="ui-autocomplete-input"
autocomplete="off"><span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
</td>
<td width="40px">
<input id="btnSearchEngine1" type="button" class="ButtonAction" value="Cari" style="width:50px;" onclick="window.location = '/UI/eCommerce/Item.aspx?search=' + $('#txtSearchEngine1').val();">
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td width="15px"> </td>
</tr>
</tbody>
</table>
</div>
</td>
<td width="150px">
<table cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td>
<img src="/Asset/Image/Logo/BisnisAstraOtoshop.png" style="width:200px;" onclick="window.location = '/UI/eCommerce/Home.aspx'">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr height="24px">
<td align="center" colspan="3">
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td align="left" width="50%">
</td>
<td align="right" width="50%">
<div id="ctl00_panelLogin">
</div>
<div id="ctl00_panelAllowRegisterCustomerFromWeb">
</div>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="48px"><a class="OtoShop_Register_Link" href="/UI/eCommerce/Login.aspx">Login</a></td>
<td width="88px"><a class="OtoShop_Register_Link" href="/UI/eCommerce/Guest/GuestRegister.aspx">Register</a></td>
<td align="center">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" width="40px" onmousemove="fShowPeekCart(1)"><img id="imgIconCart" src="/Asset/Image/Icon/Cart.png" alt="Cart" style="cursor:pointer;"
onclick="window.location = '/UI/NewOrder/frmEntryOrder.aspx'"></td>
<td id="tdPeekCartQuantity" class="PeekCartText_TotalQuantity" width="20px" style="cursor:pointer;" onclick="window.location = '/UI/NewOrder/frmEntryOrder.aspx'"
onmousemove="fShowPeekCart(1)">0</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<div id="divPeekCart" class="PeekCartContainer" style="position: absolute; z-index: 10; display:none;">
<table width="95%">
<tbody>
<tr height="300px">
<td align="center">your cart is empty</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center">
<div id="ctl00_panelOtoShopMenu">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<ul class="nav nav-pills OtoShop_Menu_Link">
<li class="OtoShop_Menu_Link"><a class="OtoShop_Menu_Link" href="/UI/eCommerce/Home.aspx">Beranda</a></li>
<li id="Otoshop_li_Message" class="OtoShop_Menu_Link" style="display:none;"><a class="OtoShop_Menu_Link" href="/UI/eCommerce/Message.aspx">Inbox</a></li>
<li id="Otoshop_li_HotPromo" class="OtoShop_Menu_Link" style="display:none;"><a class="OtoShop_Menu_Link" href="/UI/eCommerce/HotPromo.aspx" style="color:#ED1B24; background-color:#EEEEEE;">HOT PROMO !!!</a>
</li>
<li class="dropdown" style="display:none;">
<a id="ProductApplication_linkProduk" class="dropdown-toggle OtoShop_Menu_Link" data-toggle="dropdown" href="#">Produk</a>
<ul class="dropdown-menu">
<li><a href="/UI/eCommerce/Item.aspx?item=Promo">Produk Promo</a></li>
<li><a href="/UI/eCommerce/Item.aspx?item=Terbaru">Produk Terbaru</a></li>
<li><a href="/UI/eCommerce/Item.aspx?item=Terlaris">Produk Terlaris</a></li>
</ul>
</li>
<li id="li_ProductApplication_linkProductApplication" class="dropdown">
<a id="ProductApplication_linkProductApplication" class="dropdown-toggle OtoShop_Menu_Link" href="#">Aplikasi Produk</a>
<ul id="ProductApplication_linkProductApplication_Details" class="dropdown-menu" style="display:none;">
<li>
<table cellpadding="0" cellspacing="0" style="margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; width:400px; ">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr height="24px">
<td class="FieldText" width="120px">Kategori</td>
<td>
<select id="ProductApplication_ddlProductType1" class="DropDownList">
<option value="All">All</option>
<option value="MOTOR">MOTOR</option>
</select>
</td>
</tr>
<tr height="24px">
<td class="FieldText">Merek</td>
<td><select id="ProductApplication_ddlProductType2" class="DropDownList">
<option value="All">All</option>
</select></td>
</tr>
<tr height="24px">
<td class="FieldText">Sub Merek</td>
<td><select id="ProductApplication_ddlProductType3" class="DropDownList">
<option value="All">All</option>
</select></td>
</tr>
<tr height="24px">
<td class="FieldText">Jenis</td>
<td><select id="ProductApplication_ddlProductType4" class="DropDownList">
<option value="All">All</option>
</select></td>
</tr>
<tr height="24px">
<td class="FieldText">Sub Jenis</td>
<td><select id="ProductApplication_ddlProductType5" class="DropDownList">
<option value="All">All</option>
</select></td>
</tr>
<tr height="50px">
<td align="center" colspan="2">
<input type="button" class="ButtonAction" value="Cari" onclick="ProductApplication_btnSearch_Click(this, null)">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</li>
</ul>
</li>
<li id="Otoshop_li_ARePayment" class="OtoShop_Menu_Link" style="display:none;"><a class="OtoShop_Menu_Link" id="linkARePayment" href="/UI/eCommerce/AR/ListAR.aspx">Bayar Faktur</a></li>
<li class="OtoShop_Menu_Link"><a class="OtoShop_Menu_Link" id="linkMyWishList" href="/UI/eCommerce/WishList.aspx">Favorit</a></li>
<li class="OtoShop_Menu_Link"><a class="OtoShop_Menu_Link" href="/UI/eCommerce/ContactUs.aspx">Hubungi Kami</a></li>
<li class="OtoShop_Menu_Link"><a class="OtoShop_Menu_Link" href="/UI/eCommerce/AboutUs.aspx">Tentang Kami</a></li>
<li id="Otoshop_li_laporan" class="dropdown" style="display:none;">
<a id="ProductApplication_linkLaporan" class="dropdown-toggle OtoShop_Menu_Link" data-toggle="dropdown" href="#">Laporan</a>
<ul class="dropdown-menu">
<li><a href="/UI/eCommerce/Report/frmReportPesananSaya.aspx">Pesanan Saya</a></li>
<li><a href="/UI/eCommerce/Report/frmReportFaktur.aspx">Faktur</a></li>
<li><a href="/UI/eCommerce/Report/frmReportBackOrder.aspx">Back Order</a></li>
<li><a href="/UI/eCommerce/Report/frmRptClaimTrackingInq.aspx">Claim Dan Retur Toko</a></li>
<li><a href="/UI/eCommerce/Report/frmReportTrackingOrder.aspx">Tracking Order</a></li>
<li><a href="/UI/eCommerce/Report/frmReportCustomerPointHistoryv3.aspx">Riwayat Poin</a></li>
<li><a href="/UI/eCommerce/Report/frmReportCustomerPointHistoryLoyaltyv3.aspx">Riwayat Koin</a></li>
</ul>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="FieldRowBreak">
<td> </td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr id="trHeaderFooter1">
<td>
<div class="HeaderFooter"> </div>
</td>
</tr>
</tbody>
</table>
<div id="ctl00_panelFooterMap">
</div>
<table class="BodyContent" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td align="center">
<div id="ctl00_panelOtoShopProduct">
</div>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr id="trOtoShopProduct">
<td id="panelOtoShopProduct" colspan="2" align="left" valign="middle">
<br>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="5px"> </td>
<td align="left" width="45px"><a href="javascript://" onclick="scrollToLeft2()" onmouseout="stopScroll2()"><img border="0" src="/Asset/Image/Icon/LeftArrow.png" tabindex="-1"></a></td>
<td align="left">
<div id="wn2" style="width: 1000px; overflow: hidden; float: left; z-index: 8;">
<table cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td width="15px"> </td>
<td id="tdMenu_Product_9" class="OtoShop_Menu_Product_Container" align="center" onclick="MenuProduct_Click('tdMenu_Product_9', null)"><img src="/Asset/Etc/ProductItemGroup/ASPIRA.png?20181204" alt="ASPIRA"
style="height:45px;"></td>
<td width="15px"> </td>
<td id="tdMenu_Product_57" class="OtoShop_Menu_Product_Container" align="center" onclick="MenuProduct_Click('tdMenu_Product_57', null)"><img src="/Asset/Etc/ProductItemGroup/ASPIRA EXPOSIO.png?20181204"
alt="ASPIRA EXPOSIO" style="height:45px;"></td>
<td width="15px"> </td>
<td id="tdMenu_Product_2" class="OtoShop_Menu_Product_Container" align="center" onclick="MenuProduct_Click('tdMenu_Product_2', null)"><img src="/Asset/Etc/ProductItemGroup/ASPIRA PREMIO.png?20181204"
alt="ASPIRA PREMIO" style="height:45px;"></td>
<td width="15px"> </td>
<td id="tdMenu_Product_69" class="OtoShop_Menu_Product_Container" align="center" onclick="MenuProduct_Click('tdMenu_Product_69', null)"><img src="/Asset/Etc/ProductItemGroup/FEDERAL.png?20181204" alt="FEDERAL"
style="height:45px;"></td>
</tr>
</tbody>
</table>
</div>
</td>
<td align="right" width="45px"><a href="javascript://" onclick="scrollToRight2()" onmouseout="stopScroll2()"><img border="0" src="/Asset/Image/Icon/RightArrow.png" tabindex="-1"></a></td>
<td width="5px"> </td>
</tr>
</tbody>
</table>
<div id="div_tdMenu_Product_9" style="border-top: solid 1px red; display: none;">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td width="20px"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td class="OtoShop_Menu_Product_Header_Text">ASPIRA 2W - GENERAL PARTS</td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=9">ASPIRA 2W - BACK MIRROR</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=10">ASPIRA 2W - BEARING - Training MD CJA</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=7">ASPIRA 2W - BULB</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=6">ASPIRA 2W - CAM CHAIN & SILENT CHAIN</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=5">ASPIRA 2W - MAINTENANCE PARTS</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=8">ASPIRA 2W - SPARK PLUG</a></td>
</tr>
</tbody>
</table>
</td>
<td width="30px"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td class="OtoShop_Menu_Product_Header_Text">ASPIRA 2W - MATIC PARTS</td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=39">ASPIRA 2W - BRAKE SHOE</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=50">ASPIRA 2W - CABLE</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=42">ASPIRA 2W - CDI & ECU</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=33">ASPIRA 2W - CLUTCH SYSTEM PARTS</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=48">ASPIRA 2W - CONN ROD KIT</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=43">ASPIRA 2W - CUSHION</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=38">ASPIRA 2W - CYLINDER BLOCK KIT</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=64">ASPIRA 2W - CYLINDER SET MASTER MATIC</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=62">ASPIRA 2W - DISK BRAKE MATIC</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=41">ASPIRA 2W - ELECTRICAL PARTS</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=47">ASPIRA 2W - ELEMENT AIR CLEANER</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=45">ASPIRA 2W - ENGINE PARTS</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=49">ASPIRA 2W - FRAME PARTS</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=46">ASPIRA 2W - GASKET SET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=34">ASPIRA 2W - MOVEABLE DRIVE FACE SET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=40">ASPIRA 2W - PAD SET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=36">ASPIRA 2W - PISTON KIT</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=35">ASPIRA 2W - PULLEY (ASSY & ONLY)</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=37">ASPIRA 2W - RING SET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=44">ASPIRA 2W - VALVE</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=32">ASPIRA 2W - V-BELT (KIT & ONLY)</a></td>
</tr>
</tbody>
</table>
</td>
<td width="30px"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td class="OtoShop_Menu_Product_Header_Text">ASPIRA 2W - NON-MATIC PARTS</td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=17">ASPIRA 2W - BRAKE SHOE</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=29">ASPIRA 2W - CABLE</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=31">ASPIRA 2W - CAM CHAIN KIT</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=20">ASPIRA 2W - CDI & ECU</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=13">ASPIRA 2W - CLUTCH SYSTEM PARTS</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=26">ASPIRA 2W - CONN ROD KIT</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=21">ASPIRA 2W - CUSHION</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=16">ASPIRA 2W - CYLINDER BLOCK KIT</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=63">ASPIRA 2W - CYLINDER SET MASTER NON-MATIC</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=27">ASPIRA 2W - DAMPER SET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=61">ASPIRA 2W - DISK BRAKE NON-MATIC</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=12">ASPIRA 2W - DISK CLUTCH</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=11">ASPIRA 2W - DRIVE CHAIN (KIT & ONLY)</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=19">ASPIRA 2W - ELECTRICAL PARTS</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=25">ASPIRA 2W - ELEMENT AIR CLEANER</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=23">ASPIRA 2W - ENGINE PARTS</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=28">ASPIRA 2W - FRAME PARTS</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=24">ASPIRA 2W - GASKET SET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=18">ASPIRA 2W - PAD SET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=14">ASPIRA 2W - PISTON KIT</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=30">ASPIRA 2W - RIM WHEEL & SPOKE SET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=15">ASPIRA 2W - RING SET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=22">ASPIRA 2W - VALVE</a></td>
</tr>
</tbody>
</table>
</td>
<td width="30px"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td class="OtoShop_Menu_Product_Header_Text">ASPIRA BATTERY</td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=3">ASPIRA MAINTENANCE FREE</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=60">ASPIRA MAINTENANCE FREE KIT</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=4">ASPIRA PREMIUM KIT</a></td>
</tr>
</tbody>
</table>
</td>
<td width="30px"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td class="OtoShop_Menu_Product_Header_Text">ASPIRA TIRE & TUBE 2W</td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=52">ASPIRA TIRE TUBELESS 2W - MATIC</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=54">ASPIRA TIRE TUBELESS 2W - NON-MATIC</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=51">ASPIRA TIRE TUBETYPE 2W - MATIC</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=53">ASPIRA TIRE TUBETYPE 2W - NON-MATIC</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=55">ASPIRA TUBE 2W - MATIC</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=56">ASPIRA TUBE 2W - NON-MATIC</a></td>
</tr>
</tbody>
</table>
</td>
<td width="30px"> </td>
</tr>
</tbody>
</table>
</div>
<div id="div_tdMenu_Product_57" style="border-top: solid 1px red; display: none;">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td width="20px"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td class="OtoShop_Menu_Product_Header_Text">ASPIRA EXPOSIO 2W</td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=57">BULB</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=58">DRIVE CHAIN GOLD</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=59">SPOKE SET</a></td>
</tr>
</tbody>
</table>
</td>
<td width="30px"> </td>
</tr>
</tbody>
</table>
</div>
<div id="div_tdMenu_Product_2" style="border-top: solid 1px red; display: none;">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td width="20px"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td class="OtoShop_Menu_Product_Header_Text">ASPIRA PREMIO TIRE 2W</td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=2">TUBELESS - 2W</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=1">TUBETYPE - 2W</a></td>
</tr>
</tbody>
</table>
</td>
<td width="30px"> </td>
</tr>
</tbody>
</table>
</div>
<div id="div_tdMenu_Product_69" style="border-top: solid 1px red; display: none;">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td width="20px"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td class="OtoShop_Menu_Product_Header_Text">FEDERAL PARTS 2W - GENERAL PARTS</td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=69">BEARING</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=107">BUSI</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=71">CAIRAN PENAMBAL BAN</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=66">LAMPU BOHLAM</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=72">LEM GASKET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=65">MASTER REM</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=70">PEMBERSIH KARBURATOR</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=106">RANTAI KETENG</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=68">SPION</a></td>
</tr>
</tbody>
</table>
</td>
<td width="30px"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td class="OtoShop_Menu_Product_Header_Text">FEDERAL PARTS 2W - MATIC PARTS</td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=83">FILTER UDARA MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=81">GASKET MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=84">KABEL MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=76">KAMPAS REM MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=77">KOMPONEN ELEKTRIKAL MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=80">KOMPONEN KOPLING MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=82">KOMPONEN MESIN MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=75">KOMPONEN PISTON MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=74">PAKET PISTON MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=79">SHOCK ABSORBER MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=78">SPULL ASSY MATIK</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=73">V-BELT & PAKET V-BELT</a></td>
</tr>
</tbody>
</table>
</td>
<td width="30px"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr class="OtoShop_Menu_Product_Header_Row">
<td class="OtoShop_Menu_Product_Header_Text">FEDERAL PARTS 2W - NON MATIC PARTS</td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=102">BODY MOTOR</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=99">FILTER UDARA</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=97">GASKET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=85">GEAR SET</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=86">GEAR SET HEAVY DUTY</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=103">KABEL</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=95">KAMPAS KOPLING</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=90">KAMPAS REM</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=100">KARET TROMOL</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=104">KNALPOT</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=91">KOMPONEN ELEKTRIKAL</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=87">KOMPONEN GEAR</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=96">KOMPONEN KOPLING</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=98">KOMPONEN MESIN</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=89">KOMPONEN PISTON</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=101">KOMPONEN RANGKA</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=94">KOMPONEN SHOCK ABSORBER</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=88">PAKET PISTON</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=93">SHOCK ABSORBER</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=92">SPULL ASSY</a></td>
</tr>
<tr class="OtoShop_Menu_Product_Body_Row" style="height:24px;">
<td><a href="/UI/eCommerce/Item.aspx?id=105">VELG DAN JARI-JARI</a></td>
</tr>
</tbody>
</table>
</td>
<td width="30px"> </td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td valign="top" align="center">
<table cellpadding="0" cellspacing="0" width="100%" border="0" style="max-width:1200px;">
<tbody>
<tr>
<td valign="top" style="min-height: 500px; height: 500px;">
<br>
<table align="center" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td align="center">
<table id="ARConfirmation_table" cellpadding="0" cellspacing="0" width="100%"
style="background-image:url('/Asset/Image/Wallpaper/ARConfirmation.jpg'); background-size:cover; height:100px; margin-bottom:10px; cursor:pointer; display:none;"
onclick="window.location='/UI/eCommerce/AR/frmARConfirmation.aspx'">
<tbody>
<tr>
<td width="20px"></td>
<td width="90px">
<img src="/Asset/Image/Icon/ARConfirmation/Mail.png" style="height:80px;">
</td>
<td>
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr height="15px">
<td></td>
</tr>
<tr height="30px">
<td class="TextARConfirmationHeader">Konfirmasi Faktur Anda Disini</td>
</tr>
<tr height="5px">
<td></td>
</tr>
<tr height="50px">
<td id="ARConfirmation_tdMessage" class="TextARConfirmationBody" valign="top"></td>
</tr>
</tbody>
</table>
</td>
<td width="20px"></td>
</tr>
</tbody>
</table>
<table id="tableMission" align="center" cellpadding="0" cellspacing="0" width="100%" style="max-width:1100px;display:none;">
<tbody>
<tr>
<td>
<img src="/Asset/Image/Wallpaper/Mission.jpg" alt="Mission" style="width:100%; max-width:1100px; cursor:pointer;" onclick="Widget_ItemCommand('Mission', null)">
</td>
</tr>
<tr style="height:10px;">
<td></td>
</tr>
</tbody>
</table>
<div id="divWidgetContainer" style="max-width: 1100px; width: 1595px;"></div>
</td>
</tr>
</tbody>
</table>
<br>
<div id="divWidgetRecommendation" style="display:none;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" width="300px">
<tbody>
<tr style="height:30px;">
<td> </td>
</tr>
<tr>
<td align="center">
<img id="Widget_imgRecommendation" src="" alt="" style="width:300px;height:300px;">
</td>
</tr>
<tr style="height:30px;">
<td> </td>
</tr>
<tr>
<td id="Widget_tdRecommendation" class="FieldText"></td>
</tr>
<tr style="height:10px;">
<td> </td>
</tr>
<tr>
<td align="center">
<input id="Widget_btnGo" class="ButtonAction" type="button" value="Cek Disini!" style="width:90%;" onclick="window.location = '/UI/NewOrder/frmEntryOrder.aspx?mode=wr'">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/template" id="TemplateCountDown1"> <div class="time <%= label %>"><span class="count curr top"><%= curr %></span><span class="count next top"><%= next %></span><span class="count next bottom"><%= next %></span><span class="count curr bottom"><%= curr %></span><span class="label"><%= label.length < 6 ? label : label.substr(0, 3) %></span></div>
</script>
<div id="divDialogItemDetails" style="display:none; z-index:99999999 !important; ">
<table id="tableDialogItemDetails" cellpadding="0" cellspacing="0" style="width: 690px; background-color: white; height: 300px;" border="0">
<tbody>
<tr class="FieldRowBreak">
<td> </td>
</tr>
<tr>
<td align="right">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<div id="divDialogItemDetails_imgWishlist" class="Icon_ProductDetails_Wishlist" onclick="divDialogItemDetails_fWishlist(this, null)"
style="border:none; margin-right:15px; width:32px; height: 32px; cursor:pointer;">
</div>
</td>
<td>
<div id="divDialogItemDetails_imgShare" class="Icon_ProductDetails_Share" onclick="divDialogItemDetails_fShare(this, null)" style="border:none; margin-right:10px; width:32px; height: 32px; cursor:pointer;">
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center">
<img id="imgProduct" src="" alt="" style="border: none; width:250px; height: 250px; ">
</td>
</tr>
<tr>
<td valign="top">
<div style="float:left;">
<div id="divImage"></div>
</div>
<div id="divProductDetails_Description" style="float:left; width:100%; height:450px; overflow:auto;">
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr class="ItemRow">
<td style="border-bottom: solid 1px silver;">
<div id="divProductCode" class="ItemTextCode"></div>
</td>
</tr>
<tr class="ItemRow">
<td>
<br>
<div id="divProductName" class="ItemTextName" style="font-size: 12pt;"></div>
<br>
</td>
</tr>
<tr class="ItemRow">
<td>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td align="left">
<div id="divProductPrice" class="ItemTextName" style="font-size: 12pt; color:#ED1B24;"></div>
</td>
<td width="15px"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="FieldRowBreak">
<td> </td>
</tr>
<tr class="FieldRowBreak">
<td> </td>
</tr>
<tr class="FieldRowBreak">
<td> </td>
</tr>
<tr class="ItemRow">
<td id="divProductDescription" class="ItemTextDescription" valign="top"></td>
</tr>
<tr class="FieldRowBreak">
<td> </td>
</tr>
<tr id="trWidgetProductRecommendation" style="display:none;">
<td>
<br>
<br>
<div id="divWidgetProductRecommendation" style="max-width:670px; width:670px;"></div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr class="ItemRow">
<td colspan="1" align="center">
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="height:70px;">
<td align="center">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" class="FieldText">QUANTITY </td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" style="border: solid 1px silver; font-size:0pt; height:30px;">
<tbody>
<tr>
<td valign="top"><img src="/Asset/Image/Icon/IconQuantityMinus.png" style="cursor:pointer;" onclick="event.stopPropagation();fDecrementTextBox('txtQuantity', 1)"></td>
<td valign="top"><input id="txtQuantity" class="TextBox" type="text" style="border:none !important; background-color: white !important; width:50px; height: 32px; text-align:center;" value="1"
maxlength="4"></td>
<td valign="top"><img src="/Asset/Image/Icon/IconQuantityPlus.png" style="cursor:pointer;" onclick="event.stopPropagation();fIncrementTextBox('txtQuantity', 9999)"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<input class="ButtonAction" type="button" value="Tambah Ke Troli" onclick="btnAddToCart2_Click(this, '|')" style="width:100%">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="FieldRowBreak">
<td> </td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
function divDialogItemDetails_fWishlist(sender, args) {
var objDiv = document.getElementById('divDialogItemDetails_imgWishlist');
var strClassName = objDiv.className;
if ('Icon_ProductDetails_Wishlist' == strClassName) {
objDiv.className = 'Icon_ProductDetails_Wishlist_Filled';
fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fAddWishList', "id", $('#hiddenSKUID').val(), 'fAddWishList');
} else if ('Icon_ProductDetails_Wishlist_Filled' == strClassName) {
objDiv.className = 'Icon_ProductDetails_Wishlist';
fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fRemoveWishList', "id", $('#hiddenSKUID').val(), 'fAddWishList');
}
}
function divDialogItemDetails_fShare(sender, args) {
ucShare_fInitialize('Bisnis.AstraOtoshop.com - Produk - ' + $('#hiddenSKUID').val(), 'https://b2bapi0-cja01-live.azurewebsites.net/UI/eCommerce/Item.aspx?search=' + $('#hiddenSKUID').val());
ucShare_fShow();
}
function ucProductDetails_mBindProductRecommendation() {
var mdl = new Object();
mdl.pID = $('#hiddenSKUID').val();
mdl.pRecordsPerPage = 5;
mdl.pParameter2 = 'ProductDetails';
$('#trWidgetProductRecommendation').css('display', '');
fRenderLoading($('#divWidgetProductRecommendation'));
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fGetWidgetProductRecommendation', 'mdlPage', mdl, 'fGetWidgetProductRecommendation', fCallback_Master);
}
function ucProductDetails_mHideProductRecommendation() {
$('#trWidgetProductRecommendation').css('display', 'none');
}
</script>
<div class="modal fade" id="ucModal1" role="dialog" style="display:none; z-index:2147483647;">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 id="ucModal1_Title" class="modal-title"></h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p id="ucModal1_Body"></p>
</div>
<div class="modal-footer">
<button id="ucModal1_ButtonText" type="button" class="btn btn-primary" data-bs-dismiss="modal"></button>
</div>
</div>
</div>
</div>
<div id="divPointLoyaltyStatus" style="display:none;">
<table id="divPointLoyaltyStatus_Step1" cellpadding="0" cellspacing="0" width="100%" style="min-width:400px;max-width:600px;display:none;">
<tbody>
<tr>
<td id="divPointLoyaltyStatus_Step1_Body" align="center"></td>
</tr>
</tbody>
</table>
<table id="divPointLoyaltyStatus_Step2" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;display:none;">
<tbody>
<tr style="height:60px;">
<td id="divPointLoyaltyStatus_RewardName" align="center" class="FieldTextPress" style="font-size:16pt;font-weight:bold;"></td>
</tr>
<tr>
<td align="center">
<img id="divPointLoyaltyStatus_IconPointLoyaltyStatus" src="/Asset/Image/Icon/PointLoyalty/IconPointLoyaltyStatusInprogress.png" style="width:100px;height:100px;">
</td>
</tr>
<tr style="height:60px;">
<td id="divPointLoyaltyStatus_StatusText" align="center" class="FieldTextPress" style="color:red; font-size:16pt;"></td>
</tr>
<tr style="height:50px;">
<td id="divPointLoyaltyStatus_RewardTransactionDate" class="FieldText" align="center"></td>
</tr>
<tr>
<td id="divPointLoyaltyStatus_RewardAmount" align="center" class="FieldTextPress" style="font-size:16pt;font-weight:bold;"></td>
</tr>
<tr class="FieldRow">
<td class="FieldText"></td>
</tr>
<tr>
<td class="FieldText">
<div id="divPointLoyaltyStatus_CMS" style="overflow:hidden; max-width:600px; height:100px;"></div>
</td>
</tr>
<tr class="FieldRow">
<td id="divPointLoyaltyStatus_ReferenceHeaderText" class="FieldTextPress">Nomor Tujuan</td>
</tr>
<tr class="FieldRow">
<td id="divPointLoyaltyStatus_ReferenceCode" class="FieldText" style="font-size:12pt;"></td>
</tr>
<tr id="divPointLoyaltyStatus_trSerialKeyHeaderText" class="FieldRow" style="display:none;">
<td id="divPointLoyaltyStatus_SerialKeyHeaderText" class="FieldTextPress">Token</td>
</tr>
<tr id="divPointLoyaltyStatus_trSerialKey" class="FieldRow" style="display:none;">
<td id="divPointLoyaltyStatus_SerialKey" class="FieldText" style="font-size:12pt;"></td>
</tr>
<tr class="FieldRow">
<td class="FieldText"></td>
</tr>
<tr style="height:50px;">
<td align="center">
<input id="divPointLoyaltyStatus_btnRefresh" class="ButtonAction" type="button" value="Perbaharui Status" style="width:95%;" onclick="divPointLoyaltyStatus_btnRefresh_Click(this, null)">
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
var PointLoyaltyDetails_intRewardTransactionID = 0;
function PointLoyaltyDetails_mShow(intTransactionID) {
PointLoyaltyDetails_intRewardTransactionID = intTransactionID;
fRenderGridLoading($('#divPointLoyaltyStatus_Step1_Body'), 1, 20);
$('#divPointLoyaltyStatus_Step1').css('display', '');
$('#divPointLoyaltyStatus_Step2').css('display', 'none');
$.fancybox("#divPointLoyaltyStatus", {
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
closeBtn: true,
helpers: {
title: {
type: 'inside'
},
buttons: {},
overlay: {
locked: false
}
}
});
PointLoyaltyDetails_mBind();
}
function PointLoyaltyDetails_mBind() {
var mdl = new Object();
mdl.pID = PointLoyaltyDetails_intRewardTransactionID;
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/LoyaltyController.asmx/fGetRewardTransaction', 'mdlPage', mdl, 'LoyaltyPointDetails_fGetRewardTransaction', fCallback_Master);
}
function divPointLoyaltyStatus_btnRefresh_Click(sender, args) {
fHoldButton($('#divPointLoyaltyStatus_btnRefresh'));
PointLoyaltyDetails_mBind();
}
function divPointLoyaltyStatus_Callback(sender, args) {
fUnholdButton($('#divPointLoyaltyStatus_btnRefresh'));
$('#divPointLoyaltyStatus_btnRefresh').val('Perbaharui Status');
$('#divPointLoyaltyStatus_RewardName').html(args.pOutput.pRewardName);
$('#divPointLoyaltyStatus_IconPointLoyaltyStatus').attr('src', args.pOutput.pStatusImageURL);
$('#divPointLoyaltyStatus_StatusText').html(args.pOutput.pStatusText);
$('#divPointLoyaltyStatus_RewardTransactionDate').html(args.pOutput.pRewardTransactionDateText);
$('#divPointLoyaltyStatus_RewardAmount').html(args.pOutput.pRewardAmount);
$('#divPointLoyaltyStatus_CMS').html(args.pMessage);
$('#divPointLoyaltyStatus_ReferenceHeaderText').html(args.pOutput.pReferenceTypeName);
$('#divPointLoyaltyStatus_ReferenceCode').html(args.pOutput.pReferenceCode);
if ('Inprogress' == args.pOutput.pStatusText) {
$('#divPointLoyaltyStatus_btnRefresh').css('display', '');
} else {
$('#divPointLoyaltyStatus_btnRefresh').css('display', 'none');
}
if ('3' == args.pOutput.pRewardTypeID) {
$('#divPointLoyaltyStatus_trSerialKeyHeaderText').css('display', '');
$('#divPointLoyaltyStatus_SerialKeyHeaderText').html(args.pOutput.pSerialTypeName);
$('#divPointLoyaltyStatus_trSerialKey').css('display', '');
$('#divPointLoyaltyStatus_SerialKey').html(args.pOutput.pSerialKey);
} else {
$('#divPointLoyaltyStatus_trSerialKeyHeaderText').css('display', 'none');
$('#divPointLoyaltyStatus_trSerialKey').css('display', 'none');
}
$('#divPointLoyaltyStatus_Step1').css('display', 'none');
$('#divPointLoyaltyStatus_Step2').css('display', '');
}
</script>
<div id="ucShare_divLayout" style="display:none;">
<table align="center" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td align="center">
<table id="DialogBox" class="DialogBox" cellpadding="0" cellspacing="0">
<tbody>
<tr height="15px">
<td></td>
</tr>
<tr height="30px">
<td class="HeaderItemText" align="left" style="color:#696969;font-weight:bold;"> SHARE LINK</td>
</tr>
<tr height="20px">
<td class="HeaderItemText" align="center" style="color:#696969;font-weight:bold;font-size:11pt;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="height:4px;font-size:1pt;">
<td width="100%" style="background-color:red;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr height="10px">
<td><input id="ucShare_txt" type="text" value="" style="display:none;"></td>
</tr>
<tr>
<td align="center">
<table class="FieldContainer" cellpadding="0" cellspacing="0" width="95%" border="0" style="color:rgb(105, 105, 105); font-size:11px; font-weight: bold;">
<tbody>
<tr class="FieldRow" style="height:50px">
<td align="center" width="30px"><input type="radio" id="ucShare_radioShare_WhatsApp" name="ucShare_radioShare" value="10"></td>
<td align="center" width="50px"><img src="/Asset/Image/Icon/Share/IconShareWhatsApp.png" style="width:32px;height:32px;"></td>
<td> Via WhatsApp</td>
</tr>
<tr class="FieldRow" style="height:50px;display:none;">
<td align="center"><input type="radio" id="ucShare_radioShare_Facebook" name="ucShare_radioShare" value="20"></td>
<td align="center"><img src="/Asset/Image/Icon/Share/IconShareFacebook.png" style="width:32px;height:32px;"></td>
<td> Via Facebook</td>
</tr>
<tr class="FieldRow" style="height:50px">
<td align="center"><input type="radio" id="ucShare_radioShare_SMS" name="ucShare_radioShare" value="30"></td>
<td align="center"><img src="/Asset/Image/Icon/Share/IconShareTwitter.png" style="width:32px;height:32px;"></td>
<td> Via Twitter</td>
</tr>
<tr class="FieldRow" style="height:50px">
<td align="center"><input type="radio" id="ucShare_radioShare_Copy" name="ucShare_radioShare" value="40"></td>
<td align="center"><img src="/Asset/Image/Icon/Share/IconShareCopy.png" style="width:32px;height:32px;"></td>
<td> Copy Link</td>
</tr>
<tr class="FieldRow" style="height:50px">
<td align="center"><input type="radio" id="ucShare_radioShare_Email" name="ucShare_radioShare" value="50"></td>
<td align="center"><img src="/Asset/Image/Icon/Share/IconShareEmail.png" style="width:32px;height:32px;"></td>
<td> Via Email</td>
</tr>
<tr class="FieldRow" style="height: 200px;">
<td align="center" colspan="3"></td>
</tr>
<tr class="FieldRow" style="height: 50px;">
<td align="center" colspan="3">
<input id="ucShare_btnShare" type="button" class="ButtonAction" value="Share" onclick="ucShare_btnShare_Click(this, null)" style="width:98%;">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
var _ucShare_strText = '';
var _ucShare_strTitle = '';
function ucShare_fInitialize(strTitle, strText) {
_ucShare_strTitle = strTitle;
_ucShare_strText = strText;
$('#ucShare_txt').val(strText);
$('#ucShare_radioShare_WhatsApp').attr('checked', 'checked');
}
function ucShare_fCollect() {
var mdl = new Object();
mdl.pID = $('input[name="ucShare_radioShare"]:checked').val();
return mdl;
}
function ucShare_fShow() {
$.fancybox("#ucShare_divLayout", {
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
closeBtn: true,
helpers: {
title: {
type: 'inside'
},
buttons: {}
}
});
}
function ucShare_fHide() {
try {
$.fancybox.close(true);
} catch (e) {}
}
function ucShare_btnShare_Click(sender, args) {
var mdl = ucShare_fCollect();
if (mdl.pID == '10') {
window.open('https://api.whatsapp.com/send?text=' + _ucShare_strText);
} else if (mdl.pID == '20') {
//window.open('https://api.whatsapp.com/send?text=' + _ucShare_strText);
} else if (mdl.pID == '30') {
window.open('https://twitter.com/share?url=' + _ucShare_strText);
} else if (mdl.pID == '40') {
fCopyToClipBoard('#ucShare_txt', 'Link berhasil dicopy!')
} else if (mdl.pID == '50') {
window.location.href = 'mailto:?subject=' + _ucShare_strTitle + '&body=' + _ucShare_strText;
}
ucShare_fHide();
}
</script>
<input id="hiddenSKUID" type="hidden">
<script type="text/javascript">
$(document).ready(function() {
fInit();
});
$(window).resize(function() {
fResize();
});
var _mdl;
var _carousel;
function fInit() {
document.getElementById('MobileBeltContainerHome').className = 'MobileBeltContainer_Selected';
document.getElementById('MobileBeltIconHome').className = 'MobileBeltIconHome_Selected';
if ('' == '') {
fLoadWidget();
} else if ('17' == '') {
fLoadMission();
fLoadARConfirmation();
fLoadWidget();
fLoadRecommendation();
}
$('#ctl00_ContentPlaceHolder1_GuestLogin_btnUpgradeTOP').css('width', '95%');
fResize();
}
function fLoadMission() {
fPost2(1, __AppPath + '/UI/eCommerce/MissionController.asmx/fGetMissionForWebsite', "id", 1, 'fGetMissionForWebsite');
}
function fLoadARConfirmation() {
fPost2(1, __AppPath + '/UI/eCommerce/ARController.asmx/fGetARConfirmationForWebsite', "id", 1, 'fGetARConfirmationForWebsite');
}
function fLoadWidget() {
fRenderLoading($('#divCMSContainer'));
fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fSelectAllWidgetForWebsite', "id", 1, 'fSelectAllWidgetForWebsite');
}
function fLoadRecommendation() {
fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/Widget_fGetWidgetID_Recommendation_Active', "id", 1, 'Widget_fGetWidgetID_Recommendation_Active');
}
function Picture_Click(sender, args) {
$('#imgProduct').attr('src', args);
}
function fCollectItem(args, intQuantity) {
var arr = args.split('|');
var mdl = new Object();
mdl.pSKUID = arr[0];
mdl.pQuantity = intQuantity;
return mdl;
}
function GuestLogin_btnUpgradeTOP_Click(sender, args) {
if (!confirm('Ajukan Upgrade Akun?')) {
return;
}
window.location = '/UI/eCommerce/Guest/frmGuestUpgradeTOP.aspx';
}
function btnAddToCart_Click(sender, args) {
$('#hiddenSKUID').val(args);
fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fGetProductForWebsite', "skuid", args, 'fGetProduct');
}
//function btnAddToCart2_Click(sender, args)
//{
// var arr = args.split('|');
// var mdl = fCollectItem(args, $('#txtQuantity' + arr[1]).val());
// mdl.pSKUID = arr[0];
// if (mdl.pSKUID == '')
// {
// mdl.pSKUID = $('#hiddenSKUID').val();
// }
// fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fAddCart', "mdlCart", mdl, 'fAddCart2');
//}
function btnAddToCart2_Click(sender, args) {
var arr = args.split('|');
var mdl = null;
if (arr.length >= 3) {
mdl = fCollectItem(args, $('#' + arr[2]).val());
} else {
mdl = fCollectItem(args, $('#txtQuantity' + arr[1]).val());
}
mdl.pSKUID = arr[0];
if (mdl.pSKUID == '') {
mdl.pSKUID = $('#hiddenSKUID').val();
}
_mdl = mdl;
if (arr.length >= 4 && arr[3] == 'Stay') {
//fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fAddCart', "mdlCart", _mdl, 'fAddCartOnly');
fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fAddCart', "mdlCart", _mdl, 'fAddCart2');
} else {
fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fAddCart', "mdlCart", _mdl, 'fAddCart2');
}
}
function btnAddToCart3_Click(sender, args) {
fHideModal('#ucModal1');
fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fAddCart', "mdlCart", _mdl, 'fAddCart2');
}
function btnWishList_Click(sender, args) {
var arr = args.split('|');
$('#img_' + arr[1]).animate_from_to("#linkMyWishList");
fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fAddWishList', "id", arr[0], 'fAddWishList');
}
function Widget_ItemCommand(sender, args) {
if (sender == 'Mission') {
window.location = './Mission.aspx';
}
}
function Grid_ItemCommand(sender, args) {
var arr = args.split('|');
if (arr[0] == 'view') {
$('#hiddenSKUID').val(arr[1]);
$('#txtQuantity').val('1');
fPost2(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fGetProductForWebsiteV3', "skuid", arr[1], 'fGetProduct');
}
}
function Item_MouseOver(sender, args) {
$('#btnAddToCart_' + args).css('display', '');
$('#btnAddToWishList_' + args).css('display', '');
}
function Item_MouseLeave(sender, args) {
$('#btnAddToCart_' + args).css('display', 'none');
$('#btnAddToWishList_' + args).css('display', 'none');
}
function fPost_Callback(sender, args) {
if (sender == 'fSelectAllWidgetForWebsite') {
$('#divWidgetContainer').html(args.pOutput);
var arr0 = args.pMessage.split('~');
var arr1 = arr0[0].split('|');
var arr2 = null;
var arr3 = null;
for (var intX = 0; intX <= arr1.length - 1; intX++) {
try {
if (null == arr1[intX] || '' == arr1[intX]) {
continue;
}
arr2 = arr1[intX].split(',');
fCountDown(arr2[0], new Date(arr2[1], arr2[2] - 1, arr2[3], arr2[4], arr2[5], 0, 0));
} catch (e) {}
}
/*
$(".WidgetItemSlider").switchable({
type: "slider",
seamlessLoop: false,
contentClass: "WidgetItemSliderMain",
mainClass: "WidgetItemSliderPanel",
prevClass: "slider-prev",
nextClass: "slider-next",
visible: 1,
step:1
});
$(".WidgetBannerPromoSlider").switchable({
type: "slider",
adaptiveHeight: true,
centerMode: true,
seamlessLoop: false,
contentClass: "WidgetBannerPromoSliderMain",
mainClass: "WidgetBannerPromoSliderPanel",
prevClass: "slider-prev",
nextClass: "slider-next",
visible: 1,
easing: "swing",
step: 1
});*/
_carousel = $(".owl-carousel").owlCarousel({
items: 3,
mouseDrag: false,
dots: false,
nav: false,
loop: false,
rewind: true,
margin: 40
});
_carousel.owlCarousel();
arr2 = arr0[1].split('|');
for (var intX = 0; intX <= arr2.length - 1; intX++) {
try {
if (null == arr2[intX] || '' == arr2[intX]) {
continue;
}
arr3 = arr2[intX].split(',');
$('#' + arr3[0]).css('width', arr3[1]);
} catch (e) {}
}
fResize();
window.scrollTo(0, 0);
$('.carousel').carousel({
interval: 7500
});
//try
//{
// $('.WidgetItemSliderMain').each(function () {
// var str = $(this).css('width').replace('px', '')
// str = parseInt(str) + 50;
// $(this).css('width', str.toString() + 'px');
// })
//}
//catch (e) {}
} else if (sender == 'fGetProduct') {
var arrstr = args.pOutput;
$('#hiddenSKUID').val(arrstr[0]);
$('#divProductCode').html(arrstr[0]);
$('#divProductName').html(arrstr[1]);
$('#divProductDescription').html(arrstr[2]);
$('#divProductPrice').html($('#divProductDiscount' + arrstr[7]).html());
$('#imgProduct').attr('src', arrstr[4]);
$('#divImage').html(arrstr[5]);
$('#divProductDescription').html(arrstr[6]);
$('#txtCart_Quantity').val('1');
$.fancybox("#divDialogItemDetails", {
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
afterLoad: function() {
$('#txtCart_Quantity').css('border', '1px');
$('#txtCart_Quantity').css('border-color', 'silver');
$('#txtCart_Quantity').css('border-style', 'solid');
},
closeBtn: true,
helpers: {
title: {
type: 'inside'
},
buttons: {},
overlay: {
locked: false
}
}
});
if ('0' == arrstr[31]) {
ucProductDetails_mHideProductRecommendation();
} else {
ucProductDetails_mBindProductRecommendation();
}
} else if (sender == 'fAddCart2') {
if ('TRUE' == args.pIsError.toString().toUpperCase()) {
alert(args.pMessage);
return;
}
$.fancybox.close();
fLoadPeekCart();
//alert('Item berhasil ditambahkan ke troli')
if ('0' == args.pOutput[3]) {
ucModalProductSuccessAdd_mShow(args.pOutput[0], args.pOutput[1], args.pOutput[2], false);
} else {
ucModalProductSuccessAdd_mShow(args.pOutput[0], args.pOutput[1], args.pOutput[2], true);
}
} else if (sender == 'fAddCartOnly') {
if ('TRUE' == args.pIsError.toString().toUpperCase()) {
alert(args.pMessage);
return;
}
fLoadPeekCart();
alert('Item berhasil ditambahkan ke troli')
} else if (sender == 'fAddWishList') {
if ('TRUE' == args.pIsError.toString().toUpperCase()) {
alert(args.pMessage);
return;
}
} else if (sender == 'fGetARConfirmationForWebsite') {
if ('TRUE' == args.pIsError.toString().toUpperCase()) {
alert(args.pMessage);
return;
}
if ('0' != args.pOutput) {
$('#ARConfirmation_table').css('display', '');
$('#ARConfirmation_tdMessage').html(args.pMessage);
}
} else if (sender == 'fGetMissionForWebsite') {
if ('TRUE' == args.pIsError.toString().toUpperCase()) {
alert(args.pMessage);
return;
}
if ('0' != args.pOutput) {
$('#tableMission').css('display', '');
}
} else if (sender == 'Widget_fGetWidgetID_Recommendation_Active') {
var arrstr = args.pOutput.split('|');
if ('0' == arrstr[0]) {
return;
}
$('#Widget_imgRecommendation').attr('src', arrstr[1]);
$('#Widget_tdRecommendation').html(arrstr[2]);
$.fancybox("#divWidgetRecommendation", {
beforeShow: function() {
$(".fancybox-skin").css({
backgroundColor: "transparent"
});
},
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
closeBtn: true,
width: 350,
autoSize: false,
helpers: {
title: {
type: 'inside'
},
buttons: {},
overlay: {
locked: false
}
}
});
}
}
function fPost_Complete(sender, args) {}
function fResize() {
var intWidth = $(window).width();
var intHeight = $(window).height();
try {
var intWidthCarousel = intWidth - 50;
if (intWidthCarousel >= 1100) {
intWidthCarousel = 1100;
}
if (intWidthCarousel <= 340) {
intWidthCarousel = 340;
}
$('.carousel').css('width', intWidthCarousel);
} catch (e) {}
try {
var intWidthWidgetContainer = intWidth - 5;
if (intWidthWidgetContainer >= 1100) {
intWidthCarousel = 1100;
}
if (intWidthWidgetContainer <= 340) {
intWidthWidgetContainer = 340;
}
$('#divWidgetContainer').css('width', intWidthWidgetContainer);
$('#divWidgetContainer2').css('width', intWidthWidgetContainer);
} catch (e) {}
}
</script>
<script type="text/javascript">
function fCountDown(strID, nextYear) {
var labels = ['Hari', 'Jam', 'Menit', 'Detik'],
template = _.template($('#TemplateCountDown1').html()),
currDate = '00:00:00:00:00',
nextDate = '00:00:00:00:00',
parser = /([0-9]{2})/gi,
$example = $(strID);
function strfobj(str) {
var parsed = str.match(parser),
obj = {};
labels.forEach(function(label, i) {
obj[label] = parsed[i]
});
return obj;
}
function diff(obj1, obj2) {
var diff = [];
labels.forEach(function(key) {
if (obj1[key] !== obj2[key]) {
diff.push(key);
}
});
return diff;
}
var initData = strfobj(currDate);
labels.forEach(function(label, i) {
$example.append(template({
curr: initData[label],
next: initData[label],
label: label
}));
});
$example.countdown(nextYear, {
elapse: false
}).on('update.countdown', function(event) {
var newDate = event.strftime('%D:%H:%M:%S'),
data;
if (newDate !== nextDate) {
currDate = nextDate;
nextDate = newDate;
data = {
'curr': strfobj(currDate),
'next': strfobj(nextDate)
};
diff(data.curr, data.next).forEach(function(label) {
var selector = '.%s'.replace(/%s/, label),
$node = $example.find(selector);
$node.removeClass('flip');
$node.find('.curr').text(data.curr[label]);
$node.find('.next').text(data.next[label]);
_.delay(function($node) {
$node.addClass('flip');
}, 50, $node);
});
}
}).on('finish.countdown', function(event) {});
}
</script>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr id="trFooterMap">
<td>
<table class="FooterBodyCenter" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center">
<br>
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td align="center">
<div id="divMobileLogo" class="MobileLogo"></div>
<br>
</td>
</tr>
<tr>
<td valign="top">
<div style="position:relative;">
<div style="float:left;">
<table cellpadding="0" cellspacing="0" width="180px" style="margin-left:10px;" border="0">
<tbody>
<tr class="FooterHeaderRow">
<td class="FooterHeaderText" width="100%">Mobil</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div style="float:left;">
<table cellpadding="0" cellspacing="0" width="180px" style="margin-left:10px;" border="0">
<tbody>
<tr class="FooterHeaderRow">
<td class="FooterHeaderText" width="100%">Motor</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=9">AKSESORIS / ACCECORIS</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=3">BATTERY</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=69">BEARING</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=102">BODY MOTOR</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=107">BUSI</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=71">CAIRAN PENAMBAL BAN</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=33">CVT</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=64">CYLINDER SET MASTER</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=62">DISK BRAKE</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=99">FILTER UDARA</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=83">FILTER UDARA MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=97">GASKET</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=81">GASKET MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=85">GEAR SET</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=86">GEAR SET HEAVY DUTY</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=103">KABEL</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=84">KABEL MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=95">KAMPAS KOPLING</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=90">KAMPAS REM</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=76">KAMPAS REM MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=100">KARET TROMOL</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=60">KELISTRIKAN / ELECTRICAL</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=104">KNALPOT</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=7">KOMPONEN ELEKTRIKAL</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=42">KOMPONEN ELEKTRIKAL MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=87">KOMPONEN GEAR</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=96">KOMPONEN KOPLING</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=80">KOMPONEN KOPLING MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=98">KOMPONEN MESIN</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=82">KOMPONEN MESIN MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=89">KOMPONEN PISTON</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=75">KOMPONEN PISTON MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=101">KOMPONEN RANGKA</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=94">KOMPONEN SHOCK ABSORBER</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=13">KOPLING / CLUTCH</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=66">LAMPU BOHLAM</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=72">LEM GASKET</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=65">MASTER REM</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=48">MESIN / ENGINE</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=88">PAKET PISTON</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=74">PAKET PISTON MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=70">PEMBERSIH KARBURATOR</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=5">PERAWATAN / MAINTENANCE PARTS</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=10">RANGKA / FRAME</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=106">RANTAI KETENG</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=39">REM / BRAKE</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=21">SHOCK ABSORBER</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=43">SHOCK ABSORBER MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=68">SPION</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=92">SPULL ASSY</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=78">SPULL ASSY MATIK</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=52">TIRE</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=6">TRANSMISI / DRIVE TRAIN</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=73">V-BELT</a></td>
</tr>
<tr class="FooterFieldRow">
<td><a class="FooterLink" href="/UI/eCommerce/Item.aspx?fid=105">VELG DAN JARI-JARI</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div style="float:left;">
<table cellpadding="0" cellspacing="0" width="180px" style="margin-left:10px;" border="0">
<tbody>
<tr class="FooterHeaderRow">
<td class="FooterHeaderText" width="100%">Cara Belanja</td>
</tr>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</div>
<div style="float:left;">
<table cellpadding="0" cellspacing="0" width="180px" style="margin-left:10px;" border="0">
<tbody>
<tr class="FooterHeaderRow">
<td class="FooterHeaderText" width="100%">Customer Service</td>
</tr>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr id="trCopyRight1" class="CopyrightRow">
<td class="CopyrightContainer" align="center">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td id="CopyrightText" align="center" width="100%">All Rights Reserved By PT. Astra Otoparts Tbk</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<div id="divMobileBelt" style="position:fixed; bottom:0px; width:100%; height: 50px; background-color: #E7E7E7; z-index:99999;">
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td align="left">
<div id="ctl00_panelMobileBeltLogin">
</div>
<table cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr style="height:50px;">
<td align="center" width="70px">
<div id="MobileBeltContainerHome" class="MobileBeltContainer_Selected" onclick="window.location='/UI/eCommerce/Home.aspx'">
<div id="MobileBeltIconHome" class="MobileBeltIconHome_Selected"></div>
<div>Home</div>
</div>
</td>
<td align="center" width="70px">
<div id="MobileBeltContainerCart" class="MobileBeltContainer" onclick="window.location='/UI/NewOrder/frmEntryOrder.aspx'" style="position:relative;">
<div id="Mobile_Belt_divBadgeCart" class="BadgeNotificationText" style="display:none;"> 0 </div>
<div id="MobileBeltIconCart" class="MobileBeltIconCart"></div>
<div> Troli</div>
</div>
</td>
<td align="center" width="70px">
<div id="MobileBeltContainerLogin" class="MobileBeltContainer" onclick="window.location='/UI/eCommerce/Login.aspx'">
<div id="MobileBeltIconLogin" class="MobileBeltIconLogin"></div>
<div>Login</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="_divWhatsApp" style="">
<a href="https://wa.me/+6281380001067" target="_blank">
<img id="_divWhatsAppImage" src="/Asset/Image/Icon/IconWhatsApp.png" alt="Live Chat" style="width:50px;height:50px;cursor:pointer;">
</a>
</div>
<script type="text/javascript">
function clearStorageWidget() {
localStorage.removeItem('uid');
localStorage.removeItem('at');
localStorage.removeItem('expiry');
localStorage.removeItem('name');
localStorage.removeItem('email');
localStorage.removeItem('phone');
localStorage.removeItem('inmotion_chat_state');
}
</script>
<div id="divSelectPointV2" style="max-width:400px; width:400px; display:none;">
<table class="ItemBox" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center">
<table id="divSelectPointV2_Step1" align="center" cellpadding="0" cellspacing="0" width="92%" style="margin-top:10px;">
<tbody>
<tr class="FieldRow">
<td align="left" class="Text" style="color:rgb(192,0,0);font-weight:bold;">PILIH POINT YANG AKAN ANDA GUNAKAN</td>
<td align="right"><img id="divPointV2_Step1_CloseButton" src="/Asset/Image/Icon/Close.png" alt="X" style="width:16px;height:16px;cursor:pointer;" onclick="DialogPointV2_btnCancel_Click(this,null)"></td>
</tr>
<tr>
<td colspan="2">
<div id="divPointV2_Step1_Body" style="margin-right:-10px;padding-right:10px;height:400px;overflow:auto;">
</div>
</td>
</tr>
<tr class="FieldRow" style="height:70px;">
<td colspan="2" align="center">
<input id="DialogPointV2_btnCancel" type="button" class="Button" style="width:99%" value="Kembali" onclick="DialogPointV2_btnCancel_Click(this, null)">
</td>
</tr>
</tbody>
</table>
<table id="divSelectPointV2_Step2" align="center" cellpadding="0" cellspacing="0" width="92%" style="margin-top:10px;display:none;">
<tbody>
<tr class="FieldRow">
<td align="left" width="30px"><img src="/Asset/Image/Icon/Back.png" alt="<" style="margin-top:3px;width:16px;height:16px;cursor:pointer;" onclick="DialogPointV2_Step2_btnBack_Click(this,null)"></td>
<td align="left" class="Text" style="color:rgb(192,0,0);font-weight:bold;">DETAILS</td>
</tr>
<tr>
<td colspan="2">
<div id="divPointV2_Step2_Body" style="margin-right:-10px;padding-right:10px;height:400px;overflow:auto;">
</div>
</td>
</tr>
<tr class="FieldRow" style="height:70px;">
<td colspan="2" align="center">
<input id="DialogPointV2_Step2_btnUse" type="button" class="ButtonAction" style="width:99%; display:none;" value="Gunakan" onclick="DialogPointV2_Step2_btnUse_Click(this, null)">
</td>
</tr>
</tbody>
</table>
<table id="divSelectPointV2_Step3" align="center" cellpadding="0" cellspacing="0" width="92%" style="margin-top:10px;display:none;">
<tbody>
<tr class="FieldRow">
<td align="left" class="Text" style="color:rgb(192,0,0);font-weight:bold;">MASUKAN JUMLAH POIN YANG INGIN ANDA GUNAKAN</td>
<td align="right"><img src="/Asset/Image/Icon/Close.png" alt="X" style="width:16px;height:16px;cursor:pointer;" onclick="DialogPointV2_btnCancel_Click(this,null)"></td>
</tr>
<tr>
<td colspan="2">
<table cellpadding="0" cellspacing="0" width="100%" style="margin-top:20px;margin-bottom:20px;">
<tbody>
<tr>
<td align="left" width="50%" style="font-weight:bold;">Poin anda sekarang</td>
<td align="right" width="50%">
<div id="divSelectPointV2_Step3_CustomerPoint" class="ButtonChip_Filled" style="padding-left:5px; padding-right:5px;"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<table cellpadding="0" cellspacing="0" width="100%" style="margin-top:20px;margin-bottom:20px;">
<tbody>
<tr>
<td align="center">
<input id="DialogPointV2_Step3_txtPointAmount" type="text" class="TextBox" maxlength="12" style="border:solid 1px silver; font-size:20pt !important;text-align:center; width:70%; height:50px;">
</td>
</tr>
<tr class="FieldRow" style="height:50px;">
<td id="DialogPointV2_Step3_tdText"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="FieldRow" style="height:70px;">
<td colspan="2" align="center">
<input id="DialogPointV2_Step3_btnUse" type="button" class="ButtonAction" style="width:49%" value="Gunakan" onclick="DialogPointV2_Step3_btnUse_Click(this, null)">
<input id="DialogPointV2_Step3_btnCancel" type="button" class="Button" style="width:49%" value="Kembali" onclick="DialogPointV2_Step3_btnCancel_Click(this, null)">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="ucPointSelection_CMS" style="width: 500px; height:500px; overflow:auto; display:none;"></div>
<script type="text/javascript">
var PointV2_strCode = '';
var PointV2_strCMS = '';
var PointV2_strPoint = '';
var PointV2_strGrandTotal = '';
var PointV2_MaximumPointPercentage = '';
function DialogPointV2_mOpenCMS() {
$.fancybox("#ucPointSelection_CMS", {
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
closeBtn: true,
helpers: {
title: {
type: 'inside'
},
buttons: {},
overlay: {
locked: false
}
}
});
fRenderLoading($('#ucPointSelection_CMS'));
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fGetCMSOutput', 'id', '73', 'ucPointSelection_fGetCMSOutput', fCallback_Master);
}
function DialogPointV2_mBindCMS() {
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fGetCMSOutput', 'id', '78', 'ucPointSelection_fGetCMSOutput_UsagePoint', fCallback_Master);
}
function DialogPointV2_Step1_btnDetails_Click(sender, args) {
$('#divSelectPointV2_Step1').css('display', 'none');
$('#divSelectPointV2_Step2').css('display', '');
var arr = args.split('|');
PointV2_strCode = arr[0];
fRenderLoading($('#divPointV2_Step2_Body'));
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fLoadPointDetailsV2Selection', 'code', arr[0], 'fLoadPointDetailsV2Selection', fCallback_Master);
}
function DialogPointV2_Step1_btnDetailsHO_Click(sender, args) {
$('#divSelectPointV2_Step1').css('display', 'none');
$('#divSelectPointV2_Step2').css('display', '');
var arr = args.split('|');
PointV2_strCode = arr[0];
fRenderLoading($('#divPointV2_Step2_Body'));
var mdl = new Object();
mdl.pCustomerCode = arr[2];
mdl.pParameter1 = PointV2_strCode;
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fLoadPointDetailsV2SelectionForHO', 'mdlPage', arr[0], 'fLoadPointDetailsV2Selection', fCallback_Master);
}
function DialogPointV2_Step1_btnUse_Click(sender, args) {
var arr = args.split('|');
PointV2_strCode = arr[0];
var strHTML = PointV2_strCMS;
var strGrandTotal = PointV2_strGrandTotal;
var strPoint = PointV2_strPoint;
var decTemp = 0;
try {
strHTML = strHTML.replace(/\$MaximumPointPercentage/gi, PointV2_MaximumPointPercentage);
strGrandTotal = strGrandTotal.replace(/\./gi, '').replace(/\,/gi, '');
strPoint = strPoint.replace(/\./gi, '').replace(/\,/gi, '');
if (null == strPoint || '' == strPoint) {
strPoint = '0';
}
//decTemp = ((parseFloat(strGrandTotal) - parseFloat(strPoint)) * parseFloat(PointV2_MaximumPointPercentage / 100)).toFixed(0);
decTemp = ((parseFloat(strGrandTotal) + parseFloat(strPoint)) * parseFloat(PointV2_MaximumPointPercentage / 100)).toFixed(0);
if (decTemp > parseFloat(arr[1])) {
decTemp = arr[1];
}
strHTML = strHTML.replace(/\$MaximumPointAmount/gi, fFormatNumeric(decTemp));
$('#DialogPointV2_Step3_txtPointAmount').val(decTemp);
} catch (e) {}
try {
$('#divSelectPointV2_Step3_CustomerPoint').html(fFormatNumeric(arr[1]) + ' Poin');
} catch (e) {}
$('#DialogPointV2_Step3_tdText').html(strHTML);
$('#divSelectPointV2_Step1').css('display', 'none');
$('#divSelectPointV2_Step2').css('display', 'none');
$('#divSelectPointV2_Step3').css('display', '');
}
function DialogPointV2_Step1_btnSelect_Click(sender, args) {
var arr = args.split('|');
PointV2_strCode = arr[0];
$('#txtTargetPointTypeCode').val(arr[0]);
try {
$('#txtPointCurrent').val(arr[1]);
} catch (e) {}
}
function DialogPointV2_btnCancel_Click(sender, args) {
try {
$.fancybox.close(true);
} catch (e) {}
}
function DialogPointV2_Step2_btnBack_Click(sender, args) {
$('#divSelectPointV2_Step1').css('display', '');
$('#divSelectPointV2_Step2').css('display', 'none');
}
function DialogPointV2_Step2_btnUse_Click(sender, args) {
$('#divSelectPointV2_Step1').css('display', 'none');
$('#divSelectPointV2_Step2').css('display', 'none');
$('#divSelectPointV2_Step3').css('display', '');
}
function DialogPointV2_Step3_btnUse_Click(sender, args) {
$('#PointV2_txtTargetPointTypeCode').val(PointV2_strCode);
$('#PointV2_txtPointAmount').val($('#DialogPointV2_Step3_txtPointAmount').val());
$('#Mobile_MyInfo_txtTargetPointTypeCodeV2').val(PointV2_strCode);
$('#Mobile_MyInfo_txtPointAmountV2').val($('#DialogPointV2_Step3_txtPointAmount').val());
try {
$.fancybox.close(true);
btnValidatePointV2_Click(this, null);
} catch (e) {}
}
function DialogPointV2_Step3_btnCancel_Click(sender, args) {
try {
$.fancybox.close(true);
} catch (e) {}
}
</script>
<style>
.ButtonChip {
background-color: white;
border-radius: 20px;
color: #F44336;
width: 100%;
height: 30px;
border: solid 1px #F44336;
font-size: 10pt;
}
.ButtonChipSelected {
background-color: #F44336;
border-radius: 20px;
color: white;
width: 100%;
height: 30px;
border: solid 1px #F44336;
font-size: 10pt;
}
</style>
<div id="divLoyaltyPoint" style="max-width:700px; width:700px; height:500px; overflow-x:hidden; display:none; ">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="height:30px;">
<td></td>
</tr>
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" width="250px" style="border-radius:10px; background-color:silver;">
<tbody>
<tr style="height:50px;">
<td align="center">
<table cellpadding="0" cellspacing="0" width="248px" style="border-radius:10px; background-color:white;">
<tbody>
<tr style="height:48px;">
<td width="20px"></td>
<td width="37px"><img src="/Asset/Image/Icon/IconPoint.png" alt="" style="width:24px; height:24px; margin-top:3px;"></td>
<td class="FieldText" width="110px">Jumlah Koin Anda : </td>
<td id="LoyaltyPoint_JumlahPoint" class="FieldTextPress" style="font-weight:bold;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="height:50px;">
<td align="center" style="padding-top:15px;">
<a href="JavaScript:LoyaltyPoint_mOpenCMS(0)" target="_self" style="color:blue">Untuk info selengkapnya klik disini</a>
</td>
</tr>
<tr>
<td align="center">
<div id="divLoyaltyPointWrapper" style="max-width:700px; width:700px; height:380px; overflow-x:hidden; overflow-y:auto; ">
<table cellpadding="0" cellspacing="0" width="95%">
<tbody id="LoyaltyPoint_GridBody"></tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="divLoyaltyPointEntry_MobileNumber" style="width: 500px; display:none;">
<table class="FieldText" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr class="FieldRowBreak" style="height:10px;">
<td></td>
</tr>
<tr style="height:50px;">
<td id="divLoyaltyPointEntry_tdReferenceTypeName" class="FieldTextPress" style="font-size:15pt;"> Masukan Nomor Handphone : </td>
</tr>
<tr style="height:50px;">
<td>
<input id="LoyaltyPoint_txtMobileNumber" type="text" class="TextBox" value="" style="width:100%;" maxlength="30">
</td>
</tr>
<tr style="height:100px;">
<td align="center">
<input id="LoyaltyButton_btnRedeem" type="button" class="ButtonAction" value="Redeem" style="width:100%;" onclick="LoyaltyPoint_btnRedeem_Click(this, null)">
</td>
</tr>
</tbody>
</table>
</div>
<div id="divLoyaltyPointCMS" style="width: 500px; height:500px; overflow:auto; display:none;"></div>
<script type="text/javascript">
var LoyaltyPoint_intRewardDetailsID = 0;
function LoyaltyPoint_mBind() {
$.fancybox("#divLoyaltyPoint", {
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
closeBtn: true,
helpers: {
title: {
type: 'inside'
},
buttons: {},
overlay: {
locked: false
}
}
});
fRenderLoading($('#LoyaltyPoint_GridBody'));
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/LoyaltyController.asmx/fSelectRewardForWebsite', 'mdlPage', new Object(), 'LoyaltyPoint_fSelectRewardForWebsite', fCallback_Master);
}
function LoyaltyPoint_mOpenCMS(strCMSID) {
if (0 == strCMSID) {
strCMSID = 64;
}
$.fancybox("#divLoyaltyPointCMS", {
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
closeBtn: true,
helpers: {
title: {
type: 'inside'
},
buttons: {},
overlay: {
locked: false
}
}
});
fRenderLoading($('#divLoyaltyPointCMS'));
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fGetCMSOutput', 'id', strCMSID, 'LoyaltyPoint_fGetCMSOutput', fCallback_Master);
}
function LoyaltyPoint_Grid_ItemCommand(sender, args) {
var arr = args.split('|');
if (!confirm('Redeem ' + arr[0] + '?')) {
return;
}
LoyaltyPoint_intRewardDetailsID = arr[1];
LoyaltyPoint_intRewardTypeID = arr[2];
var mdlRewardTransaction = new Object();
mdlRewardTransaction.pRewardDetailsID = LoyaltyPoint_intRewardDetailsID;
mdlRewardTransaction.pReferenceCode = $('#LoyaltyPoint_txtMobileNumber').val();
mdlRewardTransaction.pOTPCode = '';
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/LoyaltyController.asmx/Loyalty_fIsEligible', 'mdlRewardTransaction', mdlRewardTransaction, 'LoyaltyPointDetails_fIsEligibleFromGrid', fCallback_Master);
}
function LoyaltyPoint_Grid_ItemCommand_Next(sender, args) {
if ('1' == LoyaltyPoint_intRewardTypeID) {
$('#divLoyaltyPointEntry_tdReferenceTypeName').html('Masukan Nomor Handphone :');
$.fancybox.close();
$.fancybox("#divLoyaltyPointEntry_MobileNumber", {
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
closeBtn: true,
helpers: {
title: {
type: 'inside'
},
buttons: {},
overlay: {
locked: false
}
}
});
fUnholdButton($('#LoyaltyButton_btnRedeem'));
$('#LoyaltyButton_btnRedeem').val('Redeem');
} else if ('2' == LoyaltyPoint_intRewardTypeID) {
Master_OTP_fInitialize(true);
Master_OTP_fShow();
} else if ('3' == LoyaltyPoint_intRewardTypeID) {
$('#divLoyaltyPointEntry_tdReferenceTypeName').html('Masukan Nomor Meter / ID Pelanggan :');
$('#LoyaltyPoint_txtMobileNumber').val('');
$.fancybox.close();
$.fancybox("#divLoyaltyPointEntry_MobileNumber", {
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
closeBtn: true,
helpers: {
title: {
type: 'inside'
},
buttons: {},
overlay: {
locked: false
}
}
});
fUnholdButton($('#LoyaltyButton_btnRedeem'));
$('#LoyaltyButton_btnRedeem').val('Redeem');
}
}
function LoyaltyPoint_btnRedeem_Click(sender, args) {
fHoldButton($('#LoyaltyButton_btnRedeem'));
Master_OTP_fInitialize(true);
Master_OTP_fShow();
}
function LoyaltyPoint_fRedeem() {
var mdlRewardTransaction = new Object();
mdlRewardTransaction.pRewardDetailsID = LoyaltyPoint_intRewardDetailsID;
mdlRewardTransaction.pReferenceCode = $('#LoyaltyPoint_txtMobileNumber').val();
mdlRewardTransaction.pOTPCode = fEncrypt($('#Master_OTP_txtOTPCode').val());
$('#Master_OTP_txtOTPCode').val('');
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/LoyaltyController.asmx/fRedeemPointV2', 'mdlRewardTransaction', mdlRewardTransaction, 'LoyaltyPoint_fRedeemPoint', fCallback_Master);
}
</script>
<div id="ucModalProductSuccessAdd" style="z-index:2147483646; position: fixed; top: 100px; left: 0px; width:100%; display:none;">
<table align="center" cellpadding="0" cellspacing="0" style="width:100%;">
<tbody>
<tr>
<td>
<table class="DialogBox" align="center" cellpadding="0" cellspacing="0" style="border: solid 1px silver; background-color:white; max-width:1200px; width:100%;">
<tbody>
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="height:40px;">
<td class="FieldTextPress" style="font-size: 12pt; color: #1D49A4;"> Item berhasil ditambahkan ke Troli</td>
</tr>
<tr>
<td align="center">
<table cellpading="0" cellspacing="0" style="background-color:#B9D4FF; width:98%; border-radius: 7px;">
<tbody>
<tr style="height:90px;">
<td width="10px"> </td>
<td width="80px">
<img id="ucModalProductSuccessAdd_img" src="" alt="Item" style="width:70px; height:70px;">
</td>
<td width="10px"> </td>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td id="ucModalProductSuccessAdd_SKUName" class="Text" style="font-weight: bold;"></td>
</tr>
<tr>
<td id="ucModalProductSuccessAdd_SKUID"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="FieldRowBreak" style="height:10px;">
<td> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr id="ucModalProductSuccessAdd_ButtonOk" style="height:50px;display:none">
<td align="center">
<input type="button" class="ButtonAction" value="Ok" style="width:95%;" onclick="ucModalProductSuccessAdd_mHide()">
</td>
</tr>
<tr id="ucModalProductSuccessAdd_WidgetRecommendation" style="display:none;">
<td>
<div id="ucModalProductSuccessAdd_divWidgetProductRecommendation" style="max-width:1200px; width:99%;"></div>
</td>
</tr>
<tr id="ucModalProductSuccessAdd_Button" style="height:50px;display:none">
<td align="center">
<input type="button" class="ButtonAction" value="Kembali" style="width:95%;" onclick="ucModalProductSuccessAdd_mHide()">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
function ucModalProductSuccessAdd_mShow(strSKUID, strSKUName, strImageURL, bIsShowWidgetRecommendation) {
$('#ucModalProductSuccessAdd_img').attr('src', strImageURL);
$('#ucModalProductSuccessAdd_SKUID').html('SKU : ' + strSKUID);
$('#ucModalProductSuccessAdd_SKUName').html(strSKUName);
if (!bIsShowWidgetRecommendation) {
$('#ucModalProductSuccessAdd').fadeIn(450);
$('#ucModalProductSuccessAdd_WidgetRecommendation').css('display', 'none');
$('#ucModalProductSuccessAdd_ButtonOk').css('display', '');
$('#ucModalProductSuccessAdd_Button').css('display', 'none');
} else {
ucModalProductSuccessAdd_mBindProductRecommendation(strSKUID);
$('#ucModalProductSuccessAdd').fadeIn(450);
$('#ucModalProductSuccessAdd_ButtonOk').css('display', 'none');
$('#ucModalProductSuccessAdd_Button').css('display', '');
}
}
function ucModalProductSuccessAdd_mHide() {
$('#ucModalProductSuccessAdd').fadeOut(450);
}
function ucModalProductSuccessAdd_mBindProductRecommendation(strSKUID) {
var mdl = new Object();
mdl.pID = strSKUID;
mdl.pRecordsPerPage = 5;
mdl.pParameter2 = 'ProductSuccessAdd';
$('#ucModalProductSuccessAdd_WidgetRecommendation').css('display', '');
fRenderLoading($('#ucModalProductSuccessAdd_divWidgetProductRecommendation'));
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fGetWidgetProductRecommendation', 'mdlPage', mdl, 'ucModalProductSuccessAdd_fGetWidgetProductRecommendation', fCallback_Master);
}
</script>
<div id="Master_divOTP" style="display:none;">
<table align="center" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td align="center">
<table id="DialogBox" class="DialogBox" cellpadding="0" cellspacing="0">
<tbody>
<tr height="50px">
<td class="HeaderItemText" align="center" style="color:#696969;font-weight:bold;">VERIFIKASI NOMOR HANDPHONE</td>
</tr>
<tr height="20px">
<td class="HeaderItemText" align="center" style="color:#696969;font-weight:bold;font-size:11pt;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="height:8px;font-size:1pt;">
<td width="50%" style="background-color:red;"> </td>
<td width="50%" style="background-color:blue;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr id="Master_OTP_trStep1">
<td align="center">
<table class="FieldContainer" cellpadding="0" cellspacing="0" width="95%" border="0" style="color:rgb(105, 105, 105); font-size:11px; font-weight: bold;">
<tbody>
<tr class="FieldRow">
<td align="center">Silahkan masukkan kode OTP yang telah dikirim via SMS ke <div id="Master_OTP_divMobileNumber"></div>
</td>
</tr>
<tr class="FieldRow">
<td valign="bottom">KODE VERIFIKASI</td>
</tr>
<tr class="FieldRow">
<td style="border-bottom: solid 1px silver;">
<input type="text" id="Master_OTP_txtOTPCode" class="TextBox" style="border:none;width:99%;" maxlength="6">
</td>
</tr>
<tr class="FieldRow">
<td align="center">Kode verifikasi hanya bisa dikirim setiap 5 menit sekali!</td>
</tr>
<tr class="FieldRow" style="height: 50px;">
<td align="center">
<input id="Master_btnSubmitOTP" type="button" class="ButtonAction" value="Validasi OTP" onclick="Master_OTP_btnSubmitOTP_Click(this, null)" style="width:49%;">
<input id="Master_btnResendOTP" type="button" class="ButtonAction" value="Kirim Ulang" onclick="Master_OTP_btnResendOTP_Click(this, null)" style="width:49%;">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr id="Master_OTP_trStepLoading">
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr height="150px">
<td align="center">
<div class="LoadingAnimation"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
function Master_OTP_fInitialize(bIsSendSMS) {
if (bIsSendSMS) {
Master_OTP_btnResendOTP_Click(this, null);
}
}
function Master_OTP_fShow() {
$('#Master_OTP_trStep1').css('display', '');
$('#Master_OTP_trStepLoading').css('display', 'none');
$.fancybox("#Master_divOTP", {
openEffect: 'none',
closeEffect: 'none',
prevEffect: 'none',
nextEffect: 'none',
closeBtn: true,
helpers: {
title: {
type: 'inside'
},
buttons: {}
}
});
}
function Master_OTP_fShowLoading() {
$('#Master_OTP_trStep1').css('display', 'none');
$('#Master_OTP_trStepLoading').css('display', '');
}
function Master_OTP_fHide() {
try {
$.fancybox.close(true);
} catch (e) {}
}
function Master_OTP_btnSubmitOTP_Click(sender, args) {
if ('' == $('#Master_txtOTPCode').val()) {
return;
}
var strOTPCode = fEncrypt($('#Master_OTP_txtOTPCode').val());
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fValidateOTPV2', "id", strOTPCode, 'Master_OTP_fValidateOTP', fCallback_Master);
}
function Master_OTP_btnResendOTP_Click(sender, args) {
fPost2WithCallback(1, __AppPath + '/UI/eCommerce/eCommerceController.asmx/fRequestOTP', "id", '0', 'Master_OTP_fRequestOTP', fCallback_Master);
}
</script>
<div>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="001B2462">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.Application.initialize();
//]]>
</script>
</form>Text Content
MENU HOME APLIKASI KENDARAAN FAVORIT HUBUNGI KAMI TENTANG KAMI TROLI SAYA LOGIN REGISTER Login Register 0 your cart is empty * Beranda * Inbox * HOT PROMO !!! * Produk * Produk Promo * Produk Terbaru * Produk Terlaris * Aplikasi Produk * Kategori All MOTOR Merek All Sub Merek All Jenis All Sub Jenis All * Bayar Faktur * Favorit * Hubungi Kami * Tentang Kami * Laporan * Pesanan Saya * Faktur * Back Order * Claim Dan Retur Toko * Tracking Order * Riwayat Poin * Riwayat Koin ASPIRA 2W - GENERAL PARTS ASPIRA 2W - BACK MIRROR ASPIRA 2W - BEARING - Training MD CJA ASPIRA 2W - BULB ASPIRA 2W - CAM CHAIN & SILENT CHAIN ASPIRA 2W - MAINTENANCE PARTS ASPIRA 2W - SPARK PLUG ASPIRA 2W - MATIC PARTS ASPIRA 2W - BRAKE SHOE ASPIRA 2W - CABLE ASPIRA 2W - CDI & ECU ASPIRA 2W - CLUTCH SYSTEM PARTS ASPIRA 2W - CONN ROD KIT ASPIRA 2W - CUSHION ASPIRA 2W - CYLINDER BLOCK KIT ASPIRA 2W - CYLINDER SET MASTER MATIC ASPIRA 2W - DISK BRAKE MATIC ASPIRA 2W - ELECTRICAL PARTS ASPIRA 2W - ELEMENT AIR CLEANER ASPIRA 2W - ENGINE PARTS ASPIRA 2W - FRAME PARTS ASPIRA 2W - GASKET SET ASPIRA 2W - MOVEABLE DRIVE FACE SET ASPIRA 2W - PAD SET ASPIRA 2W - PISTON KIT ASPIRA 2W - PULLEY (ASSY & ONLY) ASPIRA 2W - RING SET ASPIRA 2W - VALVE ASPIRA 2W - V-BELT (KIT & ONLY) ASPIRA 2W - NON-MATIC PARTS ASPIRA 2W - BRAKE SHOE ASPIRA 2W - CABLE ASPIRA 2W - CAM CHAIN KIT ASPIRA 2W - CDI & ECU ASPIRA 2W - CLUTCH SYSTEM PARTS ASPIRA 2W - CONN ROD KIT ASPIRA 2W - CUSHION ASPIRA 2W - CYLINDER BLOCK KIT ASPIRA 2W - CYLINDER SET MASTER NON-MATIC ASPIRA 2W - DAMPER SET ASPIRA 2W - DISK BRAKE NON-MATIC ASPIRA 2W - DISK CLUTCH ASPIRA 2W - DRIVE CHAIN (KIT & ONLY) ASPIRA 2W - ELECTRICAL PARTS ASPIRA 2W - ELEMENT AIR CLEANER ASPIRA 2W - ENGINE PARTS ASPIRA 2W - FRAME PARTS ASPIRA 2W - GASKET SET ASPIRA 2W - PAD SET ASPIRA 2W - PISTON KIT ASPIRA 2W - RIM WHEEL & SPOKE SET ASPIRA 2W - RING SET ASPIRA 2W - VALVE ASPIRA BATTERY ASPIRA MAINTENANCE FREE ASPIRA MAINTENANCE FREE KIT ASPIRA PREMIUM KIT ASPIRA TIRE & TUBE 2W ASPIRA TIRE TUBELESS 2W - MATIC ASPIRA TIRE TUBELESS 2W - NON-MATIC ASPIRA TIRE TUBETYPE 2W - MATIC ASPIRA TIRE TUBETYPE 2W - NON-MATIC ASPIRA TUBE 2W - MATIC ASPIRA TUBE 2W - NON-MATIC ASPIRA EXPOSIO 2W BULB DRIVE CHAIN GOLD SPOKE SET ASPIRA PREMIO TIRE 2W TUBELESS - 2W TUBETYPE - 2W FEDERAL PARTS 2W - GENERAL PARTS BEARING BUSI CAIRAN PENAMBAL BAN LAMPU BOHLAM LEM GASKET MASTER REM PEMBERSIH KARBURATOR RANTAI KETENG SPION FEDERAL PARTS 2W - MATIC PARTS FILTER UDARA MATIK GASKET MATIK KABEL MATIK KAMPAS REM MATIK KOMPONEN ELEKTRIKAL MATIK KOMPONEN KOPLING MATIK KOMPONEN MESIN MATIK KOMPONEN PISTON MATIK PAKET PISTON MATIK SHOCK ABSORBER MATIK SPULL ASSY MATIK V-BELT & PAKET V-BELT FEDERAL PARTS 2W - NON MATIC PARTS BODY MOTOR FILTER UDARA GASKET GEAR SET GEAR SET HEAVY DUTY KABEL KAMPAS KOPLING KAMPAS REM KARET TROMOL KNALPOT KOMPONEN ELEKTRIKAL KOMPONEN GEAR KOMPONEN KOPLING KOMPONEN MESIN KOMPONEN PISTON KOMPONEN RANGKA KOMPONEN SHOCK ABSORBER PAKET PISTON SHOCK ABSORBER SPULL ASSY VELG DAN JARI-JARI Konfirmasi Faktur Anda Disini QUANTITY Nomor Tujuan Token SHARE LINK Via WhatsApp Via Facebook Via Twitter Copy Link Via Email Mobil Motor AKSESORIS / ACCECORIS BATTERY BEARING BODY MOTOR BUSI CAIRAN PENAMBAL BAN CVT CYLINDER SET MASTER DISK BRAKE FILTER UDARA FILTER UDARA MATIK GASKET GASKET MATIK GEAR SET GEAR SET HEAVY DUTY KABEL KABEL MATIK KAMPAS KOPLING KAMPAS REM KAMPAS REM MATIK KARET TROMOL KELISTRIKAN / ELECTRICAL KNALPOT KOMPONEN ELEKTRIKAL KOMPONEN ELEKTRIKAL MATIK KOMPONEN GEAR KOMPONEN KOPLING KOMPONEN KOPLING MATIK KOMPONEN MESIN KOMPONEN MESIN MATIK KOMPONEN PISTON KOMPONEN PISTON MATIK KOMPONEN RANGKA KOMPONEN SHOCK ABSORBER KOPLING / CLUTCH LAMPU BOHLAM LEM GASKET MASTER REM MESIN / ENGINE PAKET PISTON PAKET PISTON MATIK PEMBERSIH KARBURATOR PERAWATAN / MAINTENANCE PARTS RANGKA / FRAME RANTAI KETENG REM / BRAKE SHOCK ABSORBER SHOCK ABSORBER MATIK SPION SPULL ASSY SPULL ASSY MATIK TIRE TRANSMISI / DRIVE TRAIN V-BELT VELG DAN JARI-JARI Cara Belanja Customer Service All Rights Reserved By PT. Astra Otoparts Tbk Home 0 Troli Login PILIH POINT YANG AKAN ANDA GUNAKAN DETAILS MASUKAN JUMLAH POIN YANG INGIN ANDA GUNAKAN Poin anda sekarang Jumlah Koin Anda : Untuk info selengkapnya klik disini Masukan Nomor Handphone : Item berhasil ditambahkan ke Troli VERIFIKASI NOMOR HANDPHONE Silahkan masukkan kode OTP yang telah dikirim via SMS ke KODE VERIFIKASI Kode verifikasi hanya bisa dikirim setiap 5 menit sekali!