System.Data.SqlClient.SqlException (0x80131904): A network-related or instance-specific error occurred while establishing a connection to SQL Server. The server was not found or was not accessible. Verify that the instance name is correct and that SQL Server is configured to allow remote connections. (provider: TCP Provider, error: 0 - The remote computer refused the network connection.) ---> System.ComponentModel.Win32Exception (0x80004005): The remote computer refused the network connection
   at System.Data.ProviderBase.DbConnectionPool.TryGetConnection(DbConnection owningObject, UInt32 waitForMultipleObjectsTimeout, Boolean allowCreate, Boolean onlyOneCheckConnection, DbConnectionOptions userOptions, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionPool.TryGetConnection(DbConnection owningObject, TaskCompletionSource`1 retry, DbConnectionOptions userOptions, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionFactory.TryGetConnection(DbConnection owningConnection, TaskCompletionSource`1 retry, DbConnectionOptions userOptions, DbConnectionInternal oldConnection, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionInternal.TryOpenConnectionInternal(DbConnection outerConnection, DbConnectionFactory connectionFactory, TaskCompletionSource`1 retry, DbConnectionOptions userOptions)
   at System.Data.SqlClient.SqlConnection.TryOpenInner(TaskCompletionSource`1 retry)
   at System.Data.SqlClient.SqlConnection.TryOpen(TaskCompletionSource`1 retry)
   at System.Data.SqlClient.SqlConnection.Open()
   at WebApplication1.Db.GetOpenConnection() in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\Models\Db.vb:line 13
   at WebApplication1.myproduct.getDetailAndHit(Int32 intProductID) in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\Models\myproduct.vb:line 1178
   at WebApplication1.Toy.VB$StateMachine_273_GetDetailAndHit.MoveNext() in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\Toy.aspx.vb:line 1877
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter`1.GetResult()
   at WebApplication1.Toy.VB$StateMachine_262_Page_Load.MoveNext() in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\Toy.aspx.vb:line 95
ClientConnectionId:00000000-0000-0000-0000-000000000000
Error Number:1225,State:0,Class:20System.Data.SqlClient.SqlException (0x80131904): A network-related or instance-specific error occurred while establishing a connection to SQL Server. The server was not found or was not accessible. Verify that the instance name is correct and that SQL Server is configured to allow remote connections. (provider: TCP Provider, error: 0 - The remote computer refused the network connection.) ---> System.ComponentModel.Win32Exception (0x80004005): The remote computer refused the network connection
   at System.Data.ProviderBase.DbConnectionPool.TryGetConnection(DbConnection owningObject, UInt32 waitForMultipleObjectsTimeout, Boolean allowCreate, Boolean onlyOneCheckConnection, DbConnectionOptions userOptions, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionPool.TryGetConnection(DbConnection owningObject, TaskCompletionSource`1 retry, DbConnectionOptions userOptions, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionFactory.TryGetConnection(DbConnection owningConnection, TaskCompletionSource`1 retry, DbConnectionOptions userOptions, DbConnectionInternal oldConnection, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionInternal.TryOpenConnectionInternal(DbConnection outerConnection, DbConnectionFactory connectionFactory, TaskCompletionSource`1 retry, DbConnectionOptions userOptions)
   at System.Data.SqlClient.SqlConnection.TryOpenInner(TaskCompletionSource`1 retry)
   at System.Data.SqlClient.SqlConnection.TryOpen(TaskCompletionSource`1 retry)
   at System.Data.SqlClient.SqlConnection.Open()
   at WebApplication1.Db.GetOpenConnection() in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\Models\Db.vb:line 13
   at WebApplication1.myentity.getEntity(String entity) in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\Models\myentity.vb:line 18
   at WebApplication1.common.GetCurrentDomain(String strMode) in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\Models\common.vb:line 1060
   at WebApplication1.Header2_toypanic.GetHeader() in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\UserControl\Tenant\toypanic\Header2.ascx.vb:line 134
   at WebApplication1.Header2_toypanic.Page_Load(Object sender, EventArgs e) in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\UserControl\Tenant\toypanic\Header2.ascx.vb:line 47
ClientConnectionId:00000000-0000-0000-0000-000000000000
Error Number:1225,State:0,Class:20

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head><title>

</title>

    
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>


    <meta name="viewport" content="width=device-width, initial-scale=1.0" /><link href="CSS/Main.css?v=3" rel="stylesheet" type="text/css" />



    <style type="text/css">

    /*----------------------------------*/
    /*MAIN CONTAINER*/
    /*----------------------------------*/
    #mainContent {
        /*display: flex;
        flex-direction: row;*/ /* Ensures that the dropdown and the data container are side by side */
        /*justify-content: center;*/ /* Aligns items to the start of the container */
        /*width: 90vw;*/ /* Ensures that the container spans the full width of its parent */
        /*max-width: 100%;*/ /* Prevent horizontal scrollbar */
        /*background-color: #FFFFFF;
        padding:0;*//* Full width usage */

        display: flex;
        flex-wrap: wrap;
        margin: 0px auto; /* Counteract box margins for full width */
        justify-content: center; /* Consistent alignment */
        align-items: stretch; /* Boxes fill container vertically */
        box-sizing: border-box; /* Include padding and border */
        width: 90vw; /* 90% viewport width */
        max-width: 100%; /* Prevent horizontal scrollbar */
        padding: 0; /* Full width usage */
        overflow: hidden; /* Handle negative margins */
        margin-top:-10px;
    }

    /*LEFT COLUMN*/
    #leftContainer {
        /*flex: 1;  Takes up 1 portion of the space */
        padding: 10px; /* Adds some spacing */
        flex: 1; 
        display: flex; 
        flex-wrap: wrap;
        flex-direction: column;

        margin-top: -15px; /* Adjust margin to handle the negative space created by padding */
    }

    /*MID COLUMN*/
    #middleContainer {
        /*flex: 1;  Takes up 1 portion of the space */
        padding: 10px; /* Adds some spacing */
        flex: 2; 
        display: flex; 
        flex-wrap: wrap;
        flex-direction: column;

        margin-top: -15px; /* Adjust margin to handle the negative space created by padding */
    }
    
    /*LEFT COLUMN*/
    #rightContainer {
        flex: 1; /* Takes up 5 portions of the space, making it larger than the dropdown */
        display: flex;
        flex-wrap: wrap;
        padding: 10px; /* Adds some spacing */

        /*margin: 5px;  Adjust margin to handle the negative space created by padding */
        /*justify-content: center;*/
        text-align:left;
        background-color: #FFFFFF;
        flex-direction: column;

        margin-top: -15px; /* Adjust margin to handle the negative space created by padding */
    }


    /* NEXT ROW CONTAINER */
    #dataContainer {
        /*flex: 4;
        flex-basis: 100%;*/ /* Forces it to take up the full row beneath the three columns */
        /* width: 100%; Ensures it spans the same width as mainContent */
        /*display: flex;*/  /*Make it flexible if you want to add more items inside */
        /*justify-content: center;*/ /* Center the content if needed */
        /*padding: 10px;*/ /* Adds some spacing */
        /*background-color: #f1f1f1;*/ /* Example background color */
        /*margin-top: 0px;*/ /* Adds space between the row and the containers above */

        /*flex-wrap: wrap;
        
        margin: 0px;*/ /* Adjust margin to handle the negative space created by padding */
        /*text-align:center;
        background-color: #FFFFFF;
        width: 100vw;*/ /* 90% viewport width */

        flex: 4; /* Takes up 5 portions of the space, making it larger than the dropdown */
        display: flex;
        flex-wrap: wrap;
        
        margin: -10px; /* Adjust margin to handle the negative space created by padding */
        justify-content: center;
        text-align:center;
        background-color: #FFFFFF;
        flex-basis: 100%;

    }

    #dataContainerTitle {
        flex-basis: 100%; /* Forces it to take up the full row beneath the three columns */
        width: 100%; /* Ensures it spans the same width as mainContent */
        display: flex; /* Make it flexible if you want to add more items inside */
        justify-content: center; /* Center the content if needed */
        padding: 10px; /* Adds some spacing */
        background-color: #f1f1f1; /* Example background color */
        margin-top: 10px; /* Adds space between the row and the containers above */

        flex-wrap: wrap;
    
        /*margin: -5px;  Adjust margin to handle the negative space created by padding */
        text-align: center;
        background-color: #FFFFFF;

        /* Add top and bottom border */
        border-top: 1px solid black; /* Adds a 1px black border on top */
        border-bottom: 1px solid black; /* Adds a 1px black border on bottom */
    }

    /* Responsive Layout */
    @media screen and (max-width: 768px) { /* Adjust max-width as per your mobile breakpoint */
        #mainContent {
            flex-direction: column; /* Switch to column layout for mobile devices */
        }
    
        /* Order the elements */
        #leftContainer {
            order: 1;
        }

        #middleContainer {
            order: 2;
        }

        #rightContainer {
            order: 3;
        }

        #dataContainerTitle {
            order: 4;
        }

        #dataContainer {
            order: 5;
        }

    }

    /*----------------------------------*/
    /*DIVISION PARAGRAPH/SEPARATOR*/
    /*----------------------------------*/
    .label 
    {
        margin-bottom:20px;
    }

    </style>

    <style type="text/css">

    /*----------------------------------*/
    /* COPY LINK POPUP MODAL */
    /*----------------------------------*/
    /*.tip-modal {
        display: none;*/ /* Hidden by default */
        /*position: fixed;*/ /* Stay in place */
        /*z-index: 1;*/ /* Sit on top */
        /*left: 0;
        top: 0;
        width: 100%;*/ /* Full width */
        /*height: 100%;*/ /* Full height */
        /*overflow: auto;*/ /* Enable scroll if needed */
        /*background-color: rgba(0,0,0,0);*/ /* Black w/ opacity */
        /*align-items: center;
        justify-content: center;
        display: flex;
        opacity: 0;*/ /* Start fully transparent */
    /*}

    .tip-modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 0px solid #888;
        width: 40%;*/ /* Could be more or less, depending on screen size */
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
        text-align:center;*/
        /*transition: opacity 0.5s ease-in-out;  Smooth transition for opacity */
    /*}*/


    /*----------------------------------*/
    /* SLIDESHOW POPUP MODAL */
    /*----------------------------------*/
    .full-screen-height {
        height: 90vh;  /* 90% of the viewport height */
        width: 95vw;  /* 95% of the viewport width */
        object-fit: contain; /* Cover the area without distorting the aspect ratio */
        object-position: top center; /* Ensures the top part of the image is visible */
    }

    .modal-popup {
        position: fixed;
        /*top: 20%;
        left: 0%;
        left:0%;*/
        width: 100%;
        height:100vh;
        /*background-color: black;*/
        background-color: rgba(0,0,0,0.8);
        border: 0px solid black;
        z-index: 1001;
        padding: 10px;
        text-align: center;
    }
    .modalBackground {
        background-color: rgba(0,0,0,0);
        position: fixed;
        top: 0;
        left: 0;
        width: 0%;
        height: 0%;
        z-index: 1000;
    }

    /* Responsive Layout */
    @media screen and (max-width: 768px) { /* Adjust max-width as per your mobile breakpoint */

        .full-screen-height {
            /*height: 90vh;   90% of the viewport height */
            width: 90vw;  /* 100% of the viewport width */
             /*object-fit: contain; Cover the area without distorting the aspect ratio */
            object-position: center center;  /*Ensures the top part of the image is visible */
        }

    }

    </style>

    <style type="text/css">
    /*----------------------------------*/
    /*PRODUCT RECOMMENDATION*/
    /*----------------------------------*/

    /*----------------------------------*/
    /*PRODUCT*/
    /*----------------------------------*/
    .product {
        flex: 0 0 15.5%; /* 6 columns by default */
        box-sizing: border-box;
        padding: 5px; /* Padding for spacing */
        margin: 5px; /* Margin for spacing */
        display: flex;
        flex-direction: column; /* Stack image and label vertically */
        align-items: center; /* Center items horizontally */
        text-align:left;
        
    }

    .product .image-container {
        width: 100%; /* Full width of .product */
        padding-top: 125%; /* Aspect ratio 4:5 (5/4*100%) */
        position: relative; /* For absolute positioning of the image */
    }

    .product img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* Cover the area of .image-container */
    }

    .product label {
        width: 100%; /* Optional: set to the width of the .product div */
        text-align: center; /* Center the text */
        margin-top: 10px; /* Spacing between the image and the label */
    }

    .product .company {
        display:inline;
    }

/*    .product a, a:hover {
        text-decoration: none !important;
        color:#333 !important;
    }*/

    .publish a{
        text-decoration: none !important;
        color:#333 !important;
    }

    .unpublish a{
        text-decoration: none !important;
        color:lightgray !important;
    }

    /*----------------------------------*/
    /*MOBILE VIEW*/
    /*----------------------------------*/
    /* Media query for screens that are 600px wide or less */
    @media (max-width: 768px) {

/*        .luckiest-guy-regular {
            font-size:50pt; 
            line-height:0.65; 
        }*/

        .product {
            padding: 2px; /* Padding for spacing */
            margin: 2px; /* Margin for spacing */
            flex: 0 0 30%; /* Change to 3 columns on mobile */
            font-size:small;
        }
        .product:before {
            padding-top: 125%; /* Maintain the 4:5 aspect ratio */
        }

        .product .company {
            display:none;
        }

        #mainContent {
            width: 100vw; /* 90% viewport width */
        }

        #dropdownContainer {
            display:none;
        }

        /*#loading img {
        width: 15%;*/ /* Set the width to 10% of the parent 
        }*/

    }

    /*----------------------------------*/
    /*DISCOUNT COUPON*/
    /*----------------------------------*/
    .ticket {
        display: inline-block;
        background-color: #cc0000; /* darkred color */
        color: white;
        /*font-weight: bold;*/
        padding: 3px 8px;
        font-size: small;
        border-radius: 5px;
        position: relative;
        text-align: center;
    }

    /* Add cut-out effect on the left and right */
    .ticket::before,
    .ticket::after {
        content: "";
        width: 10px; /* Size of the "cut-out" */
        height: 10px;
        background-color: white;
        position: absolute;
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .ticket::before {
        left: -5px; /* Position left cut-out, half the size of cut-out (10px) so it will appear as semi-circle */
    }

    .ticket::after {
        /*right: -2px;*/ /* Position right cut-out */
        right: -10px; /* Position right cut-out, had it at 8 px the same size of the cut-off so it won't be shown */
    }

    </style>

   
    
    <script>
        var _0x590a1b = _0x3e01; (function (_0x74ee1a, _0x1bc8e2) { var _0x194d9b = _0x3e01, _0x7aab4d = _0x74ee1a(); while (!![]) { try { var _0x564e4b = -parseInt(_0x194d9b(0x233)) / 0x1 * (parseInt(_0x194d9b(0x23e)) / 0x2) + parseInt(_0x194d9b(0x23d)) / 0x3 * (-parseInt(_0x194d9b(0x20e)) / 0x4) + -parseInt(_0x194d9b(0x216)) / 0x5 + -parseInt(_0x194d9b(0x205)) / 0x6 * (parseInt(_0x194d9b(0x246)) / 0x7) + parseInt(_0x194d9b(0x20d)) / 0x8 + parseInt(_0x194d9b(0x20a)) / 0x9 * (parseInt(_0x194d9b(0x219)) / 0xa) + parseInt(_0x194d9b(0x211)) / 0xb; if (_0x564e4b === _0x1bc8e2) break; else _0x7aab4d['push'](_0x7aab4d['shift']()); } catch (_0x4aad04) { _0x7aab4d['push'](_0x7aab4d['shift']()); } } }(_0x63ca, 0x75531)); let pointName = ''; function _0x63ca() { var _0x26da34 = ['error', 'stringify', '#loading', '3019947KWKUyQ', 'company', 'default.aspx/GetEntity', '#hdfShowPublishedOnly', 'filename', '<div\x20class=\x22status-badge\x20', 'promo_title', '<div\x20class=\x22price-badge\x22\x20style=\x22font-size:small;\x20text-align:center\x22>', 'is_defect1:\x20', 'toFixed', 'preorder', '<div\x20class=\x22image-container\x22>', '<div>MYR', '<span\x20class=\x22luckiest-guy-regular\x22>Alamak,\x20we\x20came\x20up\x20empty\x20this\x20time!</span>', 'soldout', '</s>\x20-\x20', 'append', 'product_info_id', '#hypPlatform', 'preorderclosed', 'showPublishedOnly:\x20', 'json', 'product\x20unpublish', 'height', 'preorderprice', 'strSeries:\x20', 'strCategory2:\x20', 'scrollTop', 'promo_match', 'sale', 'point_name', 'Discontinued', 'strCategory1:\x20', 'show', '\x20<span\x20class=\x22company\x22>(from\x20', 'POST', '6IPMFbK', '\x22\x20alt=\x22', 'buttonmultiplier', 'is_publish', 'val', '9KkrBag', 'Preorder', 'available', '5081760hzzbRj', '336372lLInBF', '/Upload/Product/Thumbnail/', 'ajax', '8210158tGQuCF', 'hide', 'status', 'is_defect2:\x20', 'text', '2078160GLFbKN', 'strPlatform:\x20', 'multiplier:\x20', '4031220pyWRSF', 'parse', 'pointmultiplier', 'sale:\x20', 'strCompany:\x20', 'pageNumber:\x20', 'empty', 'keyword:\x20', 'ready', 'In\x20Stock', 'outofstock:\x20', 'class=\x22product\x20publish\x22', 'soldout:\x20', '<div\x20class=\x22name\x22>', 'length', 'Error:\x20', 'Preorder\x20Closed', 'price', 'Soldout', '%\x20off</div>', 'buttonsoldout', '<div\x20class=\x22ticket\x22\x20style=\x22background-color:\x20#cc0000;\x22>', 'buttondiscontinued', 'class=\x22product\x20unpublish\x22', 'each', '</div>', '113TngHBb', 'available:\x20', 'application/json;\x20charset=utf-8', 'instockprice', 'default.aspx/LoadPage', 'buttonpreorder', '#dataContainer', '<div>', 'log', 'pricemin:\x20', '3XJjfQV', '6602KOvrXN', '<s>', 'preordersoldout', '<div\x20class=\x22', '</a>']; _0x63ca = function () { return _0x26da34; }; return _0x63ca(); } function _0x3e01(_0x1fe208, _0x5e4bf1) { _0x1fe208 = _0x1fe208 - 0x1f2; var _0x63ca67 = _0x63ca(); var _0x3e01f7 = _0x63ca67[_0x1fe208]; return _0x3e01f7; } var pageNumber = 0x1, is_firstload = !![], intWindowHeight = $(window)[_0x590a1b(0x1f8)](), isLoadingData = ![], is_endofpage = ![], showPublishedOnly = 0x1, is_firstbuttonclick = !![], _loadCompany_firstload = !![], _loadPlatformCategory1Category2_firstload = !![], _loadSeries_firstload = !![], _loadData_firstload = !![], _keyword = '%', _ddlPlatform = '%', _ddlCompany = '%', _ddlCategory1 = '%', _ddlCategory2 = '%', _ddlSeries = '%', _cbInStock = _0x590a1b(0x20c), _cbPreorder = _0x590a1b(0x250), _cbPreorderClosed = _0x590a1b(0x1f4), _cbPreorderSoldout = 'preordersoldout', _cbSoldout = 'soldout', _cbDiscontinued = '-', _cbSale = 0x0, _cbPoint = 0x0, _is_bib = 0x0, _is_defect1 = 0x1, _is_defect2 = 0x0, _pricemin = 0x0, _pricemax = 0xf423f; $(document)[_0x590a1b(0x221)](function () { var _0x30e1a6 = _0x590a1b; $[_0x30e1a6(0x210)]({ 'type': _0x30e1a6(0x204), 'url': _0x30e1a6(0x248), 'data': JSON[_0x30e1a6(0x244)]({ 'entity': _0x30e1a6(0x1ff) }), 'contentType': _0x30e1a6(0x235), 'dataType': _0x30e1a6(0x1f6), 'success': function (_0x573795) { pointName = _0x573795['d']; } }); var _0x1cf9d2 = $(_0x30e1a6(0x249))[_0x30e1a6(0x209)](); is_firstload && ($(_0x30e1a6(0x245))[_0x30e1a6(0x202)](), _ddlPlatform = $(_0x30e1a6(0x1f3))[_0x30e1a6(0x215)](), _ddlCompany = $('#hypCompany')[_0x30e1a6(0x215)](), _keyword = '%', _ddlCategory1 = '%', _ddlCategory2 = '%', _ddlSeries = '%', _cbInStock = _0x30e1a6(0x20c), _cbPreorder = _0x30e1a6(0x250), _cbPreorderClosed = '-', _cbPreorderSoldout = '-', _cbSoldout = '-', _cbDiscontinued = '-', _cbSale = 0x0, _cbPoint = 0x0, _is_bib = 0x0, _is_defect1 = 0x1, _is_defect2 = 0x0, _pricemin = 0x0, _pricemax = 0xf423f, loadData(_keyword, _ddlPlatform, _ddlCompany, _ddlCategory1, _ddlCategory2, _ddlSeries, _cbInStock, _cbPreorder, _cbPreorderClosed, _cbPreorderSoldout, _cbSoldout, _cbDiscontinued, _cbSale, _cbPoint, _pricemin, _pricemax, _is_defect1, _is_defect2, _0x1cf9d2, !![]), is_firstload = ![], $(_0x30e1a6(0x245))[_0x30e1a6(0x212)]()), $(window)['scroll'](function () { var _0x4a0680 = _0x30e1a6; !is_firstload && !is_endofpage && !isLoadingData && intWindowHeight + $(window)[_0x4a0680(0x1fc)]() >= $(document)[_0x4a0680(0x1f8)]() - intWindowHeight && (isLoadingData = !![], loadData(_keyword, _ddlPlatform, _ddlCompany, _ddlCategory1, _ddlCategory2, _ddlSeries, _cbInStock, _cbPreorder, _cbPreorderClosed, _cbPreorderSoldout, _cbSoldout, _cbDiscontinued, _cbSale, _cbPoint, _pricemin, _pricemax, _is_defect1, _is_defect2, _0x1cf9d2, ![])); }); }); function checkFirstLoad() { var _0x1daff5 = _0x590a1b; !_loadCompany_firstload && !_loadPlatformCategory1Category2_firstload && !_loadSeries_firstload && !_loadData_firstload && (is_firstload = ![], $(_0x1daff5(0x245))['hide']()); } function loadData(_0x399900, _0x4f69c7, _0xf79ffa, _0x2b5186, _0x2b1535, _0x9b231a, _0x451b30, _0x572848, _0x225143, _0x4f50b2, _0x55ced8, _0x3d2cf7, _0x3deb2a, _0x5d8345, _0x3ad355, _0x1acf09, _0x3bc496, _0x100552, _0x47b5ad, _0x1b0fe8) { var _0x410b56 = _0x590a1b; !_loadData_firstload && $(_0x410b56(0x245))['show'](), console[_0x410b56(0x23b)](_0x410b56(0x220) + _0x399900), console[_0x410b56(0x23b)](_0x410b56(0x21e) + pageNumber), console['log'](_0x410b56(0x217) + _0x4f69c7), console[_0x410b56(0x23b)](_0x410b56(0x21d) + _0xf79ffa), console[_0x410b56(0x23b)](_0x410b56(0x201) + _0x2b5186), console[_0x410b56(0x23b)](_0x410b56(0x1fb) + _0x2b1535), console['log'](_0x410b56(0x1fa) + _0x9b231a), console[_0x410b56(0x23b)](_0x410b56(0x234) + _0x451b30), console[_0x410b56(0x23b)]('preorder:\x20' + _0x572848), console['log']('preorderclosed:\x20' + _0x225143), console[_0x410b56(0x23b)](_0x410b56(0x225) + _0x55ced8), console['log'](_0x410b56(0x223) + _0x3d2cf7), console[_0x410b56(0x23b)](_0x410b56(0x21c) + _0x3deb2a), console[_0x410b56(0x23b)](_0x410b56(0x218) + _0x5d8345), console[_0x410b56(0x23b)](_0x410b56(0x23c) + _0x3ad355), console[_0x410b56(0x23b)]('pricemax:\x20' + _0x1acf09), console[_0x410b56(0x23b)](_0x410b56(0x24e) + _0x3bc496), console['log'](_0x410b56(0x214) + _0x100552), console[_0x410b56(0x23b)](_0x410b56(0x1f5) + _0x47b5ad), $[_0x410b56(0x210)]({ 'type': 'POST', 'url': _0x410b56(0x237), 'data': JSON['stringify']({ 'keyword': _0x399900, 'pageNumber': pageNumber, 'strPlatform': _0x4f69c7, 'strCompany': _0xf79ffa, 'strCategory1': _0x2b5186, 'strCategory2': _0x2b1535, 'strSeries': _0x9b231a, 'available': _0x451b30, 'preorder': _0x572848, 'preorderclosed': _0x225143, 'preordersoldout': _0x4f50b2, 'soldout': _0x55ced8, 'outofstock': _0x3d2cf7, 'sale': _0x3deb2a, 'multiplier': _0x5d8345, 'pricemin': _0x3ad355, 'pricemax': _0x1acf09, 'is_defect1': _0x3bc496, 'is_defect2': _0x100552, 'showPublishedOnly': _0x47b5ad }), 'contentType': _0x410b56(0x235), 'dataType': _0x410b56(0x1f6), 'success': function (_0x19a9b8) { var _0x5d5ca0 = _0x410b56, _0x4befe3 = JSON[_0x5d5ca0(0x21a)](_0x19a9b8['d']), _0x26e0dd = ''; _0x4befe3[_0x5d5ca0(0x227)] === 0x0 ? (is_firstbuttonclick && ($('#dataContainer')[_0x5d5ca0(0x21f)](), $(_0x5d5ca0(0x239))[_0x5d5ca0(0x256)](_0x5d5ca0(0x253))), is_endofpage = !![]) : ($[_0x5d5ca0(0x231)](_0x4befe3, function (_0x19eb28, _0x446237) { var _0x2585e6 = _0x5d5ca0; let _0x36d0c2 = _0x446237[_0x2585e6(0x24a)]; !_0x36d0c2 ? !_0x446237['filename_potrait'] ? _0x36d0c2 = '/image/icon/photocomingsoon.png?v=1' : _0x36d0c2 = '/Upload/Product/Thumbnail/' + _0x446237['filename_potrait'] : _0x36d0c2 = _0x2585e6(0x20f) + _0x446237['filename']; var _0x45364f = '', _0x279dc8 = '', _0x13ccac = '', _0x4c452e = '', _0x494b4c = ''; _0x446237[_0x2585e6(0x1fd)] == '1' && (_0x494b4c = _0x2585e6(0x24d) + _0x446237[_0x2585e6(0x24c)] + _0x2585e6(0x232)); if (_0x446237[_0x2585e6(0x213)] == _0x2585e6(0x20c)) { _0x279dc8 = 'buttonaddtocart'; var _0x13ccac = _0x2585e6(0x222); _0x446237[_0x2585e6(0x22a)] != _0x446237[_0x2585e6(0x236)] ? (_0x45364f = _0x2585e6(0x23f) + _0x446237[_0x2585e6(0x22a)][_0x2585e6(0x24f)](0x2) + _0x2585e6(0x255) + _0x446237[_0x2585e6(0x236)][_0x2585e6(0x24f)](0x2), _0x45364f = _0x2585e6(0x23f) + _0x446237[_0x2585e6(0x22a)]['toFixed'](0x2) + _0x2585e6(0x255) + _0x446237['instockprice'][_0x2585e6(0x24f)](0x2) + _0x2585e6(0x22e) + _0x446237[_0x2585e6(0x1fe)] + _0x2585e6(0x22c)) : _0x45364f = _0x446237['price'][_0x2585e6(0x24f)](0x2); } else { if (_0x446237[_0x2585e6(0x213)] == 'preorder') { _0x279dc8 = _0x2585e6(0x238); var _0x13ccac = _0x2585e6(0x20b); _0x446237[_0x2585e6(0x22a)] != _0x446237[_0x2585e6(0x1f9)] ? _0x45364f = '<s>' + _0x446237[_0x2585e6(0x22a)][_0x2585e6(0x24f)](0x2) + _0x2585e6(0x255) + _0x446237[_0x2585e6(0x1f9)]['toFixed'](0x2) : _0x45364f = _0x446237[_0x2585e6(0x22a)][_0x2585e6(0x24f)](0x2); } else { if (_0x446237[_0x2585e6(0x213)] == 'preorderclosed') { _0x279dc8 = _0x2585e6(0x22d); var _0x13ccac = _0x2585e6(0x229); _0x45364f = _0x446237[_0x2585e6(0x22a)]['toFixed'](0x2); } else { if (_0x446237[_0x2585e6(0x213)] == _0x2585e6(0x240)) { _0x279dc8 = 'buttonsoldout'; var _0x13ccac = 'Preorder\x20Soldout'; _0x45364f = _0x446237[_0x2585e6(0x22a)][_0x2585e6(0x24f)](0x2); } else { if (_0x446237[_0x2585e6(0x213)] == _0x2585e6(0x254)) { _0x279dc8 = _0x2585e6(0x22d); var _0x13ccac = _0x2585e6(0x22b); _0x45364f = _0x446237['price'][_0x2585e6(0x24f)](0x2); } else { if (_0x446237[_0x2585e6(0x213)] == 'outofstock') { _0x279dc8 = _0x2585e6(0x22f); var _0x13ccac = _0x2585e6(0x200); _0x45364f = _0x446237[_0x2585e6(0x22a)]['toFixed'](0x2); } else _0x45364f = _0x446237[_0x2585e6(0x22a)][_0x2585e6(0x24f)](0x2); } } } } } var _0x56ba24 = ''; _0x446237[_0x2585e6(0x21b)] > 0x1 && (_0x56ba24 = _0x446237['pointmultiplier'] + 'X\x20' + pointName, _0x4c452e = _0x2585e6(0x207)); var _0x10f7ce = ''; divclass = ''; _0x446237[_0x2585e6(0x208)] == 0x0 ? divclass = _0x2585e6(0x230) : divclass = _0x2585e6(0x224); var _0x2d3e23 = _0x2585e6(0x241) + (_0x446237[_0x2585e6(0x208)] == 0x0 ? _0x2585e6(0x1f7) : 'product\x20publish') + '\x22>' + '<a\x20href=\x22toy.aspx?p=' + _0x446237[_0x2585e6(0x1f2)] + '\x22>' + _0x2585e6(0x251) + '<img\x20src=\x22' + _0x36d0c2 + _0x2585e6(0x206) + _0x446237['itemname'] + '\x22>' + _0x2585e6(0x232) + _0x2585e6(0x24b) + _0x279dc8 + '\x22>' + _0x13ccac + _0x2585e6(0x232) + '<div\x20class=\x22product_description\x22>' + _0x2585e6(0x226) + _0x446237['itemname'] + _0x2585e6(0x203) + _0x446237[_0x2585e6(0x247)] + ')</span></div>' + _0x2585e6(0x23a) + _0x2585e6(0x252) + _0x45364f + _0x2585e6(0x232) + _0x2585e6(0x241) + _0x4c452e + '\x22>' + _0x56ba24 + _0x2585e6(0x232) + _0x2585e6(0x232) + _0x494b4c + _0x2585e6(0x232) + _0x2585e6(0x242) + _0x2585e6(0x232); _0x26e0dd += _0x2d3e23, (_0x19eb28 + 0x1) % 0x3 === 0x0 && (_0x26e0dd += '<div\x20class=\x22clearfix\x22></div>'); }), (_0x1b0fe8 || is_firstload) && $(_0x5d5ca0(0x239))[_0x5d5ca0(0x21f)](), $('#dataContainer')[_0x5d5ca0(0x256)](_0x26e0dd), pageNumber++), isLoadingData = ![], is_firstbuttonclick = ![], _loadData_firstload ? (_loadData_firstload = ![], checkFirstLoad()) : $('#loading')[_0x5d5ca0(0x212)](); }, 'error': function (_0x4f96e5, _0x5679f8, _0x2516fe) { var _0x50207e = _0x410b56; console[_0x50207e(0x243)](_0x50207e(0x228) + _0x2516fe), isLoadingData = ![], $(_0x50207e(0x245))[_0x50207e(0x212)](); } }); }
    </script>

</head>
<body>

    <form method="post" action="./toy.aspx?p=203863" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="T1k6Ooyh13QC0eLy9ARFOxJCjzs6qoBctXnr58R1J8uTVnGhaAPKIGZgEE4ZmS2giIUplp/oby38C5/so7tmlt7KMhSXtt44c8l38wzNgiNGtT1/0rFnoHj1A1NU7lRXyk9YrpTTp8DCfCHMrpntwLabgcvc4hKNljqdiNn8A0aJVmdJkVvs/2AdyKX+FK3B" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
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=pynGkmcFUV13He1Qd6_TZAWhnrhPH8iD8sieR6XjemVtL6Pk8wHl8gH5lJspZjFozknZfLSOkuej78Mt6kq-Nw2&amp;t=638942498805310136" type="text/javascript"></script>


<script src="/ScriptResource.axd?d=D9drwtSJ4hBA6O8UhT6CQhEmyA0eUoLP-DYolxytZnvUsQCEUApMOJPDfSM3Vo319CZvlVKTcUhf4wvqnv8Kr7sRRlBiTCc3QFnLbCZQL93etAYHQdxI3IxzOD1ozGTAKOR4FErEnT3-B1fCUyurihj5aEsqgueSQEWlJlwfzSo1&amp;t=32e5dfca" 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=JnUc-DEDOM5KzzVKtsL1te5waleNPLP3eYrhC6G-cnqAeL2qP357-gjRR_YUksTfzUKnyru7rvW0I2-HJ2ICCqf7X0erFLYDc8Uxk46UbTptN2eHrlqsqyvliuRQS04OxgPlXyKn19gF-tSR17n0ScUZEP68LLpKEfxJ3V7sx_PNWmKm9CGNFIFCH1FoaSJV0&amp;t=32e5dfca" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=pVdHczR8HTv0TYtXLibFoAl16GTAIqfnRdx3-SzOI9zaYQWweAZt59Iu4TYGO9S73djNTtrpkwr6Mq8omanRhWwwhsXgubmrSuAyqbh1HKQDvoa5-R32HoG8sQX1r9_9Vkb7-Fs3Mby47mI7oQTxvg2&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=-qISl4-OkT-7X02E4Fisr1vk-XRMo-jWN4M2gx9wBlxWOazSOwjbWUNBiZKkY6jSZN_6CXE-DNH99SMLAIxCTuYzzhQ0rGFsIB0_Dj6Kig3i-GQbsoZGzZ7HtktOKli50&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=LpGQnoKUSgO3ODsBUs8GfRsII5AtweisDuM10m8APCRgXtYPtkRvHc-O6aTKCuGtYGb9NNy5HCh2XniSGpeWeGFJn0qlIrPMPcbwKbHCniESqV4WgPcNbXwU4uI29WYL0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=iC2sD0Al8A6ZX4AVmUco0eSw1qGzP5kXwzPvVkGpfX1VXZH5cA1dH5Ac7fBbWZrvIqwHzTl5dLKSvG86je8vyQ8XG_5pdIV8Ec8rz0tNVtDGvemaYxfbbJlcmbwde0Hj0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=rFItVvyVSHru2mWi6oVDASfIo_SgxArGYEFOJOxfwJkd78G_9SQWgCHnD40zUwAUXyfhoP6FihhWVdm64XMdk7ilgX6kfXbqIwHs4Yl8-gTBwcPZ166lF6RFcYg6LV9s0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=VXG5HWKmJ5VfT6XbkUxKRkR-cGs5pzr-FnlMZvebAUSnEc6pkqMZkSkEeLd36Ej-aun9Ss2nEngjKhLb2An13mVVBqE3-3bzfkoNhdst4qgjW_6k08X1dBpjy1D3fxsu0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=UOhNCrWepwbJqlILLLhLzQGQNBWv7nhNgIq17NadniFBjqPe9IwMUV0nfojkOM3QPjcxxcmClSCzasUvdXDd74RiohtbJhGwcqEwzAtVFsnym2gwMe-iv0_BCXoQER-n0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=5Ptu7TR6eeUMpbV-tOSG6hs2GJxmgqGCENLc6sJh4kltTgBxxVw0O3DdZkxG_j3ci_MldZzTk8LavL0c97dHzkfZxRbGGglw42lXE5l_qAtcgrL8GuGr7XQc4zMEHmiC0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=yq2dglGiX2GonGqAbqjStka-WiXQMfjDPoO6uk5Lpqys7FFjkWOs-LKLGdV039konrs8oOVVkjOSsjraMCmFU87Ozc-BXdLDVc1xpHuxy5m7CxkpV4M-UwP4I1hMxM-R0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=q85rlLsZEVu9loex9kzISG7zJApbnwC-9sZDvPKA1Iws9EW8d5jPR3RLXbOqsOgrZVOWl_hbwzDbRSg-7-qffYIcWDafbbLRCE3jNpDOCZPRDHbqYhj8lh4bDqRJvUxf0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=9fVK6SOzqud8-CG5DRcWdZwB_GvGlhLk4SdWdh5vfDxuVLyXskweZQFeO0YsQwXQdjxENzFz7qVSQaY69YMwOFHvYx77EZjDIKHJ_qIE2ozdsCt8Kwdu5vsOeukCWRzI0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=FJYGXcD0D1IU18YZcc5S5ZCNoS6_jx9Xru8YLKuxogcmjC6jcdA31CIPIMp2M0Nef4enbh78WZoiamO_2Zuhzu51fE03hA1BdfASKO62rymF-hlgBlwECrDqHKm85Ttq0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=qTnPOILsJCPbmGgsgyJ0e4tkepZ5nBxb8zZtdQz5ds7vdsA4irzoRPA7qeRl5zwXwlc0WaFi9OtTAD1woWrl8SpXqyI6PXWOrfoFVeIxAitexN-qChBbOpxgRxqFAzfU0&amp;t=7d5986a" type="text/javascript"></script>
<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="1B12F5A6" />
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="V7REKAC4DSKCP/UO+RhhW5+m8//HLw4pIlutBSq/TZi4A1cVy0H1LtRLyZJQPcVXPZbyXC0ZNRWICoMjCRb/rjmQcQxN/v2d9Y/ej5uxSiP1X+ozNcz2DvXSHbQNqvsHZpdtRklZdwmKVIoMMXI9ylbSyZNmdBKyGAtYNKgAvcFxCJ4p4Veyvz55cebPdyf+HCVmRlT/UbtTSu0Cra81Ho/oXmPbM0IFPlWfiAVYT+gLpUf90EdBFTZ5QCKsAs6v9+GHEN7oWD9AE6iJ3vcduCN5LbarTBfmwQTuVDUoeUeWLsXABcTMt7aNTDY85fv/v34YlN7sy1O1FE9Rd8spoy07HdX1PFN7Xb+9H4lTOI8Dks8IngEnSUahGjK7BCtSnXSRyLHIW3YlFhxRAjD+NMxZP44m78gwyJPfagNkRSM=" />
</div>

    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager1', 'form1', [], [], [], 90, '');
//]]>
</script>

    



<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />

<!-- jQuery and Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">


<style>
    /*----------------------------------*/
    /*TOP HEADER HEADER*/
    /*----------------------------------*/
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        background-color: #fff;
        color: #333;
        border-bottom: 0px solid #ccc;
        width: 91%; /* Use 100% for full-width and responsiveness */
        margin: 0 auto; /* Center the header horizontally */
        /*margin-bottom:0px;*/
        background-color: #6F3FAA;/* #1a1a1a;  dark background like Bloomberg */
        
    }

    .navigation a {
        margin-left: 20px;
        color: white; /*#333;*/
        text-decoration: none;
        /*margin: 10px 10px;*/
    }

    .navigation a:hover {
        /*text-decoration: underline;*/
    }

    .logo img {
        max-width: 100%; /* Ensure logo is not wider than its container */
        height: auto; /* Maintain aspect ratio */
        max-height: 30px; /* Limit the logo's height to make it viewer-friendly */
        margin-top:-0px
    }

    /* Responsive adjusments */
    @media (max-width: 768px) {
        .header {
            flex-direction: column;
            padding: 10px 0px;
            width: 100%; /* Use 100% for full-width and responsiveness */
            /*font-size:smaller;*/
        }

        .navigation {
            border-top: 0px solid #999; /* Add a solid line to separate the header */
            margin-top:15px;
            margin-bottom:-20px;
            width: 100%;
            display: flex;
            flex-direction: row;
            align-content:center;
            justify-content: center;
            padding:5px 0px;
            /*align-items: center;*/
        }

        .navigation a {
            /*margin: 10px 10px;*/
              margin-right: 12px;
        }

        .logo img {
            max-height: 30px; /* Smaller logo for mobile devices */
            margin-bottom:-5px
        }
    }

     /*----------------------------------*/
    /* SUBHEADER / SUBMENU */
     /*----------------------------------*/
    .subheader {
        background-color: #643899; /*#7641B5;/* #1a1a1a;  dark background like Bloomberg */
        padding: 5px 0;
        display: flex;
        justify-content: center; /* center menu items */
        gap: 20px; /* space between links */
        margin-top:0px;
        margin-bottom:0px;
        /*border:1px solid #6F3FAA;
        border-right:0px;
        border-left:0px;
        border-color:#6F3FAA;*/
    }

    .subheader a {
        color: white;
        text-decoration: none;
        font-weight: 500;
        padding: 6px 10px;
        transition: background-color 0.3s ease;
    }

    .subheader a:hover {
        background-color: #C9B3E5   ; /* hover effect */
        border-radius: 4px;
    }

    .subheader a.active {
      color: #A679D3; /* stays lighter when active */
      font-weight: bold; /* optional */
    }

    /* Responsive adjusments */
    @media (max-width: 768px) {
        /*.subheader {*/
            /*background-color: #1a1a1a; 
            padding: 5px 0;
            display: flex;
            justify-content: center;  center menu items */
            /*gap: 10px;*/ /* space between links */
            /*font-size:smaller;*/
            /*margin-top:0px;
        }*/
        /*
        .subheader a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            padding: 8px 12px;
            transition: background-color 0.3s ease;
        }

        .subheader a:hover {
            background-color: #333; 
            border-radius: 4px;
        }*/
    }


    /*----------------------------------*/
    /*BUTTON AND TEXT INPUT*/
    /*----------------------------------*/
    input[type="text"], .button {
        width: 100%; /* Makes the input and button fill their container */
        padding: 15px; /* Adds some padding inside the input and button for touch-friendliness */
        margin: 10px 0; /* Adds some space between the input and button */
        border: 1px solid #ccc; /* Adds a subtle border */
        border-radius: 5px; /* Rounds the corners for a smoother look */
    }

    .button {
        background-color: #007bff; /* A pleasant blue background for the button */
        color: white; /* White text for the button */
        font-size: 16px; /* Ensures the text is easily readable */
        border: none; /* Removes the border for a button-like appearance */
        cursor: pointer; /* Changes the cursor to indicate it's clickable */
        width:100%;
    }

    .button:hover {
        background-color: #0056b3; /* Darkens the button on hover for visual feedback */
    }

    /* Responsive adjustments */
    @media (min-width: 768px) {
        input[type="text"], .button {
            /*max-width: 400px;  Limits the maximum width on larger screens */
            display: block; /* Ensures the input and button are block-level for max-width to take effect */
            margin: 10px auto; /* Centers the input and button horizontally */
        }
    }

    /*----------------------------------*/
    /*TEXTBOX*/
    /*----------------------------------*/
    .textbox {
        width: 100%; /* Makes the input and button fill their container */
        padding: 15px; /* Adds some padding inside the input and button for touch-friendliness */
        margin: 10px 0; /* Adds some space between the input and button */
        border: 1px solid #ccc; /* Adds a subtle border */
        border-radius: 5px; /* Rounds the corners for a smoother look */

    }

    /*----------------------------------*/
    /*CHECKBOX*/
    /*----------------------------------*/
    input[type="checkbox"] {
        /*width: 25px;  Adjust the width as needed */
        /*height: 25px;  Adjust the height as needed */
        transform: scale(1.5); /* Adjust the scale to make the checkbox bigger */
        /*margin-right: 10px;*/ /* Add a 5px margin to the right of the checkbox */
        margin: 8px; /* Add a 5px margin to the right of the checkbox */

    }

    input[type="radio"] {
        /*width: 25px;  Adjust the width as needed */
        /*height: 25px;  Adjust the height as needed */
        transform: scale(1.5); /* Adjust the scale to make the checkbox bigger */
        /*margin-right: 10px;*/ /* Add a 5px margin to the right of the checkbox */
        margin: 8px; /* Add a 5px margin to the right of the checkbox */

    }

    /*----------------------------------*/
    /*PROGRESS BAR*/
    /*----------------------------------*/
    .UpdateProgress {
        width: 300px; 
        background-color: #99CC00; 
        text-align:left;
        font-size: x-large;
        color:white;
        font-weight:bold;
    }

    /*----------------------------------*/
    /*GIF LOADING*/
    /*----------------------------------*/

    #loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1000;
    display: none; /* Hidden by default */
    text-align: center;
    }

    #loading img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 5%; /* Set the width to 10% of the parent */
    height: auto; /* Maintain aspect ratio */
    max-width: 128px; /* Example maximum size */
    max-height: auto; /* Maintain aspect ratio based on max-width */

    }

    /* For mobile screens */
    @media (max-width: 768px) {

        #loading img {
        width: 15%; /* Set the width to 10% of the parent */
        }

    }

    /*----------------------------------*/
    /*NOTIFICATION BADGE*/
    /*----------------------------------*/
    #notificationContainer {
        position: relative;
        display: inline-block;
    }

    #notificationBadge {
        position: absolute;
        top: -5px;
        right: -10px;
        background-color: red;
        color: white;
        border-radius: 50%;
        font-size: 8pt;
        padding: 0px 5px;
        display: none; /* Hidden by default */
    }

    /*----------------------------------*/
    /* smart sticky behavior */
    /*----------------------------------*/
    :root { --header-total-height: 0px; }

    .site-header {
      position: fixed;
      top: 0; left: 0; right: 0;
      transform: translateY(0);
      transition: transform 200ms ease, box-shadow 200ms ease;
      z-index: 1000;
      /* Make sure the area is opaque so the page under it doesn't show through */
      background: #fff;
      will-change: transform;
      background-color: #6F3FAA;/* #1a1a1a;  dark background like Bloomberg */
    }

    /* Keep your header/subheader colors; the wrapper is white so subheader’s purple still shows */
    .site-header.scrolled {
      box-shadow: 0 4px 10px rgba(0,0,0,.08);
    }

    /* Slide up the whole header wrapper by its exact height */
    .site-header.hide {
      transform: translateY(calc(-1 * var(--header-total-height)));
    }

    /* Spacer height gets set dynamically */
    .header-spacer {
      height: var(--header-total-height);
      margin-bottom: 20px; /* extra space below the header */
    }


    /* ============================= */
    /* HAMBURGER + MOBILE SUBHEADER  */
    /* ============================= */

    /* Base hamburger (hidden on desktop) */
    .hamburger {
      display: none;
      width: 20px;
      height: 20px;
      padding: 0;
      margin-left: 12px;
      border: 0;
      background: transparent;
      cursor: pointer;
      position: relative;
      margin-right: auto; /* forces it all the way left */
      border: none !important;   /* kill any border */
      outline: none !important;  /* kill focus ring */
      box-shadow: none !important; /* some browsers use this */
    }

    .hamburger:focus,
    .hamburger:active {
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
    }

    .hamburger span {
      display: block;
      height: 2px;
      margin: 3px 0;
      background: #fff;
      border-radius: 2px;
      transition: transform .25s ease, opacity .2s ease;
      width:100%;
    }

    /* Animate to X when active */
    .hamburger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
    .hamburger.is-active span:nth-child(2) { opacity: 0; }
    .hamburger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }

    @media (max-width: 768px) {
      /* Show the hamburger on mobile */
      .hamburger { 
          display: inline-block; 
           position: absolute;
           left: 12px;                  /* matches your current margin-left */
           top: 12px;
           /*transform: translateY(-50%);*/ /* vertical centering */
           margin: 0;                   /* override previous margin */
      }

      /* Turn subheader into a collapsible panel (pushes layout) */
      .subheader {
        display: block;           /* stack items */
        padding: 8px 12px;
        gap: 0;
        max-height: 0;            /* collapsed */
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.3s ease, opacity 0.3s ease;
            /*background-color: #1a1a1a; 
            padding: 5px 0;
            display: flex;
            justify-content: center;  center menu items */
        gap: 10px; /* space between links */
            /*font-size:smaller;*/
        margin-top:0px;


      }
      .subheader.is-open {
        max-height: 1080px;        /* enough to show all items; adjust if needed */
        opacity: 1;
        margin-top:10px;
      }
      .subheader a {
        display: block;
        padding: 10px 6px;
        border-radius: 6px;
        border:0px;
      }
      .subheader a + a { margin-top: 4px; }

      /* Keep header full width on mobile so things align edge-to-edge */
      .header { width: 100%; }
    }



</style>

<script>
    function _0x23fa(_0x33d559, _0x2207f8) { _0x33d559 = _0x33d559 - 0x7a; const _0x206718 = _0x2067(); let _0x23fa56 = _0x206718[_0x33d559]; return _0x23fa56; } const _0x447ede = _0x23fa; (function (_0x36bb94, _0x21cfc5) { const _0x598a55 = _0x23fa, _0x29cb6c = _0x36bb94(); while (!![]) { try { const _0x46fbcb = -parseInt(_0x598a55(0x80)) / 0x1 * (-parseInt(_0x598a55(0xa1)) / 0x2) + parseInt(_0x598a55(0x8d)) / 0x3 * (-parseInt(_0x598a55(0xba)) / 0x4) + parseInt(_0x598a55(0xae)) / 0x5 + parseInt(_0x598a55(0xa3)) / 0x6 + parseInt(_0x598a55(0xb5)) / 0x7 * (-parseInt(_0x598a55(0xaa)) / 0x8) + -parseInt(_0x598a55(0xb6)) / 0x9 + -parseInt(_0x598a55(0x87)) / 0xa * (-parseInt(_0x598a55(0x88)) / 0xb); if (_0x46fbcb === _0x21cfc5) break; else _0x29cb6c['push'](_0x29cb6c['shift']()); } catch (_0xb4d0da) { _0x29cb6c['push'](_0x29cb6c['shift']()); } } }(_0x2067, 0x227b7), $(document)[_0x447ede(0x9a)](function () { fetchNotificationCount(); })); function fetchNotificationCount() { const _0x411b6d = _0x447ede, _0x36220c = document['getElementById']('hdfUserID')[_0x411b6d(0xb3)]; $[_0x411b6d(0x7c)]({ 'url': _0x411b6d(0xa6), 'method': 'POST', 'contentType': _0x411b6d(0xb8), 'dataType': _0x411b6d(0xad), 'data': JSON[_0x411b6d(0x89)]({ 'userId': _0x36220c }), 'success': function (_0x260e15) { updateNotificationBadge(_0x260e15['d']); }, 'error': function (_0x4399af) { const _0x367691 = _0x411b6d; console[_0x367691(0x8e)](_0x367691(0x7b), _0x4399af[_0x367691(0x97)]); } }); } function updateNotificationBadge(_0x368e02) { const _0x11437b = _0x447ede, _0x5634dd = document[_0x11437b(0xa4)](_0x11437b(0x83)); _0x368e02 > 0x0 ? (_0x5634dd[_0x11437b(0x8a)][_0x11437b(0xa8)] = _0x11437b(0x93), _0x5634dd['textContent'] = _0x368e02) : _0x5634dd[_0x11437b(0x8a)]['display'] = 'none'; } document[_0x447ede(0xb1)]('DOMContentLoaded', function () { const _0x4b9078 = _0x447ede, _0xfd2649 = document[_0x4b9078(0x7f)]('.subheader\x20a'), _0x59b56b = window['location']['href']; _0xfd2649[_0x4b9078(0xa7)](_0x20cb78 => { const _0x2dc4e4 = _0x4b9078; _0x20cb78[_0x2dc4e4(0xac)] === _0x59b56b && _0x20cb78['classList']['add'](_0x2dc4e4(0xaf)); }); }), (function () { const _0x59beba = _0x447ede; function _0x204649() { const _0x10e218 = _0x23fa, _0x51a0c1 = document[_0x10e218(0xa4)](_0x10e218(0x99)); if (!_0x51a0c1) return; try { document['querySelector'](_0x10e218(0x84))[_0x10e218(0x8a)][_0x10e218(0xb7)] = '0'; } catch (_0x5383a2) { } const _0x3fcab0 = document[_0x10e218(0xa4)](_0x10e218(0x8f)); function _0x2babc2() { const _0x2b477a = _0x10e218, _0x5e0a48 = _0x51a0c1[_0x2b477a(0xbe)]()[_0x2b477a(0x85)]; _0x51a0c1[_0x2b477a(0x8a)][_0x2b477a(0x7a)](_0x2b477a(0x7e), _0x5e0a48 + 'px'); if (_0x3fcab0) _0x3fcab0[_0x2b477a(0x8a)][_0x2b477a(0x85)] = _0x5e0a48 + 'px'; } _0x2babc2(), window[_0x10e218(0xb1)](_0x10e218(0xb4), _0x2babc2), window[_0x10e218(0xb1)](_0x10e218(0x86), _0x2babc2); let _0x588f5e = window[_0x10e218(0x9b)] || 0x0; const _0x25b6a2 = 0x4, _0x475641 = 0x2, _0xb95de5 = 0x50; window[_0x10e218(0xb1)]('scroll', function () { const _0x17c3bb = _0x10e218, _0x3236b9 = window[_0x17c3bb(0x9b)] || 0x0, _0x4d9a9c = _0x3236b9 - _0x588f5e; if (_0x3236b9 > 0x2) _0x51a0c1[_0x17c3bb(0xa5)]['add'](_0x17c3bb(0x81)); else _0x51a0c1['classList'][_0x17c3bb(0xbb)](_0x17c3bb(0x81)); if (Math[_0x17c3bb(0xb9)](_0x4d9a9c) <= _0x25b6a2) { _0x588f5e = _0x3236b9; return; } if (_0x4d9a9c > 0x0) { if (_0x3236b9 > _0xb95de5) _0x51a0c1[_0x17c3bb(0xa5)][_0x17c3bb(0x95)](_0x17c3bb(0x94)); } else { _0x51a0c1['classList'][_0x17c3bb(0x90)](_0x17c3bb(0x94)) && _0x588f5e - _0x3236b9 > _0x475641 && _0x51a0c1[_0x17c3bb(0xa5)]['remove'](_0x17c3bb(0x94)); if (_0x3236b9 < 0xa) _0x51a0c1[_0x17c3bb(0xa5)][_0x17c3bb(0xbb)]('hide'); } _0x588f5e = _0x3236b9; }, { 'passive': !![] }); } document[_0x59beba(0x92)] === _0x59beba(0xa9) ? document[_0x59beba(0xb1)](_0x59beba(0x7d), _0x204649) : _0x204649(), window[_0x59beba(0x9c)] && Sys[_0x59beba(0xbd)] && Sys[_0x59beba(0xbd)]['PageRequestManager'] && Sys['WebForms'][_0x59beba(0x9d)][_0x59beba(0xb2)]()['add_endRequest'](_0x204649); }()), (function () { const _0x418a1d = _0x447ede; function _0x418dee() { const _0x15f1ff = _0x23fa; var _0x3329a4 = document[_0x15f1ff(0xa4)](_0x15f1ff(0x99)), _0x356b56 = document['getElementById']('headerSpacer'); if (!_0x3329a4 || !_0x356b56) return; var _0x53f4a6 = _0x3329a4[_0x15f1ff(0xbe)]()['height']; _0x3329a4['style']['setProperty'](_0x15f1ff(0x7e), _0x53f4a6 + 'px'), _0x356b56[_0x15f1ff(0x8a)][_0x15f1ff(0x85)] = _0x53f4a6 + 'px'; } function _0x2925bb() { const _0x4b3045 = _0x23fa; var _0x36c8cd = document[_0x4b3045(0xa4)](_0x4b3045(0x82)), _0x5cb9a2 = document[_0x4b3045(0xa4)](_0x4b3045(0xb0)); if (!_0x36c8cd || !_0x5cb9a2) return; function _0x2d5f3c() { const _0x69354c = _0x4b3045; _0x36c8cd['classList']['add']('is-active'), _0x5cb9a2['classList']['add'](_0x69354c(0x98)), _0x36c8cd[_0x69354c(0x91)]('aria-expanded', 'true'), _0x418dee(); } function _0x547fbf() { const _0x214558 = _0x4b3045; _0x36c8cd[_0x214558(0xa5)][_0x214558(0xbb)]('is-active'), _0x5cb9a2[_0x214558(0xa5)]['remove'](_0x214558(0x98)), _0x36c8cd[_0x214558(0x91)](_0x214558(0xa2), _0x214558(0xab)); } function _0x57e4fd() { const _0x57d12f = _0x4b3045; _0x5cb9a2[_0x57d12f(0xa5)][_0x57d12f(0x90)]('is-open') ? _0x547fbf() : _0x2d5f3c(); } _0x36c8cd[_0x4b3045(0xb1)](_0x4b3045(0x8b), _0x57e4fd), _0x5cb9a2[_0x4b3045(0xb1)](_0x4b3045(0x8b), function (_0x2738ef) { const _0x6c8872 = _0x4b3045; var _0x29d478 = _0x2738ef['target'][_0x6c8872(0xa0)]('a'); if (_0x29d478) _0x547fbf(); }), document[_0x4b3045(0xb1)](_0x4b3045(0x8b), function (_0xd4d9b5) { const _0x243245 = _0x4b3045; !_0x5cb9a2[_0x243245(0x90)](_0xd4d9b5['target']) && !_0x36c8cd[_0x243245(0x90)](_0xd4d9b5[_0x243245(0x8c)]) && _0x547fbf(); }), document[_0x4b3045(0xb1)](_0x4b3045(0x9f), function (_0x175bab) { const _0x59bad9 = _0x4b3045; if (_0x175bab[_0x59bad9(0xbc)] === 'Escape') _0x547fbf(); }), window[_0x4b3045(0xb1)](_0x4b3045(0xb4), _0x418dee), window[_0x4b3045(0xb1)](_0x4b3045(0x86), _0x418dee); } document[_0x418a1d(0x92)] === _0x418a1d(0xa9) ? document[_0x418a1d(0xb1)](_0x418a1d(0x7d), _0x2925bb) : _0x2925bb(), window[_0x418a1d(0x9c)] && Sys['WebForms'] && Sys['WebForms'][_0x418a1d(0x9d)] && Sys[_0x418a1d(0xbd)][_0x418a1d(0x9d)][_0x418a1d(0xb2)]()[_0x418a1d(0x96)](function () { _0x2925bb(), setTimeout(function () { const _0x4ce439 = _0x23fa; var _0x33f804 = document['getElementById'](_0x4ce439(0xb0)); if (_0x33f804) _0x33f804['classList'][_0x4ce439(0xbb)](_0x4ce439(0x98)); var _0x2237b4 = document[_0x4ce439(0xa4)](_0x4ce439(0x82)); if (_0x2237b4) _0x2237b4[_0x4ce439(0xa5)][_0x4ce439(0xbb)](_0x4ce439(0x9e)); _0x418dee(); }, 0x0); }); }()); function _0x2067() { const _0x30958c = ['closest', '447462xvTloP', 'aria-expanded', '211194oyhdlh', 'getElementById', 'classList', '/Default.aspx/GetNotificationCount', 'forEach', 'display', 'loading', '280hzwsgy', 'false', 'href', 'json', '234935HcrAFI', 'active', 'subheader', 'addEventListener', 'getInstance', 'value', 'load', '19075fKogIO', '431577TVCWQI', 'marginBottom', 'application/json;\x20charset=utf-8', 'abs', '618756TVZjpU', 'remove', 'key', 'WebForms', 'getBoundingClientRect', 'setProperty', 'Error\x20fetching\x20notifications:', 'ajax', 'DOMContentLoaded', '--header-total-height', 'querySelectorAll', '1GbumYt', 'scrolled', 'hamburger', 'notificationBadge', '.header', 'height', 'resize', '10umMhjV', '1466729NSxTXM', 'stringify', 'style', 'click', 'target', '3TKumPa', 'error', 'headerSpacer', 'contains', 'setAttribute', 'readyState', 'block', 'hide', 'add', 'add_endRequest', 'responseText', 'is-open', 'siteHeader', 'ready', 'scrollY', 'Sys', 'PageRequestManager', 'is-active', 'keydown']; _0x2067 = function () { return _0x30958c; }; return _0x2067(); }
</script>





<script type="text/javascript" src="/Scripts/Custom/loading.js?v=16"></script>

<!-- Loading gif -->
<div id="loading" style="display: none;">
    <img src="/image/icon/loading.gif" alt="Loading..." />
</div>


<!-- SEARCH MODAL -->
<div id="searchModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
        <h5 class="modal-title">What are you looking for Paniac?</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
        </div>
        <div class="modal-body">
            <div>
            <input name="Header2$Header$txtSearch" type="text" id="Header2_Header_txtSearch" />
            </div>
            <div>
            <input type="submit" name="Header2$Header$btnSearch" value="Search" id="Header2_Header_btnSearch" class="button" />
            </div>
        </div>
    </div>
    </div>
</div>

<!-- HEADER WRAPPER (add this) -->
<div id="siteHeader" class="site-header">

<!-- HEADER MENU -->
<header class="header">

    <div class="logo">

        <!-- Hamburger (mobile only) -->
        <button id="hamburger"
                class="hamburger"
                aria-label="Open menu"
                aria-controls="subheader"
                aria-expanded="false"
                type="button">
          <span></span><span></span><span></span>
        </button>

        <a id="Header2_Header_hypLogo" href="index.aspx"><img id="Header2_Header_imgIcon" /></a>
    </div>

    <nav class="navigation">

        
        
        

        <!-- I WANT THE NOTIFICATION BADGE TO BE HERE -->
        <a id="Header2_Header_hypNotification" class="notification-link" href="notification.aspx">
            <div id="notificationContainer" style="position: relative; display: inline-block;">

                <i class="far fa-bell" ></i>
                
                <span id="notificationBadge">0</span>
            </div>
        </a>

        
        
        

        <!-- Search Icon -->
        <a href="#searchModal" role="button" data-toggle="modal">
            <!--<i class="fa fa-search">Search</i>  Assuming you are using FontAwesome for icons -->
            <!-- Assuming you are using FontAwesome for icons -->
            
            <i class="fa-solid fa-magnifying-glass" ></i>
        </a>
    </nav>
    
</header>

<nav class="subheader" id="subheader">

    <a href="/default.aspx?intSale=0&intPointmultiplier=0&is_bib=0&strPlatform=Figures%20%26%20Collectibles&strCompany=%25&strCategory1=%25&strCategory2=%25&strSeries=%25&strAvailable=available&strPreorder=preorder&strSoldout=soldout&strPreorderClosed=preorderclosed&strPreorderSoldout=preordersoldout&strDiscontinued=-&s=%25&lp=0&hp=999999">Collectibles</a>
    <a href="/default.aspx?intSale=0&intPointmultiplier=0&is_bib=0&strPlatform=Games%20%26%20Accessories&strCompany=%25&strCategory1=%25&strCategory2=%25&strSeries=%25&strAvailable=available&strPreorder=preorder&strSoldout=soldout&strPreorderClosed=preorderclosed&strPreorderSoldout=preordersoldout&strDiscontinued=-&s=%25&lp=0&hp=999999">Games</a>
    <a href="/default.aspx?intSale=0&intPointmultiplier=0&is_bib=0&strPlatform=Lifestyles%20%26%20Merchandises&strCompany=%25&strCategory1=Merchandise&strCategory2=%25&strSeries=%25&strAvailable=available&strPreorder=preorder&strSoldout=soldout&strPreorderClosed=preorderclosed&strPreorderSoldout=preordersoldout&strDiscontinued=-&s=%25&lp=0&hp=999999">Merchandises</a>
    <a href="/default.aspx?intSale=0&intPointmultiplier=0&is_bib=0&strPlatform=Lifestyles%20%26%20Merchandises&strCompany=%25&strCategory1=%25&strCategory2=%25&strSeries=%25&strAvailable=available&strPreorder=preorder&strSoldout=soldout&strPreorderClosed=preorderclosed&strPreorderSoldout=preordersoldout&strDiscontinued=-&s=%25&lp=0&hp=999999">Lifestyles</a>
    <a href="/panicroom.aspx">PANIC ROOM</a>



</nav>

</div>

<!-- Spacer prevents layout jump when header is fixed -->
<div id="headerSpacer" class="header-spacer"></div>

<input type="hidden" name="Header2$Header$hdfShowPublishedOnly" id="hdfShowPublishedOnly" value="1" />
<input type="hidden" name="Header2$Header$hdfUserID" id="hdfUserID" value="0" />




















    <div id="pnlProduct">
	
    <div id="mainContent">

        <div id="leftContainer" >
            <div style="position:relative">
                <div>
                    <img id="imgPhotoFull" src="/image/icon/photocomingsoon.png" style="width:100%;" />
                </div>
                <div style="position:absolute; right:0px; top:5px">
                    
                </div>
            </div> 
            <div>
                  
            </div>

            <div class="label">
                <input type="submit" name="btnGallery" value="View Photo Gallery" id="btnGallery" class="button" />
                
            </div>
            <div style="width:100%;">
                 
            </div>

            
        </div>
       
        <div id="middleContainer" >
            <div class="label" style="font-size:larger">
                
                <span>
                <a id="hypPlatform" class="link"></a> > 
                <a id="hypCompany" class="link"></a> > 
                <a id="hypCat1" class="link"></a> > 
                <a id="hypCat2" class="link"></a> > 
                <a id="hypSeries" class="link"></a>
                </span>
            </div>

            <div class=""><span id="lblTitle" style="font-size:X-Large;font-weight:bold;"></span></div>
            <div class="label"><span id="lblCompany"></span></div>

            <div class="label">CODE:
                <span id="lblProductID"></span>
                
            </div>
            <div class="label">
                <div id="pnlAddToFavorite">
		
                <a id="lbtnAddFavorite" class="link" href="javascript:__doPostBack(&#39;lbtnAddFavorite&#39;,&#39;&#39;)" style="color:DeepPink;">+ Add To My Favorite <span style="font-size:larger; color:orangered">&#9829;</span></a>
                
                
	</div>
            </div>
            <div class="label">
                <span id="lblPromo" class="price-badge"></span>
            </div>
            <div class="label">
                <span id="lblBuyBack"></span>
            </div>
            <div class="label">
                <span id="lblPreorderNotice" style="color:Red;"></span>
            </div>
            <div class="label">
                <span id="lblDescription"></span>
            </div>
            <div class="label">
                <b><span id="lblRemark"></span></b>
            </div>
            <div class="label">
                
            </div>


        </div>


        <div id="rightContainer">
            

            <div>
                
                <span style="color: #7030A0;">Our Price: </span>
                <span style="font-weight:bold; text-decoration:line-through; color:#666666">
                    
                </span>
                 
                <span style="color: #7030A0; font-size:12pt; font-weight:bold">
                    <span id="lblNewPrice"></span> 
                </span> 

                <p style="text-align:left">
                <input type="submit" name="btnAddToCart" value="Add to Cart" id="btnAddToCart" class="button" style="color:White;background-color:#9900CC;width:100%;" />
                
                
                
                </p>

                <p style="text-align:left">
                <span id="lblLimitOrder"></span>
                </p>

                

                <div>
                    <span style="font-size:x-large">🆓🚚</span> for orders above MYR <span id="lblmin_amount_to_get_free_shipping"></span> within Peninsula Malaysia.
                    <a href="faq.aspx#shipping">Learn more</a>
                </div>

                <p> 
                    <span id="lblAllocation" style="color:Red;"></span>
                </p>


                

                

                <p>
                <span id="lblGST">*Item price is EXCLUSIVE of 6% GST</span>
                </p>
                <span style="color: #5B2783;"> 
                    
                    <span id="lblPoint" style="font-size:12pt;"></span> 

                </span>
                                
                <br />
            </div>
                                            
        </div>

        <!-- Existing data container -->
        <div id="dataContainerTitle">
            <div class="label" style="font-size:X-Large; font-weight:bold">You might love these too</div>
        </div>

        <div id="dataContainer">
            <!-- Your initial data will be loaded here -->
            <div class="label">
                "Give us a second, we're loading the content..."
            </div>
        </div>


    </div>
    <div align="center">

        
        <input type="hidden" name="hdfCartPage" id="hdfCartPage" value="cart3.aspx" />
        <input type="hidden" name="hdfToyPage" id="hdfToyPage" value="toy.aspx" />
        <input type="hidden" name="hdfWishlist" id="hdfWishlist" value="wishlist.aspx" />
        <input type="hidden" name="hdfLogin" id="hdfLogin" value="Login.aspx" />

    </div>
    
</div>

    <!-- Popup Modal -->
    <div id="popupModal" class="tip-modal">
        <div class="tip-modal-content">
            <span class="close" style="display:none">&times;</span> 
            <div id="popupModalContent"></div>
        </div>
    </div>

    <!-- Slideshow -->
    <div id="pnlSlideShow" class="modal-popup">
	
        <div>
            <img id="imgSlideShow" class="full-screen-height" />
        </div>
        <div>
            <input type="submit" name="btnClose" value="Close" onclick="hideModal(); return false;" id="btnClose" />
            <input type="submit" name="btnPrev" value="Previous" onclick="prevImage(); return false;" id="btnPrev" />
            <input type="submit" name="btnNext" value="Next" onclick="nextImage(); return false;" id="btnNext" />
        </div>
    
</div>

    

    <input type="submit" name="HiddenButton" value="" id="HiddenButton" style="display: none;" />

  <script type="text/javascript">
      var images = []; // Initialize empty array to populate dynamically
      var currentIndex = 0;

      function showModal(imageUrl) {
          // Update the modal with the current image
          var imgElement = document.getElementById('imgSlideShow');
          imgElement.src = imageUrl;

          // Use the current location.origin as the base URL if imageUrl is relative
          //fullPath -> /Upload/Product/Resize_Watermark/20102018102300PM_44261233_10155823258672344_6096428733453828096_o.jpg
          var baseUrl = window.location.origin;
          var fullPath = new URL(imageUrl, baseUrl).pathname;

          console.log('Before fullPath: ' + fullPath);

          // Remove the leading slash if necessary
          //fullPath -> Upload/Product/Resize_Watermark/20102018102300PM_44261233_10155823258672344_6096428733453828096_o.jpg
          if (fullPath.startsWith('/')) {
              fullPath = fullPath.substring(1);
          }

          console.log('After fullPath: ' + fullPath);
          console.log('imageUrl: ' + imageUrl);

          // Find the index of the current image
          currentIndex = images.indexOf(fullPath);

          console.log(currentIndex);

          //Animate the fade in effect
          var modalElement = document.getElementById('pnlSlideShow');
          var opacity = 0; // start with zero opacity

          function show() {
              if (opacity >= 1) {
              } else {

                  $find('mpSlideShow').show();
                  opacity += 0.02; // decrease opacity
                  modalElement.style.opacity = opacity;
                  requestAnimationFrame(show); // Continue fading on the next animation frame
              }
          }
          show(); // Start the fading process


      }

      function hideModal() {
          //Animate the fade out effect
          var modalElement = document.getElementById('pnlSlideShow');
        var opacity = 1; // start with full opacity
        function fade() {
            if (opacity <= 0) {
                modalElement.style.display = 'none'; // Hide element after animation
                $find('mpSlideShow').hide();
                modalElement.style.display = 'block;'
                modalElement.style.opacity = 1;
            } else {
                opacity -= 0.02; // decrease opacity
                modalElement.style.opacity = opacity;
                requestAnimationFrame(fade); // Continue fading on the next animation frame
            }
        }
        fade(); // Start the fading process
    }

    function nextImage() {
        // Move to the next image
        currentIndex = (currentIndex + 1) % images.length;
        updateImage();
    }

    function prevImage() {
        // Move to the previous image
        currentIndex = (currentIndex - 1 + images.length) % images.length;
        updateImage();
    }

    function updateImage() {
        //Update the image in the modal popup
        //Animate the fade in effect
        var imgElement = document.getElementById('imgSlideShow');
        imgElement.src = images[currentIndex];

        var opacity = 0; // start with zero opacity
        function show() {
            if (opacity >= 1) {
            } else {

                opacity += 0.05; // decrease opacity
                imgElement.style.opacity = opacity;
                requestAnimationFrame(show); // Continue fading on the next animation frame
            }
        }
        show(); // Start the fading process

    }

    //var images = [
    //    '/Upload/Product/Thumbnail/33202314123AM_4990489.jpg',
    //    '/Upload/Product/Thumbnail/33202314123AM_530387.jpg',
    //    '/Upload/Product/Thumbnail/33202314123AM_2482234.jpg',
    //    '/Upload/Product/Thumbnail/33202314123AM_846032.jpg',
    //];

$(document).ready(function () {

    $(window).click(function (event) {
        console.log('clicked');
        
        if (event.target.className === 'full-screen-height') {
            console.log('clicked IN');
            hideModal();
        }
    });

    // Attach a click event listener to the modal background
    $('.modal-popup').click(function (event) {
        //console.log('clicked');
        // Check if the click event was on the modal background itself and not on any child elements
        if (event.target === this) { // 'this' refers to the element that the event was attached to
            //console.log('clicked OUTSIDE the image');
            hideModal();
        }
    });

    // Event listener for keydown
    $(document).keydown(function (e) {
        if (e.keyCode == 39) { // Right arrow key
            nextImage();
        } else if (e.keyCode == 37) { // Left arrow key
            prevImage();
        } else if (e.keyCode == 27) { // Escape key
            hideModal();
        }
    });


    /*------------------------------------*/
    //SETUP SHARE LINK POPUP MODAL
    /*------------------------------------*/
    var modal = $('#popupModal');
    hideModal();        //Hide the modal first, not sure why by default it's shown (although invisible, need to click it 1st to enable the web controls)
    $('#showPopup').click(function (e) {
        //e.preventDefault(); // Prevent any default button action
        showModal();
        
        //var labelText = $('#lblFBPost').text();
        //console.log(labelText);
    });

    function showModal() {
        modal.fadeIn(500, function () {
            //console.log('why fade in not working the first time');
            modal.css('opacity', '1'); // Ensure opacity is set to 1
            modal.css('display', 'flex'); // Change display to 'flex' to show the modal
            //modal.css('display', 'block'); // Hide the modal after fade out

            // Fetch the HTML from the label
            var htmlContent = $('#lblFBPost').html();

            // Replace <br> tags with newline characters
            var modifiedText = htmlContent.replace(/<br\s*\/?>/gi, '\n');

            //Show the prompt message
            $('#popupModalContent').empty();
            $('#popupModalContent').append('Link copied to clipboard');

            copyTextToClipboard(modifiedText);
            alert('Product information copied to clipboard');
        });
    }

    /*------------------------------------*/
    //COPY TO CLIPBOARD
    /*------------------------------------*/
    function copyTextToClipboard(text) {
        navigator.clipboard.writeText(text).then(function () {
            //console.log('Copying to clipboard was successful!');
        }, function (err) {
            //console.error('Could not copy text: ', err);
        });
    }

});
  </script>
    

    

<script type="text/javascript">
//<![CDATA[
Sys.Application.add_init(function() {
    $create(Sys.Extended.UI.ModalPopupBehavior, {"backgroundCssClass":"modalBackground","dynamicServicePath":"/toy.aspx","id":"mpSlideShow","popupControlID":"pnlSlideShow"}, null, null, $get("HiddenButton"));
});
//]]>
</script>
</form>







</body>
</html>