const fcSearchWidgetButton_script = document.getElementById('fcSearchWidgetButton');
const fcSearchWidgetButton_style = fcSearchWidgetButton_script.getAttribute('style');
const fcSearchWidgetButton_hover = fcSearchWidgetButton_script.getAttribute('hover');
const fcSearchWidgetButton_part = encodeURIComponent(fcSearchWidgetButton_script.getAttribute('part'));
const fcSearchWidgetButton_manufacturer = encodeURIComponent(fcSearchWidgetButton_script.getAttribute('user'));

const fcSearchWidgetButton_w = 1000;
const fcSearchWidgetButton_h = 600;
const fcSearchWidgetButton_x = window.top.outerWidth/2 + window.top.screenX - fcSearchWidgetButton_w/2;
const fcSearchWidgetButton_y = window.top.outerHeight/2 + window.top.screenY - fcSearchWidgetButton_h/2;

const fcSearchWidgetButton_wrapper = document.createElement('div');
fcSearchWidgetButton_wrapper.setAttribute("id", "fcSearchWidgetButton_fc-widget-buy");
fcSearchWidgetButton_wrapper.setAttribute("style", "display: inline-block; width: 100%;");
fcSearchWidgetButton_script.after(fcSearchWidgetButton_wrapper);
document.getElementById('fcSearchWidgetButton_fc-widget-buy').innerHTML = 
`
    <style>
        .fcSearchWidgetButton_fc-buy-btn {
            cursor: pointer;
            border: none;
            color: #ffffff;
            background-color: #3399d5;
            font-weight: 600;
            border-radius: 0;
            display: inline-block;
            width: 100%;
            -webkit-transition: background 400ms cubic-bezier(0.23,1,0.32,1);
            transition: background 400ms cubic-bezier(0.23,1,0.32,1);
            padding: 11px 8px;
            font-size: 16px;
            ${fcSearchWidgetButton_style}
        }
        .fcSearchWidgetButton_fc-buy-btn:hover {
            background-color: #2E527B;
            -webkit-transition: background 400ms cubic-bezier(0.23,1,0.32,1);
            transition: background 400ms cubic-bezier(0.23,1,0.32,1);
            ${fcSearchWidgetButton_hover}
        }
    </style>
    <button class="fcSearchWidgetButton_fc-buy-btn" onclick="window.open('https://widgets.supplyframe.com/search/${fcSearchWidgetButton_manufacturer}/${fcSearchWidgetButton_part}', '_blank','location=yes,scrollbars=yes,status=yes,width=${fcSearchWidgetButton_w},height=${fcSearchWidgetButton_h},left=${fcSearchWidgetButton_x},top=${fcSearchWidgetButton_y}')">View Inventory</button>
`;