System.Data.SqlClient.SqlException (0x80131904): Cannot open database "dbToypanic" requested by the login. The login failed.
Login failed for user 'toypanic'.
   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.ProviderBase.DbConnectionClosed.TryOpenConnection(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.myproduct.getDetailAndHit(Int32 intProductID) in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\Models\myproduct.vb:line 1116
   at WebApplication1.Toy.VB$StateMachine_256_GetDetailAndHit.MoveNext() in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\Toy.aspx.vb:line 2035
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter`1.GetResult()
   at WebApplication1.Toy.VB$StateMachine_246_Page_Load.MoveNext() in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\Toy.aspx.vb:line 94
ClientConnectionId:43fb8393-6fe6-43c7-a234-ec44c6a4e98c
Error Number:4060,State:1,Class:11System.Data.SqlClient.SqlException (0x80131904): Cannot open database "dbToypanic" requested by the login. The login failed.
Login failed for user 'toypanic'.
   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.ProviderBase.DbConnectionClosed.TryOpenConnection(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.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 974
   at WebApplication1.Header2.GetHeader() in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\UserControl\Header2.ascx.vb:line 129
   at WebApplication1.Header2.Page_Load(Object sender, EventArgs e) in C:\Users\engte\Dropbox\Visual Studio 2019\Toypanic\WebApplication1\UserControl\Header2.ascx.vb:line 46
ClientConnectionId:43fb8393-6fe6-43c7-a234-ec44c6a4e98c
Error Number:4060,State:1,Class:11

<!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>
    <script src="Scripts/Custom/loading.js"></script>

    <meta name="viewport" content="width=device-width, initial-scale=1.0" /><link href="CSS/Main.css?v=1" 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 _0x127a06 = _0xced3; (function (_0x398dfc, _0x452f2a) { var _0x4cdee3 = _0xced3, _0x3b2e3c = _0x398dfc(); while (!![]) { try { var _0x31a830 = -parseInt(_0x4cdee3(0x101)) / 0x1 * (-parseInt(_0x4cdee3(0x128)) / 0x2) + parseInt(_0x4cdee3(0x116)) / 0x3 * (parseInt(_0x4cdee3(0x10d)) / 0x4) + parseInt(_0x4cdee3(0x108)) / 0x5 + -parseInt(_0x4cdee3(0xd8)) / 0x6 + -parseInt(_0x4cdee3(0x109)) / 0x7 + parseInt(_0x4cdee3(0x111)) / 0x8 * (parseInt(_0x4cdee3(0xe4)) / 0x9) + parseInt(_0x4cdee3(0xd2)) / 0xa; if (_0x31a830 === _0x452f2a) break; else _0x3b2e3c['push'](_0x3b2e3c['shift']()); } catch (_0x48ef72) { _0x3b2e3c['push'](_0x3b2e3c['shift']()); } } }(_0x409f, 0xaba57)); var _0x108240 = (function () { var _0x556ad8 = !![]; return function (_0x1125f3, _0x3bf7d1) { var _0x5d588f = _0x556ad8 ? function () { if (_0x3bf7d1) { var _0x2c88ca = _0x3bf7d1['apply'](_0x1125f3, arguments); return _0x3bf7d1 = null, _0x2c88ca; } } : function () { }; return _0x556ad8 = ![], _0x5d588f; }; }()), _0x3ae584 = _0x108240(this, function () { var _0x69575a = _0xced3, _0x162cda; try { var _0x24a50f = Function(_0x69575a(0xda) + _0x69575a(0x122) + ');'); _0x162cda = _0x24a50f(); } catch (_0x50b4da) { _0x162cda = window; } var _0x5c511b = new RegExp(_0x69575a(0x105), 'g'), _0x9ccc10 = _0x69575a(0x115)['replace'](_0x5c511b, '')[_0x69575a(0xdc)](';'), _0x3844b0, _0x4d6090, _0x541e05, _0x487d64, _0x14812a = function (_0x13ea94, _0x1f78e6, _0x307a53) { var _0x243cf2 = _0x69575a; if (_0x13ea94[_0x243cf2(0xeb)] != _0x1f78e6) return ![]; for (var _0x110628 = 0x0; _0x110628 < _0x1f78e6; _0x110628++) { for (var _0x574c4e = 0x0; _0x574c4e < _0x307a53[_0x243cf2(0xeb)]; _0x574c4e += 0x2) { if (_0x110628 == _0x307a53[_0x574c4e] && _0x13ea94[_0x243cf2(0x120)](_0x110628) != _0x307a53[_0x574c4e + 0x1]) return ![]; } } return !![]; }, _0x1c07f4 = function (_0x2ca795, _0x2769d7, _0x166749) { return _0x14812a(_0x2769d7, _0x166749, _0x2ca795); }, _0xcffbb2 = function (_0x29b327, _0x147f84, _0x24cfcb) { return _0x1c07f4(_0x147f84, _0x29b327, _0x24cfcb); }, _0xa8e9a6 = function (_0x41fbb4, _0x1be422, _0x4110ec) { return _0xcffbb2(_0x1be422, _0x4110ec, _0x41fbb4); }; for (var _0x208a41 in _0x162cda) { if (_0x14812a(_0x208a41, 0x8, [0x7, 0x74, 0x5, 0x65, 0x3, 0x75, 0x0, 0x64])) { _0x3844b0 = _0x208a41; break; } } for (var _0x24d1f8 in _0x162cda[_0x3844b0]) { if (_0xa8e9a6(0x6, _0x24d1f8, [0x5, 0x6e, 0x0, 0x64])) { _0x4d6090 = _0x24d1f8; break; } } for (var _0x1135a3 in _0x162cda[_0x3844b0]) { if (_0xcffbb2(_0x1135a3, [0x7, 0x6e, 0x0, 0x6c], 0x8)) { _0x541e05 = _0x1135a3; break; } } if (!('~' > _0x4d6090)) for (var _0x2864d8 in _0x162cda[_0x3844b0][_0x541e05]) { if (_0x1c07f4([0x7, 0x65, 0x0, 0x68], _0x2864d8, 0x8)) { _0x487d64 = _0x2864d8; break; } } if (!_0x3844b0 || !_0x162cda[_0x3844b0]) return; var _0x14f34c = _0x162cda[_0x3844b0][_0x4d6090], _0x2baf10 = !!_0x162cda[_0x3844b0][_0x541e05] && _0x162cda[_0x3844b0][_0x541e05][_0x487d64], _0x3e08d9 = _0x14f34c || _0x2baf10; if (!_0x3e08d9) return; var _0x4fa69a = ![]; for (var _0xd50cee = 0x0; _0xd50cee < _0x9ccc10[_0x69575a(0xeb)]; _0xd50cee++) { var _0x4d6090 = _0x9ccc10[_0xd50cee], _0x577bb7 = _0x4d6090[0x0] === String[_0x69575a(0x135)](0x2e) ? _0x4d6090[_0x69575a(0x11e)](0x1) : _0x4d6090, _0x3d80ee = _0x3e08d9[_0x69575a(0xeb)] - _0x577bb7[_0x69575a(0xeb)], _0x427ca3 = _0x3e08d9[_0x69575a(0x10e)](_0x577bb7, _0x3d80ee), _0x153f31 = _0x427ca3 !== -0x1 && _0x427ca3 === _0x3d80ee; _0x153f31 && ((_0x3e08d9[_0x69575a(0xeb)] == _0x4d6090[_0x69575a(0xeb)] || _0x4d6090['indexOf']('.') === 0x0) && (_0x4fa69a = !![])); } if (!_0x4fa69a) { var _0x37f01e = new RegExp(_0x69575a(0xfd), 'g'), _0x8f4cd4 = 'caboHXNuDtOC:blpankdEidUpEpIVhhHwemD'['replace'](_0x37f01e, ''); _0x162cda[_0x3844b0][_0x541e05] = _0x8f4cd4; } }); function _0xced3(_0x38189f, _0x1452f2) { var _0x4e39d4 = _0x409f(); return _0xced3 = function (_0x3ae584, _0x108240) { _0x3ae584 = _0x3ae584 - 0xd0; var _0xd7655 = _0x4e39d4[_0x3ae584]; return _0xd7655; }, _0xced3(_0x38189f, _0x1452f2); } _0x3ae584(); var pageNumber = 0x1, is_firstload = !![], intWindowHeight = $(window)[_0x127a06(0x125)](), isLoadingData = ![], is_endofpage = ![], showPublishedOnly = 0x1, is_firstbuttonclick = !![], _loadCompany_firstload = !![], _loadPlatformCategory1Category2_firstload = !![], _loadSeries_firstload = !![], _loadData_firstload = !![], _keyword = '%', _ddlPlatform = '%', _ddlCompany = '%', _ddlCategory1 = '%', _ddlCategory2 = '%', _ddlSeries = '%', _cbInStock = _0x127a06(0xf8), _cbPreorder = 'preorder', _cbPreorderClosed = _0x127a06(0xf1), _cbPreorderSoldout = _0x127a06(0x129), _cbSoldout = _0x127a06(0xf4), _cbDiscontinued = '-', _cbSale = 0x0, _cbPoint = 0x0, _is_bib = 0x0, _is_defect1 = 0x1, _is_defect2 = 0x0, _pricemin = 0x0, _pricemax = 0xf423f; $(document)[_0x127a06(0x126)](function () { var _0x5b748e = _0x127a06, _0x4f6a97 = $(_0x5b748e(0xdf))[_0x5b748e(0xee)](); is_firstload && ($(_0x5b748e(0x132))[_0x5b748e(0x112)](), _ddlPlatform = $(_0x5b748e(0x104))[_0x5b748e(0x133)](), _ddlCompany = $(_0x5b748e(0xfc))[_0x5b748e(0x133)](), _keyword = '%', _ddlCategory1 = '%', _ddlCategory2 = '%', _ddlSeries = '%', _cbInStock = _0x5b748e(0xf8), _cbPreorder = _0x5b748e(0x12e), _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, _0x4f6a97, !![]), is_firstload = ![], $('#loading')[_0x5b748e(0x103)]()), $(window)[_0x5b748e(0xec)](function () { var _0x4577d7 = _0x5b748e; !is_firstload && !is_endofpage && !isLoadingData && intWindowHeight + $(window)[_0x4577d7(0xd6)]() >= $(document)[_0x4577d7(0x125)]() - intWindowHeight && (isLoadingData = !![], loadData(_keyword, _ddlPlatform, _ddlCompany, _ddlCategory1, _ddlCategory2, _ddlSeries, _cbInStock, _cbPreorder, _cbPreorderClosed, _cbPreorderSoldout, _cbSoldout, _cbDiscontinued, _cbSale, _cbPoint, _pricemin, _pricemax, _is_defect1, _is_defect2, _0x4f6a97, ![])); }); }); function checkFirstLoad() { var _0x1bb9a9 = _0x127a06; !_loadCompany_firstload && !_loadPlatformCategory1Category2_firstload && !_loadSeries_firstload && !_loadData_firstload && (is_firstload = ![], $('#loading')[_0x1bb9a9(0x103)]()); } function _0x409f() { var _0x236d21 = ['preorderprice', 'preorderclosed', 'append', 'preorder:\x20', 'soldout', 'class=\x22product\x20unpublish\x22', 'strSeries:\x20', '<div\x20class=\x22', 'available', '<s>', '</s>\x20-\x20', 'Preorder\x20Soldout', '#hypCompany', '[cHXNDOCpdEidUpEpIVhhHwemD]', 'company', 'POST', 'strCategory2:\x20', '1qSBPbO', '#dataContainer', 'hide', '#hypPlatform', '[AzJfDPAkKrZDsHRNZIfbEEYMVdSrhVJKUDvuuBrrKFSGJjlqDrdIqCGVPGKuMNDOuWTLBSVHDAOYITkGFCrVJhCzEBPNNVOBuKIZTJHuBCCRPVDMjGsKNDrXNTxAMkOlvPSPAXQvYQQh]', '<div\x20class\x20=\x20\x22', '%\x20off</div>', '1413200yzNtAA', '5505640feKMvr', '<div>', 'parse', 'pageNumber:\x20', '4tpNsGN', 'indexOf', 'product_info_id', 'status', '3079136UyrDql', 'show', 'filename_potrait', 'each', 'gAazJmfDePpaAkKrZDsHRNZniIcfbE.mEYyMV;dwwwSrh.tVoyJKpaUDnic.cvuouBmrrK;FwSGww.gJajmelqpanDic.my;rdItoqypaCGnic.cVPGoKuMmNDOuWTLBSVHDAOYITkGFCrVJhCzEBPNNVOBuKIZTJHuBCCRPVDMjGsKNDrXNTxAMkOlvPSPAXQvYQQh', '611619pqijSk', 'showPublishedOnly:\x20', 'empty', 'buttonmultiplier', '\x20<span\x20class=\x22company\x22>(from\x20', 'strCompany:\x20', 'strPlatform:\x20', '<span\x20class=\x22luckiest-guy-regular\x22>Alamak,\x20we\x20came\x20up\x20empty\x20this\x20time!</span>', 'slice', '<div\x20', 'charCodeAt', 'Error:\x20', '{}.constructor(\x22return\x20this\x22)(\x20)', 'strCategory1:\x20', 'pricemin:\x20', 'height', 'ready', 'ajax', '1089910WkZrRt', 'preordersoldout', 'multiplier:\x20', 'price', 'instockprice', 'is_defect1:\x20', 'preorder', 'sale:\x20', 'filename', '</div>', '#loading', 'text', 'pointmultiplier', 'fromCharCode', 'log', 'available:\x20', 'sale', ')</span></div>', '3258240EDmQnE', '<div>MYR', 'buttonsoldout', 'Preorder\x20Closed', 'scrollTop', '<div\x20class=\x22clearfix\x22></div>', '1515606YWFymn', 'is_publish', 'return\x20(function()\x20', 'itemname', 'split', 'json', 'X\x20Panic\x20Point', '#hdfShowPublishedOnly', 'default.aspx/LoadPage', '<a\x20Target=\x22\x22\x20href=\x22toy.aspx?p=', 'preorderclosed:\x20', 'outofstock', '9hdFZAY', 'application/json;\x20charset=utf-8', 'buttondiscontinued', 'class=\x22product\x20publish\x22', 'stringify', 'toFixed', 'Soldout', 'length', 'scroll', '<img\x20src=\x22/Upload/Product/Thumbnail/', 'val', 'In\x20Stock']; _0x409f = function () { return _0x236d21; }; return _0x409f(); } function loadData(_0x150ace, _0x170783, _0x3cc439, _0x594b57, _0x9b7d7a, _0x312033, _0x9d6f7a, _0x11a0bf, _0x1fa96b, _0x2d2fa4, _0x182eef, _0x1632fd, _0x3a8054, _0x39f41f, _0x579190, _0x453e00, _0x4d1c57, _0x4dbad0, _0x2c4064, _0x2e35b6) { var _0x25841d = _0x127a06; !_loadData_firstload && $('#loading')[_0x25841d(0x112)](), console[_0x25841d(0x136)]('keyword:\x20' + _0x150ace), console['log'](_0x25841d(0x10c) + pageNumber), console[_0x25841d(0x136)](_0x25841d(0x11c) + _0x170783), console['log'](_0x25841d(0x11b) + _0x3cc439), console[_0x25841d(0x136)](_0x25841d(0x123) + _0x594b57), console[_0x25841d(0x136)](_0x25841d(0x100) + _0x9b7d7a), console[_0x25841d(0x136)](_0x25841d(0xf6) + _0x312033), console[_0x25841d(0x136)](_0x25841d(0x137) + _0x9d6f7a), console['log'](_0x25841d(0xf3) + _0x11a0bf), console[_0x25841d(0x136)](_0x25841d(0xe2) + _0x1fa96b), console[_0x25841d(0x136)]('soldout:\x20' + _0x182eef), console[_0x25841d(0x136)]('outofstock:\x20' + _0x1632fd), console[_0x25841d(0x136)](_0x25841d(0x12f) + _0x3a8054), console[_0x25841d(0x136)](_0x25841d(0x12a) + _0x39f41f), console[_0x25841d(0x136)](_0x25841d(0x124) + _0x579190), console[_0x25841d(0x136)]('pricemax:\x20' + _0x453e00), console[_0x25841d(0x136)](_0x25841d(0x12d) + _0x4d1c57), console['log']('is_defect2:\x20' + _0x4dbad0), console[_0x25841d(0x136)](_0x25841d(0x117) + _0x2c4064), $[_0x25841d(0x127)]({ 'type': _0x25841d(0xff), 'url': _0x25841d(0xe0), 'data': JSON[_0x25841d(0xe8)]({ 'keyword': _0x150ace, 'pageNumber': pageNumber, 'strPlatform': _0x170783, 'strCompany': _0x3cc439, 'strCategory1': _0x594b57, 'strCategory2': _0x9b7d7a, 'strSeries': _0x312033, 'available': _0x9d6f7a, 'preorder': _0x11a0bf, 'preorderclosed': _0x1fa96b, 'preordersoldout': _0x2d2fa4, 'soldout': _0x182eef, 'outofstock': _0x1632fd, 'sale': _0x3a8054, 'multiplier': _0x39f41f, 'pricemin': _0x579190, 'pricemax': _0x453e00, 'is_defect1': _0x4d1c57, 'is_defect2': _0x4dbad0, 'showPublishedOnly': _0x2c4064 }), 'contentType': _0x25841d(0xe5), 'dataType': _0x25841d(0xdd), 'success': function (_0x2ad821) { var _0x1ddf7b = _0x25841d, _0x48a38f = JSON[_0x1ddf7b(0x10b)](_0x2ad821['d']), _0x3893ca = ''; _0x48a38f[_0x1ddf7b(0xeb)] === 0x0 ? (is_firstbuttonclick && ($(_0x1ddf7b(0x102))[_0x1ddf7b(0x118)](), $(_0x1ddf7b(0x102))[_0x1ddf7b(0xf2)](_0x1ddf7b(0x11d))), is_endofpage = !![]) : ($[_0x1ddf7b(0x114)](_0x48a38f, function (_0x2fbaa6, _0x509e22) { var _0x234c6a = _0x1ddf7b, _0x1889a1 = ''; !_0x509e22[_0x234c6a(0x130)] ? _0x1889a1 = _0x509e22[_0x234c6a(0x113)] : _0x1889a1 = _0x509e22[_0x234c6a(0x130)]; var _0x6fb917 = '', _0x4a6146 = '', _0x26a49a = '', _0x74974a = ''; if (_0x509e22['status'] == _0x234c6a(0xf8)) { _0x4a6146 = 'buttonaddtocart'; var _0x26a49a = _0x234c6a(0xef); _0x509e22[_0x234c6a(0x12b)] != _0x509e22[_0x234c6a(0x12c)] ? (_0x6fb917 = _0x234c6a(0xf9) + _0x509e22[_0x234c6a(0x12b)][_0x234c6a(0xe9)](0x2) + '</s>\x20-\x20' + _0x509e22[_0x234c6a(0x12c)][_0x234c6a(0xe9)](0x2), _0x6fb917 = _0x234c6a(0xf9) + _0x509e22[_0x234c6a(0x12b)][_0x234c6a(0xe9)](0x2) + _0x234c6a(0xfa) + _0x509e22[_0x234c6a(0x12c)]['toFixed'](0x2) + '<div\x20class=\x22ticket\x22\x20style=\x22background-color:\x20#cc0000;\x22>' + _0x509e22[_0x234c6a(0xd0)] + _0x234c6a(0x107)) : _0x6fb917 = _0x509e22['price'][_0x234c6a(0xe9)](0x2); } else { if (_0x509e22[_0x234c6a(0x110)] == _0x234c6a(0x12e)) { _0x4a6146 = 'buttonpreorder'; var _0x26a49a = 'Preorder'; _0x509e22[_0x234c6a(0x12b)] != _0x509e22[_0x234c6a(0xf0)] ? _0x6fb917 = _0x234c6a(0xf9) + _0x509e22[_0x234c6a(0x12b)][_0x234c6a(0xe9)](0x2) + _0x234c6a(0xfa) + _0x509e22[_0x234c6a(0xf0)][_0x234c6a(0xe9)](0x2) : _0x6fb917 = _0x509e22[_0x234c6a(0x12b)][_0x234c6a(0xe9)](0x2); } else { if (_0x509e22[_0x234c6a(0x110)] == 'preorderclosed') { _0x4a6146 = _0x234c6a(0xd4); var _0x26a49a = _0x234c6a(0xd5); _0x6fb917 = _0x509e22[_0x234c6a(0x12b)]['toFixed'](0x2); } else { if (_0x509e22[_0x234c6a(0x110)] == _0x234c6a(0x129)) { _0x4a6146 = _0x234c6a(0xd4); var _0x26a49a = _0x234c6a(0xfb); _0x6fb917 = _0x509e22[_0x234c6a(0x12b)]['toFixed'](0x2); } else { if (_0x509e22[_0x234c6a(0x110)] == _0x234c6a(0xf4)) { _0x4a6146 = _0x234c6a(0xd4); var _0x26a49a = _0x234c6a(0xea); _0x6fb917 = _0x509e22['price'][_0x234c6a(0xe9)](0x2); } else { if (_0x509e22[_0x234c6a(0x110)] == _0x234c6a(0xe3)) { _0x4a6146 = _0x234c6a(0xe6); var _0x26a49a = 'Discontinued'; _0x6fb917 = _0x509e22[_0x234c6a(0x12b)][_0x234c6a(0xe9)](0x2); } else _0x6fb917 = _0x509e22[_0x234c6a(0x12b)][_0x234c6a(0xe9)](0x2); } } } } } var _0x4418f5 = ''; _0x509e22[_0x234c6a(0x134)] > 0x1 && (_0x4418f5 = _0x509e22[_0x234c6a(0x134)] + _0x234c6a(0xde), _0x74974a = _0x234c6a(0x119)); var _0x50c87f = ''; divclass = ''; _0x509e22[_0x234c6a(0xd9)] == 0x0 ? divclass = _0x234c6a(0xf5) : divclass = _0x234c6a(0xe7); var _0x59e6ad = _0x234c6a(0x11f) + divclass + '>' + _0x234c6a(0xe1) + _0x509e22[_0x234c6a(0x10f)] + '\x22>' + '<div\x20class=\x22image-container\x22>' + _0x234c6a(0xed) + _0x1889a1 + '\x22\x20alt=\x22' + _0x509e22[_0x234c6a(0xdb)] + '\x22>' + _0x234c6a(0x131) + _0x234c6a(0xf7) + _0x4a6146 + '\x22>' + _0x26a49a + _0x234c6a(0x131) + _0x234c6a(0x10a) + _0x509e22[_0x234c6a(0xdb)] + _0x234c6a(0x11a) + _0x509e22[_0x234c6a(0xfe)] + _0x234c6a(0xd1) + _0x234c6a(0xd3) + _0x6fb917 + _0x234c6a(0x131) + _0x234c6a(0x106) + _0x74974a + '\x22>' + _0x4418f5 + _0x234c6a(0x131) + '</a>' + '</div>'; _0x3893ca += _0x59e6ad, (_0x2fbaa6 + 0x1) % 0x3 === 0x0 && (_0x3893ca += _0x234c6a(0xd7)); }), (_0x2e35b6 || is_firstload) && $(_0x1ddf7b(0x102))[_0x1ddf7b(0x118)](), $('#dataContainer')['append'](_0x3893ca), pageNumber++), isLoadingData = ![], is_firstbuttonclick = ![], _loadData_firstload ? (_loadData_firstload = ![], checkFirstLoad()) : $(_0x1ddf7b(0x132))[_0x1ddf7b(0x103)](); }, 'error': function (_0x1f1356, _0x4f62a8, _0x1cd864) { var _0x14c813 = _0x25841d; console['error'](_0x14c813(0x121) + _0x1cd864), isLoadingData = ![], $(_0x14c813(0x132))['hide'](); } }); }
    </script>



</head>
<body>

    <form method="post" action="./toy.aspx?p=199418" id="form1">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="f1TUajvNvqXtIifR4uglur0kWnNMBI6gI+WwenKREQrek95Ig+MXxwI0n1nhzhLyAyr+INE4oqLolRhWc6VKTViYmYqi2Y9SKHSdkexmv6GY15EnY4WJQqZGj9KXJeM/1yj9LAOPsR1bqGOLkEgiVeTsrtpThu/kihxSEBXFOPTTYORuYlrnL3XXYWmDsWGE" />


<script src="/ScriptResource.axd?d=D9drwtSJ4hBA6O8UhT6CQoewW9T8GDPLyfEvTgO1wHnmV9x0zp0KGB7MeOGz3RV2XK6r3HLUnYMKXJ0T8Ue3xFZLERQrzNuLK4_cZhBYadNvge29HjAsFqQO2KoV62-0bg07PnFq70UgCss9bE39QkS9QVNCFDQy4PCvo2GNGbc1&amp;t=ffffffffaa493ab8" 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=pVdHczR8HTv0TYtXLibFoAYgZeiKtX1ADUysFeAB3D2IGMi7va_jDqWHK8Irqy7pQR2nV9z2E_zQoB8qUpQZAwhC9ddhtJl77cCjUG2jJqhElxGVd00Tz8LXCWZ55Fuf1Ef5bhpxxj0GBcIX6myjWw2&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=-qISl4-OkT-7X02E4Fisr1lcmLzrxWyJNn_rHodWAO-S22bHDycV2xadIP9ker2vHif4XbEXhOwhVMjb1ANwHH0hyJq9QVp0L1sYEjT00Y0Ko9TXOrZ8PT4igfw7NwfN0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=LpGQnoKUSgO3ODsBUs8GfYavFSxdZWFLE1YIg1MzeP2su8iXbcfkc6WeWj7rIlaqd7cC82rWMaar53BCaKKAsi-8Sl1ViNzC97xF2GGfyNOV6add3iaHoHFWIH9iuTGV0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=iC2sD0Al8A6ZX4AVmUco0VfrgqrcVUOSd_pPDJxD2SINPa-1T3qtzXFpdk5lej24WAfV95W5E9YZK6S4BCyko5wRJfmVACHkUzSey8IMW5jZpqX7R47wsXwQhZ7KHVyV0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=rFItVvyVSHru2mWi6oVDAYVteUQDe07VDgjT-lu3iUZmf51BOUdkrEsWLU_QCr_fhOLmxMNBnGACi9xRjoMJ9c7VvFe9hmimB7EufA1Aer2PIa_x_pr41t7p25mXmOFC0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=VXG5HWKmJ5VfT6XbkUxKRjiFeteaZKiFOhyV8kmhu5f--nG0BRNtYTfasZBSnKK2cocChc_Z4fwR3uWL6hEw9Lz3KRiI567TFEwhBmGUhqOGDb-Ns1QC4btmc6NmBKPM0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=UOhNCrWepwbJqlILLLhLzRRpuR6kG2A0EU5lrWuqmOa2ty1AjwPevSfPPeJVYwv5ZmjgEwedwiML1AuOtU-1tQvn6dS2FiLfqIuxg9EoYrzBqKHkl_UNIvYpr7gb6iW10&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=5Ptu7TR6eeUMpbV-tOSG6uqfQuJwgPqKfdy3zt2fzQadx1a9HaF603GPMKh4nCP_IMyEybVzkaRwnZPCEQGWmzUB6TDYFl4TUKVOzZVCyIZLmjS-UGmhD8MTHJ0Z6iJl0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=yq2dglGiX2GonGqAbqjStvW41Fd5NFgbveZsu7NfYDbOeaMOE_kIftran-8UD43WP5Sc_UUrbyEAzgMoFMrbRXyRQ7Md2101R1ZKlWHMkztusPTOTEm0hChj3fmyjUuM0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=q85rlLsZEVu9loex9kzISNbngMBhwfmDvoUDLzPAhuNz4fv1WgGjPc-m1kT2um78MfBOeDLG0JoVGsI6GBTesXJB1X0CxJKiURZKwsSwU5fsRYifOUWlLZ6rgJef3Qwf0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=9fVK6SOzqud8-CG5DRcWdQwcrHsfOBEYMf5n2GmYhVDItG-rS5Vu-J-7bzas5gKwmVnRiPLdCb7EpY_9SBdu5IrAqLnIwyr2ZPktMdtMp1P0gbAzU_35KgUDcducqfXA0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=FJYGXcD0D1IU18YZcc5S5QNBs3IS3kbu_TXI720bZaoe73lkGQ4NDN8KAKuaJJy9aPeWasXleolEMoV4EdcuHQo_O5IlBFLcJFv7FJPXCzGQciYrxqzAfLiN5E0tcg0O0&amp;t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=qTnPOILsJCPbmGgsgyJ0e5dlOrUg2qjVt9lerhVETsMjw8-1vxJPhpsahFCUJ_5uzN-xNoyUhIs0GeG0gWARXf37GxxwtVo5K0QXUVBebZPlb_d7dvlG87xGZ9PPO-hF0&amp;t=7d5986a" type="text/javascript"></script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="1B12F5A6" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="uUrqrXWvwID+dCgBJdYMn4myG13GUKBEogHloyNZsCrN0ROfU5psMSRyucuWbvJrc5exE/aE3wNCh36Ely/rmwtlVD8F5kbSnPDYOrLcbOGqkBFPW/35cK3l6DxHjPRGIprE0B5qnWs1JtYN/lCiz9Y7rCYaG79+xe78Y+dQrWw3oHBHsgUUELfRw9MU7EGCrgE5L/doCUxyu+OR0TTC2pRbJrhK8qGV9Iq5ZwkuOceD0sx/dPvXqlRlfuNSYTNTMAfQwZe7rqutPiTqHezJTlx7gTrl6BtkggXnsGlQj62hdgBJsjvQnbNU2VAlcIMtNvzt517Ay9sYKVBsnmU6G0W2UuLm++AebFVjs/i1UkogcSaQITn5RIcToLpdj6iht3vK/UM/6pfY8cEPvSe3IQ==" />

    
    



<!-- 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>



<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:-20px;
    }

    .navigation a {
        margin-left: 20px;
        color: #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: 40px; /* Limit the logo's height to make it viewer-friendly */
        margin-top:-5px
    }

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

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

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

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

    /*----------------------------------*/
    /*BUTTON AND TEXT INPUT*/
    /*----------------------------------*/
    input[type="text"], .button {
        width: 100%; /* Makes the input and button fill their container */
        padding: 10px; /* 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 */
        }
    }

    /*----------------------------------*/
    /*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: 767px) {


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

    }

</style>


<script type="text/javascript" src="/Scripts/Custom/loading.js?v=15"></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$txtSearch" type="text" id="Header2_txtSearch" />
            </div>
            <div>
            <input type="submit" name="Header2$btnSearch" value="Search" id="Header2_btnSearch" class="button" />
            </div>
        </div>
    </div>
    </div>
</div>

<!-- HEADER MENU -->
<header class="header">
    <div class="logo">
        <a id="Header2_hypLogo" href="index.aspx"><img id="Header2_imgIcon" /></a>
    </div>

    <nav class="navigation">

        
        

        

        
        
        

        <!-- 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 -->
            <img src="https://cdn.iconscout.com/icon/free/png-256/free-search-1767866-1502119.png" width="30px"></img>
        </a>
    </nav>
</header>

<hr style="border-color:#999" />

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














    <div id="mainContent">

        <div id="leftContainer" >
            <div style="position:relative">
                <div>
                    
                </div>
                <div style="position:absolute; right:0px; top:5px">
                    
                </div>
            </div> 
            <div>
                  
            </div>

            <div class="label">
                
            </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"><b><font size="6"></font></b></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;)"><font color="DeepPink">+ Add To My Favorite <span style="font-size:larger; color:orangered">&#9829;</span></font></a>
                
                
</div>
            </div>
            <div class="label">
                <span id="lblBuyBack"></span>
            </div>
            <div class="label">
                <span id="lblPreorderNotice"><font color="Red"></font></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" />
                
                
                
                </p>

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

                

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

                <p> 
                    <span id="lblAllocation"><font color="Red"></font></span>
                </p>


                

                

                <p>
                <span id="lblGST">*Item price is EXCLUSIVE of 6% GST</span>
                </p>
                <span style="color: #5B2783;"> 
                    
                    <span id="lblPoint"><font size="3"></font></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>

    <!-- 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>