Array
(
    [0] => Array
        (
            [id] => 27
            [product] => Unprinted
            [options] => Unprinted
            [code] => PDUN2WLA
            [pricetype] => 2week
            [max_color_count] => 
            [setup_cost] => Waived
            [n50] => 0
            [n100] => 0
            [n250] => 0
            [n500] => 0
            [n1000] => 0
            [n2500] => 0
            [n5000] => 0
            [n10000] => 0
            [v50] => -
            [v100] => -
            [v250] => -
            [v500] => -
            [v1000] => -
            [v2500] => -
            [v5000] => -
            [v10000] => -
            [pricetype_list] => Array
                (
                    [0] => Array
                        (
                            [name] => 2week
                            [list] => Array
                                (
                                    [type] => Array
                                        (
                                            [0] => 50
                                            [1] => 100
                                            [2] => 250
                                            [3] => 500
                                            [4] => 1000
                                            [5] => 2500
                                            [6] => 5000
                                            [7] => 10000
                                        )

                                    [head] => Array
                                        (
                                            [0] => UNIT PRICE
                                            [1] => SETUP
                                            [2] => 50+
                                            [3] => 100+
                                            [4] => 250+
                                            [5] => 500+
                                            [6] => 1000+
                                            [7] => 2500+
                                            [8] => 5000+
                                            [9] => 10000+
                                        )

                                    [data] => Array
                                        (
                                            [0] => Array
                                                (
                                                    [id] => 149
                                                    [pid] => 139
                                                    [title] => 8cm Carabiner
                                                    [content] => Our standard attachments for your lanyard are necessary for full function. Connect to the bottom of the lanyard's main fabric to hang your items. Available in metal, plastic, and either simple J Hooks or Alligator Clips. Feel free to contact us if you have any questions or need help in making a purchase.
                                                    [keywords] => 8cm Carabiner Printed lanyards, promotional lanyards
                                                    [set_up] => 
                                                    [sort_id] => 1000440
                                                    [is_open] => 1
                                                    [add_time] => 0
                                                    [upfile] => B006.jpg
                                                    [code] => B006
                                                    [sid] => 75,77,
                                                    [gid] => 62,
                                                    [editors] => Material: Aluminium<br/><br/>Lead time is from confirmation of artwork approval. Lead time refers to dispatch, final delivery time will depend on location and type of courier used.
                                                    [relative] => 
                                                    [price] => Price is ex-GST,ex freight
                                                    [bigcode] => B006
                                                    [n50] => -
                                                    [n100] => 0.58
                                                    [n250] => 0.58
                                                    [n500] => 0.58
                                                    [n1000] => 0.58
                                                    [n2500] => 0.58
                                                    [n5000] => 0.58
                                                    [n10000] => POA
                                                    [v50] => -
                                                    [v100] => 0.25
                                                    [v250] => 0.25
                                                    [v500] => 0.25
                                                    [v1000] => 0.25
                                                    [v2500] => 0.25
                                                    [v5000] => 0.25
                                                    [v10000] => 0.25
                                                    [setupcost] => 0
                                                    [color] => as shown<br />PMS matching not available
                                                    [productsize] => NA
                                                    [printsize] => NA
                                                    [dimension] => G/N Weight: 22kgs Meas: 54x32x32cm Packing:1000pcs/ctn
                                                    [options] => 
                                                    [scode] => B006-1000440
                                                    [tid] => 
                                                    [uid] => 
                                                    [bid] => 
                                                    [website_link] => B006-8cm-Carabiner
                                                    [setupcost2] => 
                                                    [delivery] => 
                                                    [material] => Aluminium
                                                    [others] => 
                                                    [description] => 8cm Carabiner. Promocollection offers a well selected range on promotional products including lanyards, stubby holders, flash drives, mousemats and more to suit your need.
                                                    [pricetype] => 2week
                                                    [moq] => 100
                                                    [internal_comment] => 
                                                    [stock] => NO
                                                    [default_supplier] => KUNSHAN
                                                    [backup_supplier] => 
                                                    [catalogue_page] => P27
                                                    [edm_pdf] => http://www.promocollection.com.au/artlib/images/Lanyard%202017-2/lanyards-PSD.psd
                                                    [edm_doc] => http://www.promocollection.com.au/artlib/images/Lanyard%202017-2/lanyards.docx
                                                    [edm_images] => lanyards.jpg
                                                    [print_methods] => Unprinted
                                                    [print_marketing] => 
                                                    [data_services] => 
                                                    [chip_grade] => 
                                                    [certifications] => 
                                                    [standards] => 
                                                    [warranty] => 
                                                    [included_accessorries] => 
                                                    [optional_accessories] => 
                                                    [capacity] => 
                                                    [protocols] => 
                                                    [battery_type] => 
                                                    [decoration_method] => 
                                                    [print_position] => 
                                                    [included_packaging] => 
                                                    [optional_packaging] => 
                                                    [print_size_area] => NA
                                                    [priceheader] => Common
                                                    [additional_info] => Lead time is from confirmation of artwork approval. Lead time refers to dispatch, final delivery time will depend on location and type of courier used.
                                                    [power_io] => 
                                                    [included_packagingCopy] => 
                                                )

                                        )

                                    [addli] => 
                                )

                        )

                )

        )

)
<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="Promotional Products, Lanyards, Flash Drives, Mousemats | Promojet." />
    <meta name="Description" content="Promotional Products, Lanyards, Flash Drives, Mousemats | Promojet." />

    <link href="themes/home/css/style.css" type="text/css" rel="stylesheet" />
    <style type="text/css">
        .drop-element, .drop-element:after, .drop-element:before, .drop-element *, .drop-element *:after, .drop-element *:before {
          box-sizing: border-box; }
        .drop-element {position: absolute;display: none; z-index: 99999!important}
        .drop-element.drop-open {display: block; }
        .drop-element.drop-theme-basic {max-width: 100%;max-height: 100%; }
        .drop-element.drop-theme-basic .drop-content {
            border-radius: 5px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
            font-family: inherit;
            background: #eee;
            color: #444;
            padding: 1em;
            font-size: 1.1em;
            line-height: 1.5em;
        }
        .drop-content li{
            height: 28px;
            line-height: 28px;
            color: #979797;
            background-color: #424649;
            text-align: center;
            margin: 2px 0;
            cursor: pointer;
            width: 120px;
        }
        .drop-content li:hover{
            background: #00acfe;
        }
        li.QtyNeeded:hover{
            background-color: #424649;
        }
        .marginLeft li{
            text-align: left;
            padding-left: 10px;
        }
        .userOption .drop-content li{
            height: 28px!important;
            line-height: 28px!important;
        }
        .drop-content li a{
            color: #fff;
            display: block;
            width: 100%;
            height:100;
        }
        .userOption {
            width: 500px;
            position: relative;
            z-index: 10000;
            float: left;
        }
        #unibox-suggest-box h4{
            display: none!important;
        }
        .unibox-selectable .unibox-selectable-img-container {
            margin-right: 14px!important;
        }
        .user_none {
            width: 99px;
            position: absolute;
            top: 38px;
            right: 0;
        }
        .user_none .user_ul {
            width: 99px;
            background-color: #ffffff;
            padding: 0 5px;
            box-sizing: border-box;
            overflow: hidden;
        }
        .uniboxSearchContent{
            color: white!important;
        }
        .user_none  li {
            height: 25px;
            line-height: 25px;
            color: #979797;
            background-color: #eeeeee;
            text-align: center;
            margin: 8px 0;
            cursor: pointer;
        }
        #unibox-suggest-box { background-color: #424649!important;}
        .unibox-selectable img {
            max-width: 28px!important;
            max-height: 28px!important;
        }
        .unibox-selectable .unibox-selectable-img-container {
            width: 20px!important;
        }
        #unibox-suggest-box{
            min-width: 250px!important;
            max-width: 250px!important;
            border:none!important;
        }
    </style>
    <link href="themes/tools/unibox.min.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="themes/home/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="themes/home/js/jquery.SuperSlide.2.1.js"></script>
    <script type="text/javascript" src="themes/home/js/divselect.js"></script>
    <script type="text/javascript" src="themes/home/js/js.js"></script>
    <script type="text/javascript" src="themes/home/js/tether.js"></script>
    <script type="text/javascript" src="themes/home/js/drop.js"></script>
    <script type="text/javascript" src="themes/tools/unibox.min.js"></script>
    <script type="text/javascript" src="http://virtualmarketingcart.com/bundles/bazingajstranslation/js/translator.min.js"></script>
    <script type="text/javascript" src="http://virtualmarketingcart.com/js/bootstrap.min.js"></script>

    <script type="text/javascript">
        $(function(){
            $.divselect("#divselect","#inputselect");
            var boxes = [];
            boxes = $("#queryBox").unibox({
              // these are required:
              suggestUrl: "/index.php?c=goods&a=search&query=", // the URL that provides the data for the suggest
              // these are optional:
              searchBoxContainerSelector: undefined, // suggest will be attached to this container, by default it will be the parent of the search input (e.g. #searchBox)
              instantVisualFeedback: 'all', // where the instant visual feedback should be shown, 'top', 'bottom', 'all', or 'none', default: 'all'
              ivfImagePath: '', // the path to prepend to the instant visual feedback images
              ivfImageOffset: -80, // the vertical offset of the ivf images
              missingErrorImage: undefined, // a default image in case a suggested image was not found
              showImagesSuggestions: true, // whether to show images in the search suggestions
              throttleTime: 300, // the number of milliseconds before the suggest is triggered after finished input, default: 300ms
              extraHtml: undefined, // extra HTML code that is shown in each search suggest
              placeholder: 'Search', // the placeholder to be put in the search field
              noSuggests: '<b>We haven\'t found anything for you',
              highlight: false, // whether matched words should be highlighted, default: true
              queryVisualizationHeadline: '', // A headline for the image visualization, default: empty
              animationSpeed: 300, // speed of the animations, default: 300ms
              typeCallback: undefined, // callback on keydown events in the search box
              focusCallback: undefined, // callback on focus events on the search box
              blurCallback: undefined, // callback on blur events on the search box
              minChars: 3, // minimum number of characters before the suggests shows, default: 3
              // maxWidth: 400, // the maximum width of the suggest box, default: as wide as the input box
              suggestOrder: [], // the order of the suggest, e.g. ["recipes","menus","restaurants"]
              suggestSelectionOrder: [], // the order of the suggest, e.g. ["recipes","menus","restaurants"],
              showMoreResults: undefined,    // the HTML content to show if there is another more complete search page
              disableEventPropagationHtml: true  // disable click event propagation from search (suggest) box to html elements
            });
        });

        $(function(){
            // $('.divselect h1').click(function(){
            //     if($('.sele_none').is(":hidden")){
            //         $('.sele_none').slideDown();
            //     }else{
            //         $('.sele_none').slideUp();
            //     }
            // });
            $('.cnm i').click(function(){
                if($('.sub').is(":hidden")){
                    $('.sub').slideDown();
                }else{
                    $('.sub').slideUp();
                }
            });
            $('.cnm a').click(function(){
                if($('.sub').is(":hidden")){
                    $('.sub').slideDown();
                }else{
                    $('.sub').slideUp();
                }
            });
        });
    </script>

    <title>Promotional Products, Lanyards, Flash Drives, Mousemats | Promojet.</title>
</head>
<body>
    <div id="header">
        <div class="head-top">
            <div class="layout">
                <div class="jiathis_style fr icon" style="    margin: 10px 0 0 0;">
                    <!-- <img src="themes/home/images/png-1.png" alt="Facebook"/> -->
                                            <a class="jiathis_button_fb" style="padding-right:10px;border-right: 1px solid #ccc;" href="/index.php?c=member&a=login">Login</a>
                        <a href="/index.php?c=member&a=reg"style="padding-left:10px;">Become A Member</a>
                                        <!-- <a class="jiathis_button_twitter"><img src="themes/home/images/png-2.png" alt="Twitter"/></a>
                    <a class="jiathis_button_linkedin"><img src="themes/home/images/png-3.png" alt="LinkedIn"/></a> -->
                </div>
                <!-- <script type="text/javascript" src="http://v3.jiathis.com/code_mini/jia.js" charset="utf-8"></script> -->
                <script type="text/javascript">
                    $(function(){
                        setTimeout(function(){
                            $('.jiathis_style').css('background','none')
                            $('.jtico').css('background','none')
                        },100)
                    })
                </script>
            </div>
        </div>
        <div class="head-main">
            <div class="layout">
                                <a class="logo" href="/"> <!-- /index.php?c=main&a=index -->
                    <img src="themes/home/images/logo.jpeg" alt="logo" width="320" />
                </a>
            </div>
        </div>
        <style>
        .cnm p{zoom: 1;
            display: inline-block;
            font-weight: bold;
            font-size: 14px;}
        </style>
        <div class="head-nav">
            <div class="layout">
                <div class="navBar" style="width: 800px;">
                    <div class="cnm" style='cursor:pointer;width: 135px;background-size: 200%'>
                        <i></i>
                        <a style="height: 54px;line-height:54px;">Shop Products</a>
                        <!-- <a href="/index.php?c=goods&a=index" class="spro">Shop Products</a> -->
                        <div class="sub">
                            <div class="pad">
                                                                                                    <dl>
                                                                                <div class="icons ioc-1"></div>
                                        <dt><a href="/index.php?c=goods&a=index&sid=138" >LANYARDS</a></dt>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=150">Custom Lanyards</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=151">Stock Lanyards</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=152">Luggage Belt</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=941">Dog Leash</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=141">Lanyard Standard Attachments</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=139">Lanyard Optional Attachments</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=140">Retractable Reels/ Badge Holders</a></dd>
                                                                                                                    </dl>
                                                                                                        <dl>
                                                                                <div class="icons ioc-2"></div>
                                        <dt><a href="/index.php?c=goods&a=index&sid=145" >WRISTBANDS</a></dt>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=937">Wristband</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=938">Slap Band</a></dd>
                                                                                                                    </dl>
                                                                                                        <dl>
                                                                                <div class="icons ioc-3"></div>
                                        <dt><a href="/index.php?c=goods&a=index&sid=146" >IT PRODUCTS</a></dt>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=986">Cables</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=992">Other IT products</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=1003">LED Range</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=930">USB</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=932">Mouse Mat</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=939">Phone Accessories</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=947">Power Banks</a></dd>
                                                                                                                    </dl>
                                                                                                        <dl>
                                                                                <div class="icons ioc-4"></div>
                                        <dt><a href="/index.php?c=goods&a=index&sid=148" >KEYRINGS</a></dt>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=936">Plastic Keyrings</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=933">Metal Keyrings</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=935">LED Keyring</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=934">Multi-Function Keyrings</a></dd>
                                                                                                                    </dl>
                                                                                                        <dl>
                                                                                <div class="icons ioc-5"></div>
                                        <dt><a href="/index.php?c=goods&a=index&sid=147" >NEOPRENE</a></dt>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=172">Stubby holders</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=173">Bottle Coolers</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=174">Neoprene cases</a></dd>
                                                                                                                    </dl>
                                                                                                        <dl>
                                                                                <div class="icons ioc-6"></div>
                                        <dt><a href="/index.php?c=goods&a=index&sid=964" >STATIONERY</a></dt>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=965">Note Pads</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=966">Office Accessories</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=967">Pens & Highlighters</a></dd>
                                                                                                                    </dl>
                                                                                                        <dl>
                                                                                <div class="icons ioc-7"></div>
                                        <dt><a href="/index.php?c=goods&a=index&sid=143" >LIFESTYLE</a></dt>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=990">Fidget Family</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=957">Homeware</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=959">Tools</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=1004">Mugs</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=962">Health</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=956">Travel Essential</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=988">Drinkware</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=989">Stress Items</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=991">Bags</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=961">Pill Box</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=963">Personal</a></dd>
                                                                                                                    </dl>
                                                                                                        <dl>
                                                                                <div class="icons ioc-8"></div>
                                        <dt><a href="/index.php?c=goods&a=index&sid=993" >POS</a></dt>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=994">Banners</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=995">Table Cloth</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=996">Marquee</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=997">Ad Wall</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=1006">Floor Display</a></dd>
                                                                                <dd><a href="/index.php?c=goods&a=index&tid=1005">Table Display</a></dd>
                                                                                                                    </dl>
                                                                                                    <dl class="no">
                                                                            <div class="icons ioc-9"></div>
                                        <dt><a href="/index.php?c=goods&a=index&sid=953" >OTG</a></dt>
                                                                                                                        <dd><a href="/unique">How it works?</a></dd>
                                        <dd><a href="/index.php?c=news&a=show&id=132">FAQ</a></dd>
                                        <dd><a href="/index.php?c=news&a=show&id=135">Seller Centre Intro</a></dd>
                                                                            </dl>
                                                                    </div>
                            </div>
                            <script>
                            // $('.pad a:first').css("color","#fff !important");
                        </script>
                    </div>
                    <ul class="nav clearfix" style="width: 880px;">
                        <li class="m" style="width: 115px;">
                            <h3><a class="drop-target byLeadTime" ><img src="/themes/home/images/ojy-2.jpg" style="padding-right: 6px;">By Lead Time</a></h3>
                            <div class="drop-content">
                            </div>
                        </li>
                        <li class="m" style="width: 115px;">
                            <h3><a class="drop-target byBudget" ><img src="/themes/home/images/ojy-2.jpg" style="padding-right: 6px;">By Budget</a></h3>
                            <div class="drop-content marginLeft">
                            </div>
                        </li>
                        <li class="m" style="width: 115px;">
                            <h3><a href="/index.php?c=goods&amp;a=index&amp;pid=new"><em></em>New products</a></h3>
                        </li>
                        <li class="m" style="width: 115px;">
                            <h3><a href="/index.php?c=goods&a=index&industry=151"><em></em>Print Packaging</a></h3>
                        </li>
                        <li class="m" style="width: 115px;">
                            <h3><a href="/index.php?c=news&a=indentSourcing"><em></em>Indent Sourcing</a></h3>
                        </li>
                        <li class="m" style="width: 75px;">
                            <h3><a href="/index.php?c=goods&a=index&feature=63"><em></em>On Sale</a></h3>
                        </li>
                    </ul>
                </div>
                <input class="url_pid" type="hidden" value="">
                <style type="text/css">
                    .nav_on{}
                </style>
                <script>
                    $('.nav.clearfix li').each(function(){
                        var url = $('.url_pid').val();
                        if(url == '54'){
                            $(".nav.clearfix a").eq(0).addClass("nav_on").siblings().removeClass('nav_on')
                        }else if(url == 'special'){
                            $(".nav.clearfix a").eq(1).addClass("nav_on").siblings().removeClass('nav_on')
                        }else if(url == '41'){
                            $(".nav.clearfix a").eq(2).addClass("nav_on").siblings().removeClass('nav_on')
                        }else{
                            $('.cnm').addClass("nav_on")
                            // $('.cnm a').eq(0).css('color','#333')
                        }
                    })
                </script>
                <div class="form clearfix">
                    <span class="compare_num">1</span>
                    <div class="divselect">
                        <h1>Compare List</h1>
                        <div class="sele_none">
                            <p class="title"><a href="/index.php?c=goods&a=compare_li">Compare All</a>Product to Compare</p>
                            <ul class="sen_ul compare">
                                                                <li class="hide_li">Product 1</li>
                                <li class="hide_li">Product 2</li>
                                <li class="hide_li">Product 3</li>
                                <li class="hide_li">Product 4</li>
                                <li class="hide_li">Product 5</li>
                            </ul>
                            <div class="clear">
                                <p><a href="javascript:;" class="clear_all">Clear All</a></p>
                            </div>
                        </div>
                    </div>
                    <input name="" type="hidden" value="" id="inputselect"/>
                    <input type="hidden" class="compare_input" value="">
                    <script type="text/javascript">
                        $(function(){
                            $('.divselect h1').click(function(){
                                if($('.sele_none').is(":hidden")){
                                    $('.sele_none').slideDown();
                                }else{
                                    $('.sele_none').slideUp();
                                }
                            })
                        });
                        function hide_li(data){
                            $('.hide_li').each(function(){
                                if($(this).index() != 0){
                                    $('.hide_li').hide()
                                    return false;
                                }
                                if($(this).index() == 0){
                                    $('.hide_li').show()
                                    return false;
                                }
                            })
                        }
                        hide_li();
                        if(0 == false){
                         $('.compare_num').css('background','none');$('.compare_num').html('')
                     }else{
                        $('.compare_num').html(0)
                    }
                    $('.clear_this').live('click',function(){
                        var id = '#goods'+$(this).attr('value');
                        $(id).html('+ Compare List');
                        $(this).parent().parent().remove()
                        var hid = $(this).attr('value')
                        $.get("/index.php?c=goods&a=Compare",{'hid':hid},callback)
                        function callback(data){
                            if(data){
                                var num = data;
                                if(num){
                                    $('.compare_num').css('background','url(themes/home/images/png-8.png) no-repeat');
                                    $('.compare_num').html(num)
                                    $('.compare_num').show()
                                }
                                if(num == 0){
                                    $('.compare_num').hide()
                                }
                                hide_li()
                            }
                        }
                    })
                    $('.clear_all').live('click',function(){
                        $('.goods-clear').html('+ Compare List');
                        $.get("/index.php?c=goods&a=Compare&clear=all",'',callback)
                        function callback(data){
                            if(data){
                                $('.compare_num').hide()
                                $('.compare li:visible').remove()
                                hide_li()
                            }else{
                                alert('error')
                            }
                        }
                    })
                </script>
                <div class="text-sub" style="width: 250px;">
                    <input type="text" id="queryBox" name="keyword" class="text keyword"/>
                    <input type="hidden" class="text hidden" value="/index.php?c=goods&a=index" style="width: 220px;" />
                    <input type="image" src="themes/home/images/png-10.png" class="search_submit" />
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).on('hover', '.budgetList li', function(){
        $('.budgetList li').css('background-color', '#424649');
        $(this).css('background-color', '#00acfe');
    })
    $(document).on('hover', '.byBudgetList li', function(){
        $('.byBudgetList li').css('background-color', '#424649');
        $(this).css('background-color', '#00acfe');
    })
$(function(){
    var dropInstance = new Drop({
      target: document.querySelector('.byLeadTime'),
      content: '<ul><li><a href="/index.php?c=goods&a=index&targetuser=79">24 hours</a></li><li><a href="/index.php?c=goods&a=index&targetuser=80">5 day express</a></li><li><a href="/index.php?c=goods&a=index&targetuser=81">2 – 3 weeks</a></li><li><a href="/index.php?c=goods&a=index&targetuser=82">5 - 8 weeks</a></li><li><a href="/index.php?c=goods&a=index&targetuser=1000">Service Comparison</a></li></ul>',
      classes: 'drop-theme-arrows',
      position: 'bottom left',
      openOn: 'click'
    })



    var dropInstance = new Drop({
      target: document.querySelector('.byBudget'),
      content: '<ul class="budgetList"> <li> Budget </li><li class="byBudgetSuba" data-pricetype="a"> <a href="javascript:void(0)" class="byBudgetChilda">< $ 0.5 ea</a> <div class="drop-content marginLeft"></div> </li> <li class="byBudgetSubb" data-pricetype="b"> <a href="javascript:void(0)" class="byBudgetChildb">< $ 1 ea</a> <div class="drop-content marginLeft"></div> </li> <li class="byBudgetSubc" data-pricetype="c"> <a href="javascript:void(0)" class="byBudgetChildc">< $ 2 ea</a> <div class="drop-content marginLeft"></div> </li> <li class="byBudgetSubd" data-pricetype="d"> <a href="javascript:void(0)" class="byBudgetChildd">< $ 3 ea</a> <div class="drop-content marginLeft"></div> </li> <li class="byBudgetSube" data-pricetype="e"> <a href="javascript:void(0)" class="byBudgetChilde">< $ 5 ea</a> <div class="drop-content marginLeft"></div> </li> <li class="byBudgetSubf" data-pricetype="f"> <a href="javascript:void(0)" class="byBudgetChildf">< $ 7.5 ea</a> <div class="drop-content marginLeft"></div> </li> <li class="byBudgetSubg" data-pricetype="g"> <a href="javascript:void(0)" class="byBudgetChildg">< $ 10 ea</a> <div class="drop-content marginLeft"></div> </li> <li class="byBudgetSubh" data-pricetype="h"> <a href="javascript:void(0)" class="byBudgetChildh">< $ 15 ea</a> <div class="drop-content marginLeft"></div> </li> <li class="byBudgetSubi" data-pricetype="i"> <a href="javascript:void(0)" class="byBudgetChildi">> $ 15 ea</a> <div class="drop-content marginLeft"></div> </li> </ul>',
      classes: 'drop-theme-arrows marginLeft',
      position: 'bottom left',
      openOn: 'click'
    })

    $(document).on('click', '.byBudget', function(){
        $.each(['a','b','c','d','e','f','g','h','i'], function(index,pricetype){
            new Drop({
              target: document.querySelector('.byBudgetSub'+pricetype),
              content: '<ul> <li class="QtyNeeded"><a disabled>QTY Needed</a></li><li class="BudgetLinkLi"><a href="/index.php?c=goods&a=index&pricetype='+pricetype+'&quantity=n50" class="">50</a></li><li class="BudgetLinkLi"><a href="/index.php?c=goods&a=index&pricetype='+pricetype+'&quantity=n100" class="">100</a></li><li class="BudgetLinkLi"><a href="/index.php?c=goods&a=index&pricetype='+pricetype+'&quantity=n250" class="">250</a></li><li class="BudgetLinkLi"><a href="/index.php?c=goods&a=index&pricetype='+pricetype+'&quantity=n500" class="">500</a></li><li class="BudgetLinkLi"><a href="/index.php?c=goods&a=index&pricetype='+pricetype+'&quantity=n100" class="">1,000</a></li><li class="BudgetLinkLi"><a href="/index.php?c=goods&a=index&pricetype='+pricetype+'&quantity=n2500" class="">2,500</a></li><li class="BudgetLinkLi"><a href="/index.php?c=goods&a=index&pricetype='+pricetype+'&quantity=n5000" class="">5,000</a></li><li class="BudgetLinkLi"><a href="/index.php?c=goods&a=index&pricetype='+pricetype+'&quantity=n10000" class="">10,000</a></li></ul>',
              position: 'right top',
              openOn: 'hover'
            })
        })
    })

    })
function logOut(){
    if(confirm('logout?'))location.href='/index.php?c=member&a=logout';
}
$('.search_submit').click(function(){
    if($('.keyword').val() == ''){
        return false;
    }else{
        var keyword = $('.keyword').val()
        var url = $('.hidden').val()
        location.href = url+'&keyword='+ keyword
    }
})
 $(document).bind('keyup',function(e){
    if(e.keyCode == 13){
        if($('.keyword').val() == ''){
            return false;
        }else{
            var keyword = $('.keyword').val()
            var url = $('.hidden').val()
            location.href = url+'&keyword='+ keyword
        }
    }
});
</script><script type="text/javascript" src="themes/home/js/jquery.jcarousellite.min.js"></script>
<script type="text/javascript" src="themes/home/js/cloud-zoom.1.0.2.min.js"></script>
<script type="text/javascript" src="themes/home/js/js.js"></script>
<script type="text/javascript" src="themes/home/js/jquery.fancybox.js"></script>
<script type="text/javascript" src="themes/home/js/jquery.scrollbox.js"></script>
<!-- <script src="themes/tools/jquery.modal.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="themes/tools/jquery.modal.css" type="text/css" media="screen" /> -->
<link href="themes/home/js/jquery.fancybox.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="themes/tools/modal.20180309.css" type="text/css" media="screen" />
<script type="text/javascript">
        $(function(){
            var alt = $("#list_img img").attr('alt');
            $("div.txt").append(alt);
            $("#list_img img").click(function(){
                $("#b_img").attr('src',this.src);
                var alt = $(this).attr('alt');
                $("div.txt").html(alt);
            });
            $("a#single_image").fancybox({
                'titleShow'  : true,
                'showCloseButton': true
            });
            $("a.fancyOpen").fancybox({
                'titleShow'  : true,
                'showCloseButton': true
            });
        });
    </script>
<div id="main" style="background-color: #fbfbfb;margin-top:80px;">
    <div class="main-7">
        <div class="layout">
            <p><a href="/index.php?c=goods&a=index">Home</a>
               <img src="themes/home/images/png-31.png" alt=""/>
               <a href="/index.php?c=goods&a=index">All Products</a>
               <img src="themes/home/images/png-31.png" alt=""/>
                                             <a href="/index.php?c=goods&a=index&sid=138">LANYARDS</a>
               <img src="themes/home/images/png-31.png" alt=""/>
                                             <a href="/index.php?c=goods&a=index&tid=139">Lanyard Optional Attachments</a>
               <img src="themes/home/images/png-31.png" alt=""/>
                              8cm Carabiner
            </p>
        </div>
    </div>
    <div class="main-8">
        <div class="layout" style="background-color: #ffffff;min-height: 900px;">
            <div style="height: 30px;"></div>
            <div class="photo_box">
                <div class="b_img" style="width:430px;">
                    <a id="single_image" href="uploads/goods/B006.jpg" style="margin-right: 180px;">
                        <img src="uploads/sm_goods/B006.jpg" id="b_img" alt='01' style="width: 360px;height: 360px;" />
                    </a>
                </div>
                <div style="text-align: center;padding: 30px;">
                    <a href="javascript:$(document).find('a#single_image').click()"><span class="viewLarge" style="text-align: center;background: rgba(255, 255, 255, 0.5);font-weight: 700;box-shadow: 0 2px 14px rgba(0, 0, 0, 0.16);padding: 10px 40px;color: #777676;">
                    View larger
                    </span>
                </div>
                <div class="s_img" style="margin: 5px 5px;">
                    <div class="list_img" id="list_img" style="height:auto;">
                        <ul>
                                                    <li style="margin: 8px 20px">
                                <a class='goodsGallery' data-image='uploads/sm_goods/B006.jpg' data-fullimage='uploads/goods/B006.jpg'>
                                    <img src="uploads/smm_goods/B006.jpg" alt="01" width="96" height="96" />
                                </a>
                            </li>
                         
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
                    </div>
                </div>
            </div>
           <script>
            $('.goodsGallery').on('click', function(){
                $(document).find('a#single_image').attr('href', $(this).attr('data-fullimage'));
                $(document).find('img#b_img').attr('src', $(this).attr('data-image'));
           })
           $('.cloud-zoom-lens').mouseover(function(){
            alert()
           })
           $('#wrap img').mouseover(function(){
            alert()
           })
           </script>
            <div class="m8-r">
                <div class="title">
                    <div class="icons">
                                                    <img src="uploads/goodstype/goodstype-201708141753190.jpg" alt="" style="" />
                                            </div>
                    <p class="en-1" style="height: auto;">
                        8cm Carabiner
                    </p>
                    <p class="en-2">
                        Product Code：<em>B006</em>
                    </p>
                </div>
                
                
                <div class="productDetails" style="margin-top:20px;float: left;height: 100px;width:300px;">
                    <div style="max-width: 300px;">
                        <span>Product Colour: </span>
                        <span style="margin-left:5px;">as shown<br />PMS matching not available</span>
                        
                    </div>                    
                </div>
                <div style="margin-top:-30px;height: 150px;margin-right: 30px;">
                    <a  href="uploads/goodsfolder/B006.pdf" style="float: right;margin-top: -30px;margin-right: 20px;">
                        <img src="/themes/tools/lineart.jpg" style="width: 220px;height: 52px;">
                    </a>
                    <a href="uploads/goods/B006.jpg" style="float: right;margin-top: 10px;margin-right: 20px;">
                        <img src="/themes/tools/hires.jpg" style="width: 220px;height: 52px;">
                    </a>
                    <div style="clear: left;"></div>
                </div>
                     
                <div style="min-width: 300px;margin-right: 40px;">
                    Our standard attachments for your lanyard are necessary for full function. Connect to the bottom of the lanyard's main fabric to hang your items. Available in metal, plastic, and either simple J Hooks or Alligator Clips. Feel free to contact us if you have any questions or need help in making a purchase.
                </div>                
                <div class="productDetails" style="margin-top:10px;text-align:center;margin-bottom: 20px;">
                    <span style="font-size:20px">Pricing & Branding Options</span>
                    <p style="text-align:float;">Price is ex-GST,ex freight</p>
                </div>           
                <link type="text/css" rel="stylesheet" href="themes/responsive-tabs.css" />
<script src="themes/jquery.responsiveTabs.min.js" type="text/javascript"></script>
<style type="text/css">
/* Tabs container */
.r-tabs {
  position: relative;
  /* border-top: 1px solid #004A97;
  border-right: 1px solid #004A97;
  border-left: 1px solid #004A97;
  border-bottom: 4px solid #004A97;
  border-radius: 4px;*/

}
.r-tabs-nav{
  /* background-color: #004A97; */
  min-height: 27px;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
  position: relative;
}

.r-tabs .r-tabs-panel{
  padding:  0;
  border-top: 1px solid #004A97;
  border-right: 1px solid #004A97;
  border-left: 1px solid #004A97;
  border-bottom: 4px solid #004A97;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
  display: inline-block;
  padding: 2px 12px;

  text-decoration: none;
  /* text-shadow: 0 1px rgba(0, 0, 0, 0.4); */
  font-size: 14px;
  font-weight: bold;
  color: darkgrey;
  border:1px #ddd solid;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: #004A97;
  background-color: #f5f5f5;
  overflow: hidden;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #004A97;
    text-shadow: none;
    background-color: white;
    /* border:1px #000 solid; */
    border-color: #004A97;
    border-bottom-color: #fff;
}

.expandPrice{
  float: right;margin-right:10px;color:white;
}
.priceExtra{display: none}
#priceList tr{border-bottom: 1px solid darkgrey;}
#priceList .timegap{font-size: 14px;font-weight: bold;color:#fff;}
</style>
<div id="horizontalTab">  
    <p style="display: block; overflow: hidden; text-align: center; line-height: 60px;">Please <a href="/index.php?c=member&a=login">login</a> to see prices</p>
  </div><!--End tabs-->
<script type="text/javascript">
  $(function(){
    $(document).on('click', '.expandPrice', function(){
      $(this).parents('table').find('.priceExtra').show();
      $(this).text('');
    })

    var $tabs = $('#horizontalTab');
    $tabs.responsiveTabs({
        rotate: false,
        startCollapsed: 'accordion',
        collapsible: 'accordion',
        setHash: true,
        // disabled: [3,4],
        // click: function(e, tab) {
        //     $('.info').html('Tab <strong>' + tab.id + '</strong> clicked!');
        // },
        // activate: function(e, tab) {
        //     $('.info').html('Tab <strong>' + tab.id + '</strong> activated!');
        // },
        // activateState: function(e, state) {
        //     //console.log(state);
        //     $('.info').html('Switched from <strong>' + state.oldState + '</strong> state to <strong>' + state.newState + '</strong> state!');
        // }
    });
    console.log('site margin', parseFloat(0))
    console.log('setup cost margin', parseFloat(0))
    $(document).find('.setupCost').each(function(i){
      var content = $.trim($(this).html());
      var decoration_price  = $(this).parents('#horizontalTab').find('.decorationAddPrice');
      var margin  = parseFloat(0) || 0;
      var setup   = content.replace(/[^.0-9]/ig,"");
      console.log('.setupCost', $(this).parent('tr').attr('data-sid'), setup);
      if(setup == ''){
        $(this).html('-');
      }else{
        price   = parseFloat(setup || 0).toFixed(2);
        price = price * ((100 + margin)/100);
        if(decoration_price.length){
          var add_setup = parseFloat(decoration_price.attr('data-setup').replace(/[^.0-9]/ig,"") || 0);
          price         = price + add_setup;
        }
        console.log('data-setup', setup, content)
        price = Math.ceil(price.toFixed(2));
        var pricess = content.replace(setup, price);
        if(pricess == '0'){
          $(this).html('NA');
        }else{
          $(this).html(content.replace(setup, price));
        }
        //$(this).html('$'+content.replace(setup, price));
      }
    })

    // $(document).find('.decorationAddPrice th.priceOptions').each(function(i){
    //   var decoration_price  = $(this).parents('.decorationAddPrice');
    //   var options_name      = $(this).text();
    //   if(decoration_price.length){
    //     if(options_name.indexOf('nprinted')){
    //       options_name    = options_name.replace('Unprinted', decoration_price.attr('data-options')).replace('unprinted', decoration_price.attr('data-options'));
    //     }else{
    //       options_name    = options_name + decoration_price.attr('data-options');
    //     }
    //     $(this).text(options_name);
    //   }
    // })

    $(document).find('.decorationAddPrice th.priceOptions').each(function(i){
      var decoration_price  = $(this).parents('.decorationAddPrice');
      var options_name      = $(this).text();
      if(decoration_price.length){
        if(options_name.indexOf('nprinted')){
          options_name    = options_name.replace('Unprinted', '');
        }else{
          options_name    = options_name + decoration_price.attr('data-options');
        }
        $(this).text(options_name);
      }
    })

    $(document).find('td.priceTD').each(function(i){
        var content = $.trim($(this).html());
        var margin  = parseFloat(0);
        var poa = new RegExp('P');
        if(poa.test(content)){
          $(this).html('POA')
        }else if(content == '$-' || content == '$ -' || content == '-' || content == '0'|| content=='$' || content=='$0.00'){
          $(this).html('-')
        }
    })

  })
</script>                <div class="coll">
                    <a href="javascript:void(0);" class="quoteGenerator">Quote Generator</a>
                    <!-- <a href="javascript:void(0);" class="cn-1">Make Enquiry</a> -->
                    <a href="javascript:;"  class="cn-3">Add to CompareList</a>
                    <a href="#Freight"  class="freightCalculator">Freight Calculator</a>
                    <div id="ob-virtualmarketingcart" style="padding-top:10px;display:inline;">
                    <input id="ob-virtualmarketingcart-sku" type="hidden" value="B006">
                    <input id="ob-virtualmarketingcart-supplier" type="hidden" value="1308">
                    <input id="ob-virtualmarketingcart-culture" type="hidden" value="en_au">
                    <input type="button" class="ob-btvirtualloadcontent" style="display:none;"/>
                </div>
                <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<link rel="stylesheet" type="text/css" href="/themes/tools/dropzone.css">
<link rel="stylesheet" type="text/css" href="/themes/jquery-confirm.min.css">
<link rel="stylesheet" type="text/css" href="/themes/tooltip.css">
<script src="/themes/jquery-confirm.min.js"></script>
<script src="/themes/tooltip.js"></script>

<style type="text/css">
.dropZone{display: inline-block;margin-right: 20px;border: none;padding: unset;min-height:auto;}
.dropzone.dz-clickable {height: auto;}
.dropzone .dz-message {
 margin: auto;
}
.dropzone .dz-preview {margin: auto; min-height: auto;vertical-align: middle;}
.dz-details{display: none;}
.dropzone .dz-preview .dz-image{width: auto;height: auto;}
.dropzone .dz-preview .dz-image img {height: 20px;}
.modelSelect, .decorationList, .decorationItem{height: 32px;}
.decorationItem{width: 60px;}
.modelSelect{width: 332px;}
.services{width: 237px;height: 32px;}
.addedblock{
  margin: 10px 0px;
  margin-left: 104px;
}
.ggpopover{
  max-width: 900px;
}
.decorationExample, .serviceExample{
  display: none;
}
.quoteGenerator{
  width: 160px;background-color: #298a59;border-radius: 4px;margin: 0 20px 0 0px;
}
.emailClient{
  height: 30px!important;line-height: 30px!important;width: 200px;background-color: #3b6cc5 !important;border-radius: 4px;margin: 20px 20px 0 0px;
}
.downloadPdf{
  height: 30px!important;line-height: 30px!important;width: 200px;background-color: #3b6cc5 !important;border-radius: 4px;margin: 72px 20px 0 0px;
}
.quoteQtyOption{
  display: inline-block;color: white;text-align: center;line-height: 24px;width: 44px;background-color: #6d716f;border-radius: 4px;margin: 0 5px 0 0px;cursor:pointer;

}
.quoteActive{
  background-color: #298a59!important;
}
.quoteQtyInput{
}
.quoteMarkOption{
  display: inline-block;color: white;text-align: center;line-height: 24px;width: 44px;background-color: #6d716f;border-radius: 4px;margin: 0 5px 0 0px;cursor:pointer;
}
.quoteMarkInput{
}
.timeFrame{
  display: inline-block;color: white;text-align: center;line-height: 24px;width: 68px;background-color: #6d716f;border-radius: 4px;margin: 0 5px 0 0px;cursor:pointer;
}
.quotePage label{font-size: 16px;line-height: 24px;display: inline-block;width: 100px;}
.previewDetail label{font-size: 14px;line-height: 24px;display: inline-block;width: 120px;}
.quotePage>div{margin-top: 10px;padding-bottom:10px;}

.quoteContent{
  display: inline-block;
  float: right;
}
.previewDetail{
  background-color: #fcf8e3;
  border: 1px solid #e0d8af;
  border-radius: 10px;
  padding: 15px;
  margin-right: 16px;
}
.quoteBoarder{
  border-bottom: 0.5px solid #d0caca;
  width: 550px;
}
.quotePage input[type=text]{
  height: 24px;
  display: inline-block;
  line-height: 18px;
  width: 66px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.jconfirm-box-container{
  float: initial;
  width: 600px;
}
.justify-content-md-center{
  text-align: -webkit-center;
}
table.price_process th,  table.price_process td {
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
  width: 100%;
  text-align: center;
}
</style>
<div class="coll quotePage" style="display:none">
  <div class="quoteBoarder quoteTimeFrame">
    <label>Time Frame</label>
        <span class="timeFrame quoteActive" data-value="2week" data-product="">2week</span>
      </div>
  <div class="quoteBoarder quoteModel">
    <label>Model</label>
    <select class="modelSelect">
            <option value="149" data-pricetype="2week" data-moq="100" data-50="-" data-100="0.58" data-250="0.58" data-500="0.58" data-1000="0.58" data-2500="0.58" data-5000="0.58" data-10000="POA"  data-setup="0"></option>
          </select>
  </div>
  <div class="quoteBoarder quoteQuantity">
    <label style="vertical-align: top;">Quantity</label>
    <input class="quoteQtyInput" type="text" name="" style="text-align: center;vertical-align: top;">
    <span style="vertical-align: top;">OR</span>
    <div style="display: inline-block;width: 313px;">
    <!--       <span class="quoteQtyOption quoteQtyOption100" style="margin-bottom: 5px;">100</span>
          <span class="quoteQtyOption quoteQtyOption250" style="margin-bottom: 5px;">250</span>
          <span class="quoteQtyOption quoteQtyOption500" style="margin-bottom: 5px;">500</span>
          <span class="quoteQtyOption quoteQtyOption1000" style="margin-bottom: 5px;">1000</span>
          <span class="quoteQtyOption quoteQtyOption2500" style="margin-bottom: 5px;">2500</span>
          <span class="quoteQtyOption quoteQtyOption5000" style="margin-bottom: 5px;">5000</span>
          <span class="quoteQtyOption quoteQtyOption10000" style="margin-bottom: 5px;">10000</span>
     -->
          <span class="quoteQtyOption quoteQtyOption50+" style="margin-bottom: 5px;">50+</span>
          <span class="quoteQtyOption quoteQtyOption100+" style="margin-bottom: 5px;">100+</span>
          <span class="quoteQtyOption quoteQtyOption250+" style="margin-bottom: 5px;">250+</span>
          <span class="quoteQtyOption quoteQtyOption500+" style="margin-bottom: 5px;">500+</span>
          <span class="quoteQtyOption quoteQtyOption1000+" style="margin-bottom: 5px;">1000+</span>
          <span class="quoteQtyOption quoteQtyOption2500+" style="margin-bottom: 5px;">2500+</span>
          <span class="quoteQtyOption quoteQtyOption5000+" style="margin-bottom: 5px;">5000+</span>
          <span class="quoteQtyOption quoteQtyOption10000+" style="margin-bottom: 5px;">10000+</span>
        </div>
  </div>
    <div class="quoteBoarder quoteDecoration">
    <label>Decoration</label>
    <div class="decorationExample">
      <div class="addedblock">
        <span class="decoration_postion">1st</span> position
        <select class="decorationList">
                    <option  data-id="27" data-product="Unprinted" data-codes="PDUN2WLA," data-pricetype="2week" value="27" data-50="0" data-100="0" data-250="0" data-500="0" data-1000="0" data-2500="0" data-5000="0" data-10000="0"   data-setup="Waived" data-limit="">Unprinted</option>
                  </select>
        <select class="decorationItem">
        </select>
        <img src="/themes/tools/minus.png" width="20" style="cursor:pointer;" class="removeDecoration">
      </div>
    </div>
    <div class="decorationReal">
      <div class="addedblock">
        <span class="decoration_postion">1st</span> position
        <select class="decorationList">
                    <option  data-id="27" data-product="Unprinted" data-codes="PDUN2WLA," data-pricetype="2week" value="27" data-50="0" data-100="0" data-250="0" data-500="0" data-1000="0" data-2500="0" data-5000="0" data-10000="0"   data-setup="Waived" data-limit="">Unprinted</option>
                  </select>
        <select class="decorationItem">
        </select>
        <img src="/themes/tools/minus.png" width="20" style="cursor:pointer;" class="removeDecoration">
      </div>
    </div>
    <div class="addedblock addDecorationZone">
      <a href="javascript:void(0)" class="addDecoration" style="color:red;"  data-limit="" > <img src="/themes/tools/add.png" width="20" style="cursor:pointer;"> Add Decoration </a>
    </div>
  </div>
      <div class="quoteBoarder quoteMarkUp">
    <label>Mark Up</label>
    <input class="quoteMarkInput" type="text" name=""  style="text-align: center;">%
    OR
    <span class="quoteMarkOption">30%</span>
    <span class="quoteMarkOption">40%</span>
    <span class="quoteMarkOption">50%</span>
    <span class="quoteMarkOption">70%</span>
  </div>
  <div class="quoteBoarder quoteMarkUp">
    <div class="addedblock addFreightDiv" style="display:none;">
      <a href="javascript:void(0)" class="addFreight" style="color:red;">  <img src="/themes/tools/add.png" width="20" style="cursor:pointer;"> Add Freight </a>
    </div>
    <div class="FreightQuoteZone">
      <label>Freight <img src="/themes/tools/minus.png" width="20" style="cursor:pointer;"  class="removeFreight"></label>
      <div class="freightInput">
        <p><label style="width:100px;font-size: 14px;">Post Code:    </label><input class="quotePostCode" type="text" name="" maxlength="4" style="text-align: center;width: 200px;"></p>
        <p><label style="width:100px;font-size: 14px;">Freight Type: </label><span class="FreightType"><input data-type="Standard Road Express" name="quote_freight_type" type="radio" checked=""> Standard Road Express <input data-type="AAE Air Bag" name="quote_freight_type" type="radio" style="margin-left: 65px;"> AAE Air Bag </span></p>
        <p><label style="width:100px;font-size: 14px;">Freight Cost: </label><label style="width: 100px;" class="quoteFreightCost quoteFreightCostFixed"></label></p>
        <p style="color:red;">Freight estimations are for reference only. For final freight cost confirmation, please consult your account manager.</p>
      </div>
    </div>
  </div>
  <div class="quoteBoarder quotePreview" style="border-bottom: none;">
    <div class="previewDetail" style="display: inline-block;width: 220px;">
      <p style="font-size:16px;">Enquiry</p>
      <div class="tooltipZone">
        <label>Setup: </label>
        <label style="width: 50px;" class="quoteSetup"></label>
        <img class="popoverSetup" onmouseover="tooltip.pop(this, '#email_setup_tip', {position:0, cssClass:'no-padding'})" src="/themes/tools/icons8-help.png" width="16" style="vertical-align: sub;" >
        <div style="display:none;">
          <div id="email_setup_tip">
          </div>
        </div>
      </div>
      <div class="tooltipZone">
        <label>Unit Cost:</label>
        <label style="width: 50px;" class="quoteUnitCost">0.58</label>
        <img class="popoverUnit" onmouseover="tooltip.pop(this, '#email_unit_tip', {position:0, cssClass:'no-padding'})" src="/themes/tools/icons8-help.png" width="16" style="vertical-align: sub;" >
        <div style="display:none;">
          <div id="email_unit_tip">
          </div>
        </div>
      </div>
      <div>
        <label>Total Units:</label>
        <label style="width: 50px;" class="quoteUnits"></label>
      </div>
      <div>
        <label>Freight: </label>
        <label style="width: 50px;" class="quoteFreightCost"></label>
      </div>
      <div>
        <label>Total Cost:</label>
        <label style="width: 50px;" class="quote_total_cost_without_margin"></label>
        <img onmouseover="tooltip.pop(this, '#email_total_cost_tip', {position:0, cssClass:'no-padding'})" src="/themes/tools/icons8-help.png" width="16" style="vertical-align: sub;" >
        <div style="display:none;">
          <div id="email_total_cost_tip">
          </div>
        </div>
      </div>
      <div>
        <label>*Price is Ex GST.</label>
        <p>Final pricing will be confirmed via phone or email after quote enquiry is submmited.</p>
        <p><label style="font-size: 14px;">Your Email:    </label><input class="quoteEmailEmail" type="text" name=""  style="text-align: center;width: 200px;"></p>
        <p><label style="font-size: 14px;">Your Name:    </label><input class="quoteEmailName" type="text" name=""  style="text-align: center;width: 200px;"></p>
        <p><label style="font-size: 14px;">Your Phone Num:    </label><input class="quoteEmailPhone" type="text" name=""  style="text-align: center;width: 200px;"></p>
      </div>
      <div style="margin-top: 10px;cursor: pointer;"><img src="themes/send_quote_enquiry.png" class="sendEmailToClient" style="width: 100%;" /></div>
    </div>
    <div class="previewDetail" style="display: inline-block;width: 220px;">
      <p style="font-size:16px;">Customer  Quote</p>
      <div>
        <label>Setup: </label>
        <label style="width: 50px;" class="quoteSetup2" data-setupf="0"></label>
        <img class="popoverSetup" onmouseover="tooltip.pop(this, '#email_setup_tip2', {position:0, cssClass:'no-padding'})" src="/themes/tools/icons8-help.png" width="16" style="vertical-align: sub;" >      
      </div>
      <div style="display:none;">
          <div id="email_setup_tip2">
          </div>
        </div>
      <div>
        <label>Unit Cost:</label>
        <label style="width: 50px;" class="quoteUnitCost2"></label>
        <img class="popoverUnit" onmouseover="tooltip.pop(this, '#email_unit_tip2', {position:0, cssClass:'no-padding'})" src="/themes/tools/icons8-help.png" width="16" style="vertical-align: sub;" >
      </div>
      <div style="display:none;">
          <div id="email_unit_tip2">
          </div>
        </div>
      <div>
      <div>
        <label>Total Units:</label>
        <label style="width: 50px;" class="quoteUnits"></label>
      </div>
       <div>
        <label>Margin:</label>
        <label style="width: 50px;" class="quoteMargin"></label>
      </div>
       <div>
        <label>Cost:</label>
        <label style="width: 50px;" class="quoteCost"></label>
      </div>
      <div>
        <label>Freight: </label>
        <label style="width: 50px;" class="quoteFreightCost"></label>
      </div>
      <div>
        <label>Total Cost:</label>
        <label style="width: 50px;" class="quoteTotalCost"></label>
        <img onmouseover="tooltip.pop(this, '#pdf_total_cost_tip', {position:0, cssClass:'no-padding'})" src="/themes/tools/icons8-help.png" width="16" style="vertical-align: sub;" >
        <div style="display:none;">
          <div id="pdf_total_cost_tip">
          </div>
        </div>
      </div>
      <p style="margin-top: 24px;">
        <label style="font-size: 14px;">Comment:    </label>
        <textarea rows="6" cols="20" class="quoteComments" name="" style="width: 200px;padding: 5px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;" maxlength="800"></textarea>
      </p>
      <div style="margin-top: 10px;cursor: pointer;"><img src="themes/generate_end_pdf.png" class="generateEndPdf" style="width: 100%;" /></div>
    </div>
  </div>
</div>
<script src="/themes/tools/dropzone.js"></script>
<script src="/themes/tools/underscore-min.js" type="text/javascript"></script>
<!-- <script src="https://cdn.bootcss.com/jspdf/1.3.5/jspdf.min.js"></script>
<script src="https://cdn.bootcss.com/jspdf/1.3.5/jspdf.debug.js"></script> -->
<script src="themes/xepOnline.jqPlugin.js"></script>
<div id="editor"></div>
<script type="text/javascript">
  $(".imagesUpload").dropzone({
    url: "/index.php?c=goods&a=getfreight",
    paramName: "file",
    success: function(file, response){
      console.log(response)
    }
  });

  function getGetOrdinal(n) {
   var s=["th","st","nd","rd"], v=n%100;
   return n+(s[(v-20)%10]||s[v]||s[0]);
  }

  function getMaxQuantity(qty){
    var qtys = [];
          qtys.unshift(parseInt('100'))
          qtys.unshift(parseInt('250'))
          qtys.unshift(parseInt('500'))
          qtys.unshift(parseInt('1000'))
          qtys.unshift(parseInt('2500'))
          qtys.unshift(parseInt('5000'))
          qtys.unshift(parseInt('10000'))
      

    var max_quantity = _.find(qtys, function(num){ return qty >= num; })
    if(max_quantity == qty){

    }
    return max_quantity;
  }

  var caculateTotal = function(){
    console.log('trigger caculateTotal');
    var freightCost     = 0.00;
    var model       = $('.modelSelect option:selected');
    var quantity    = parseInt($('.quoteQtyInput').val());
    var markup      = parseInt($('.quoteMarkInput').val());
    var decorations = $('.decorationReal .decorationList option:selected');
    var services    = $('.serviceReal .services option:selected');   

    var setupcost, unitcost, totalcost, markupcost, quote_total_cost_without_margin;
    var max_quantity = getMaxQuantity(quantity);
    setupcost = parseFloat(model.attr('data-setup').replace(/[^.0-9]/ig,""))     || 0;
    unitcost  = model.attr('data-'+max_quantity);

  
    $('.quoteUnits').text(quantity);
    $('.quoteMargin').text(markup + '%');
    var poa = new RegExp('P');
    if(poa.test(unitcost)){
      unitcost  = 'POA';
    }else{
      unitcost  = parseFloat(unitcost) || 0 ;
    }

    var setupcost_names  = [model.text()];
    var setupcost_values = [setupcost];
    var unitcost_values  = [unitcost];

    var postcode = $('.quotePostCode').val();
    var freight_type = $('input[name=quote_freight_type]:checked').attr('data-type');

    decorations.each(function(index,item){
      var tmp_name  = $(item).text();
      var tmp_setup = parseFloat($(item).attr('data-setup').replace(/[^.0-9]/ig,""))     || 0;
      var tmp_cost  = parseFloat($(item).attr('data-'+max_quantity)) || 0;
      var qty       = $(item).parents('.addedblock').find('.decorationItem').val();
      var label     = $(item).parents('.addedblock').find('.decoration_postion');
      label.text(getGetOrdinal(index+1));
      setupcost += tmp_setup * qty;
      if(unitcost != 'POA'){
        unitcost  += tmp_cost * qty;
      }
      setupcost_names.push(tmp_name);
      setupcost_values.push(tmp_setup);
      unitcost_values.push(tmp_cost);
    });


    services.each(function(index,item){
      var tmp_name  = $(item).text();
      var tmp_setup = parseFloat($(item).attr('data-setup').replace(/[^.0-9]/ig,""))     || 0;
      var tmp_cost  = parseFloat($(item).attr('data-'+max_quantity)) || 0;
      setupcost += tmp_setup;
      if(unitcost != 'POA'){
        unitcost  += tmp_cost;
      }
      setupcost_names.push(tmp_name);
      setupcost_values.push(tmp_setup);
      unitcost_values.push(tmp_cost);
    });
    if(unitcost == 'POA'){
      totalcost  = 'POA';
      markupcost = 'POA';
      $('.quoteFreightCost').text('POA');
      $('.quoteCost').text('POA');
      $('.quoteTotalCost').text('POA');
      $('.quoteUnitCost').text('POA');
      $('.quote_total_cost_without_margin').text('POA');
    }else{
      if(postcode.length > 3){
        $.get("/index.php?c=goods&a=getfreight",{quantity: quantity, code: 'B006', postcode: postcode, freight_type: freight_type},function(result){
          result = JSON.parse(result);
          console.log(result)
          freightCost = result.freight;

          unitcost   = unitcost.toFixed(2);
          
          

          

          var final3;
        final3 = ((unitcost)*(100+markup)/100).toFixed(2);
        $('.quoteUnitCost2').text('$'+final3);
          var setup_html = unit_html = '<table class="price_process"><thead><tr>';


          $.each(setupcost_names, function(index, item){
            if(index!=0){
              setup_html +='<th>+</th>';
              unit_html  +='<th>+</th>';
            }
            setup_html += ('<th>' + item + '</th>');
            unit_html  += ('<th>' + item + '</th>');
          });

          setup_html += '<th>=</th><th>total</th></tr></thead><tbody><tr>';
          unit_html  += '<th>=</th><th>total</th></tr></thead><tbody><tr>';
          var enquirysetup = 0;
          $.each(setupcost_values, function(index, item){
            if(index!=0){
              setup_html +='<td> + </td>';
            }
            setup_html += ('<td>' + item + '</td>');
            enquirysetup +=item; 
          });

          totalcost  = (enquirysetup + unitcost * quantity);
          quote_total_cost_without_margin = totalcost+freightCost;

          markupcost = ((totalcost) * (100 + markup)/100).toFixed(2);
          totalcost  = (((totalcost) * (100 + markup)/100) + freightCost).toFixed(2);
          $('.quoteFreightCost').text('$' + freightCost.toFixed(2));
          $('.quoteCost').text('$' + markupcost);
          $('.quoteTotalCost').text('$' + totalcost);
          $('.quote_total_cost_without_margin').text('$' + quote_total_cost_without_margin.toFixed(2));
          $('.quoteUnitCost').text('$' + unitcost);

          $('.quoteSetup').text('$' + enquirysetup.toFixed(2));
          var final2;
          final2=((enquirysetup)*(100+markup)/100).toFixed(2);
          $('.quoteSetup2').text(final2);

          $.each(unitcost_values, function(index, item){
            if(index!=0){
              unit_html  +='<td> + </td>';
            }
            unit_html  += ('<td>' + item + '</td>');
          });

          setup_html += '<td> = </td><td>'+enquirysetup+'</td></tr></tbody></table>';
          unit_html  += '<td> = </td><td>'+unitcost+'</td></tr></tbody></table>';
          console.log(freightCost)

          var setup_html2 = '<table class="price_process"><thead><tr><th>Setup Cost</th><th>+</th><th>Unit Cost * Total Units</th><th>+</th><th>Freight Cost</th><th>=</th><th>Total Cost</th></tr></thead><tbody><tr><td>'+enquirysetup+'</td><td> + </td><td>'+unitcost + ' * ' +quantity+'</td><td> + </td><td>'+freightCost+'</td><td> = </td><td>'+quote_total_cost_without_margin.toFixed(2)+'</td></tr></tbody></table>';
          console.log(setup_html2);

         
          var email_total_cost_tip_html = '<table class="price_process"><thead><tr><th>Setup Cost</th><th>+</th><th>Unit Cost * Total Units</th><th>+</th><th>Freight Cost</th><th>=</th><th>Total Cost</th></tr></thead><tbody><tr><td>'+enquirysetup+'</td><td> + </td><td>'+unitcost + ' * ' +quantity+'</td><td> + </td><td>'+freightCost+'</td><td> = </td><td>'+quote_total_cost_without_margin.toFixed(2)+'</td></tr></tbody></table>';
          var pdf_total_cost_tip_html = '<table class="price_process"><thead><tr><th>(Setup Cost + Unit Cost * Total Units)</th><th>*</th><th>(100+margin)%</th><th>+</th><th>Freight Cost</th><th>=</th><th>Total Cost</th></tr></thead><tbody><tr><td style="width:200px;">('+enquirysetup+'+'+unitcost + ' * ' +quantity+')</td><td> * </td><td>(100+'+markup+')%</td><td>+</td><td>'+freightCost+'</td><td> = </td><td>'+totalcost+'</td></tr></tbody></table>';

           $('#email_setup_tip').html(setup_html);
          $('#email_unit_tip').html(unit_html);

          $('#email_setup_tip2').html(setup_html2);
          $('#email_unit_tip2').html(unit_html2);

          $('#email_total_cost_tip').html(email_total_cost_tip_html);
          $('#pdf_total_cost_tip').html(pdf_total_cost_tip_html);
        });
      }else{
        unitcost   = unitcost.toFixed(2);
        
        
        

        var final3;
        final3 = ((unitcost)*(100+markup)/100).toFixed(2);
        $('.quoteUnitCost2').text('$'+final3);

        var setup_html = unit_html = '<table class="price_process"><thead><tr>';

        $.each(setupcost_names, function(index, item){
          if(index!=0){
            setup_html +='<th>+</th>';
            unit_html  +='<th>+</th>';
          }
          setup_html += ('<th>' + item + '</th>');
          unit_html  += ('<th>' + item + '</th>');
        });

        setup_html += '<th>=</th><th>total</th></tr></thead><tbody><tr>';
        unit_html  += '<th>=</th><th>total</th></tr></thead><tbody><tr>';

        var enquirysetup=0;
        $.each(setupcost_values, function(index, item){
          if(index!=0){
            setup_html +='<td> + </td>';
          }
          setup_html += ('<td>' + item + '</td>');
          enquirysetup +=item;
        });

        totalcost  = (enquirysetup + unitcost * quantity);
        quote_total_cost_without_margin = totalcost+freightCost;
        markupcost = ((totalcost) * (100 + markup)/100).toFixed(2);
        totalcost  = (((totalcost) * (100 + markup)/100) + freightCost).toFixed(2);
        $('.quoteFreightCost').text('$' + freightCost.toFixed(2));
        $('.quoteCost').text('$' + markupcost);
        $('.quoteTotalCost').text('$' + totalcost);
        $('.quote_total_cost_without_margin').text('$' + quote_total_cost_without_margin.toFixed(2));
        $('.quoteUnitCost').text('$' + unitcost);

        $('.quoteSetup').text('$' + enquirysetup.toFixed(2));
        var final2;
       
        final2 = ((enquirysetup)*(100+markup)/100).toFixed(2);
        $('.quoteSetup2').text('$'+final2);

        $.each(unitcost_values, function(index, item){
          if(index!=0){
            unit_html  +='<td> + </td>';
          }
          unit_html  += ('<td>' + item + '</td>');
        });

        setup_html += '<td> = </td><td>'+enquirysetup+'</td></tr></tbody></table>';
        unit_html  += '<td> = </td><td>'+unitcost+'</td></tr></tbody></table>';
        console.log(freightCost)

        var setup_html2 = '<table class="price_process"><thead><tr><th>Enquiry Setup</th><th>*</th><th>1+Margin</th><th>=</th><th>Total Cost</th></tr></thead><tbody><tr><td>'+enquirysetup+'</td><td> * </td><td>(100+'+markup+')%</td><td> = </td><td>'+final2+'</td></tr></tbody></table>';
        var unit_html2 = '<table class="price_process"><thead><tr><th>Enquiry Setup</th><th>*</th><th>1+Margin</th><th>=</th><th>Total Cost</th></tr></thead><tbody><tr><td>'+unitcost+'</td><td> * </td><td>(100+'+markup+')%</td><td> = </td><td>'+final3+'</td></tr></tbody></table>';

        
        var email_total_cost_tip_html = '<table class="price_process"><thead><tr><th>Setup Cost</th><th>+</th><th>Unit Cost * Total Units</th><th>+</th><th>Freight Cost</th><th>=</th><th>Total Cost</th></tr></thead><tbody><tr><td>'+enquirysetup+'</td><td> + </td><td>'+unitcost + ' * ' +quantity+'</td><td> + </td><td>'+freightCost+'</td><td> = </td><td>'+quote_total_cost_without_margin.toFixed(2)+'</td></tr></tbody></table>';
        var pdf_total_cost_tip_html = '<table class="price_process"><thead><tr><th>(Setup Cost + Unit Cost * Total Units)</th><th>*</th><th>(100+margin)%</th><th>+</th><th>Freight Cost</th><th>=</th><th>Total Cost</th></tr></thead><tbody><tr><td style="width:200px;">('+enquirysetup+'+'+unitcost + ' * ' +quantity+')</td><td> * </td><td>(100+'+markup+')%</td><td>+</td><td>'+freightCost+'</td><td> = </td><td>'+totalcost+'</td></tr></tbody></table>';

        $('#email_setup_tip').html(setup_html);
        $('#email_unit_tip').html(unit_html);
        $('#email_setup_tip2').html(setup_html2);
        $('#email_unit_tip2').html(unit_html2);
        $('#email_total_cost_tip').html(email_total_cost_tip_html);
        $('#pdf_total_cost_tip').html(pdf_total_cost_tip_html);
      }

    }

  }

  var fetchTimeFrameData = function(data){
    console.log('fetchTimeFrameData', fetchTimeFrameData)
  }

  var useModelData = function(data){
    var model = $('.modelSelect option:selected');
    var moq   = parseInt(model.attr('data-moq'));
    $('.quoteQuantity .quoteQtyOption').each(function(index, item){
      var quantity = parseInt($(item).text());
      if(moq > quantity){
        $(item).hide();
      }else{
        $(item).show();
      }
    });
  }
//timeframe 改变 model
  $(document).on('click', '.timeFrame', function(){
    $(document).find('.timeFrame').removeClass('quoteActive');
    var timeFrame = $(this).text();
    $(this).addClass('quoteActive');
    // $.get("/index.php?c=goods&a=quote_data",{'bigcode': $goods['bigcode'], pricetype: timeFrame}, fetchTimeFrameData)
    var $goodsid  = 0;
    $('.modelSelect option').each(function(index, item){
      var item_pricetype = $(item).attr('data-pricetype');
      if(item_pricetype == timeFrame){
        if ($goodsid == 0){
          $goodsid = $(item).val();
        }
        $(item).show();
      }else{
        $(item).hide();
      }
    });

    var $goodid2 = 0;
    // var product1 = $(this).attr('data-product');
    $('.decorationList option').each(function(index,item){
        var item_product = $(item).attr('data-pricetype');
        if (timeFrame==item_product) {
          if ($goodid2 ==0) {
            $goodid2 = $(item).val();
          }
          $(item).show();
        }else{
          $(item).hide();
        }
    })

    $('.modelSelect').val($goodsid);
    $('.decorationList').val($goodid2);
    useModelData();
    caculateTotal();
  })

  $(document).on('click', '.quoteQtyOption', function(){
    $(document).find('.quoteQtyOption').removeClass('quoteActive');
    $(this).addClass('quoteActive');
    var quantity = parseInt($(this).text());
    $('.quoteQtyInput').val(quantity);
    caculateTotal();
  })

  // $(document).on('click', '.downloadPdf', function(){
  //   var doc = new jsPDF('p','pt', 'a4', true);
  //   var specialElementHandlers = {
  //     '#editor': function (element, renderer) {
  //       return true;
  //     }
  //   };
  //   doc.fromHTML($('#quotePDF')[0], 15, 15, {
  //     'width': 640,
  //     'elementHandlers': specialElementHandlers
  //   }, function  (dispose) {
  //     doc.save('Puppetboard.pdf');
  //   });
  // })

  $(document).on('click', '.sendEmailToClient', function(){
    var customer_name  = $('.quoteEmailName').val();
    var customer_email = $('.quoteEmailEmail').val();
    var customer_phone = $('.quoteEmailPhone').val();
    if(!customer_email){
      $.alert({
        type: 'red',
        theme: 'modern',
        typeAnimated: true,
        title: "Alert",
        content: "Please fill in Your Email"
      })
      return false;
    }
    if(!customer_name){
      $.alert({
        type: 'red',
        theme: 'modern',
        typeAnimated: true,
        title: "Alert",
        content: "Please fill in Your Name"
      })
      return false;
    }
    if(!customer_phone){
      $.alert({
        type: 'red',
        theme: 'modern',
        typeAnimated: true,
        title: "Alert",
        content: "Please fill in Your Phone Num"
      })
      return false;
    }
    var name           = '8cm Carabiner';
    var code           = 'B006';
    var timeframe      = $('.quoteTimeFrame .quoteActive').text();
    var model          = $('.modelSelect option:checked').text();
    var quantity       = $('.quoteQtyInput').val();

    var setup          = $('.quoteSetup2').text();
    var unit_cost      = $('.quoteUnitCost2').text();
    var freight        = $('.quoteFreightCostFixed').text();
    var total_cost      = $('.quote_total_cost_without_margin').text();
    var decorations    = $('.decorationReal .decorationList option:selected');
    var services       = $('.serviceReal .services option:selected');

    decorations        = _.map(decorations, function(decoration){ return $(decoration).text()+ ' X ' + $(decoration).parents('.addedblock').find('.decorationItem').val();}).join(', ');
    services           = _.map(services, function(service){ return $(service).text()}).join(', ');

    $.post("/index.php?c=main&a=send_quote",{customer_name: customer_name, customer_email: customer_email, customer_phone: customer_phone, name: name, code: code, timeframe: timeframe, model: model, quantity: quantity, total_units: quantity, setup: setup, unit_cost: unit_cost, decoration: decorations, addon: services, freight: freight, total_cost: total_cost},function(result){
        $.alert({
          type: 'red',
          theme: 'modern',
          typeAnimated: true,
          title: "Quote Enquiry Sent",
          content: "Your quote enquiry has been sent to your nominated e mail address. "
        })
    });

  });

  $(document).on('click', '.generateEndPdf', function(){
    var user = JSON.parse('[]');
    if(user.email){
      var product_pic = $('img#b_img').attr('src');
      var timeframe      = $('.quoteTimeFrame .quoteActive').text();
      var model          = $('.modelSelect option:checked').text();
      var quantity       = $('.quoteQtyInput').val();

      var setup          = $('.quoteSetup2').text();
      var unit_cost      = $('.quoteUnitCost2').text();
      var totalunits      = $('.quoteUnits:eq(1)').text();
      var cost      = $('.quoteCost').text();
      var freight        = $('.quoteFreightCost:eq(1)').text();
      var total      = $('.quoteTotalCost').text();
      var decorations    = $('.decorationReal .decorationList option:selected');
      var services       = $('.serviceReal .services option:selected');
      var post_code = $('input[class="quotePostCode"]').val();
      var more_text = $('textarea.quoteComments').val();

      decorations        = _.map(decorations, function(decoration){ return $(decoration).text()+ ' X ' + $(decoration).parents('.addedblock').find('.decorationItem').val();}).join(', ');
      services           = _.map(services, function(service){ return $(service).text()}).join(', ');

      var product_code = "B006";
      var product_title = "8cm Carabiner";
      var product_des = "Our standard attachments for your lanyard are necessary for full function. Connect to the bottom of the lanyard's main fabric to hang your items. Available in metal, plastic, and either simple J Hooks or Alligator Clips. Feel free to contact us if you have any questions or need help in making a purchase.";
      var product_info_1 = "NA";
      var product_info_2 = "Aluminium";
      var product_info_3 = "100";
      var product_info_4 = "";
      var product_info_5 = "";
      var product_info_6 = "";
      var product_info_7 = "";
      var product_info_8 = "G/N Weight: 22kgs Meas: 54x32x32cm Packing:1000pcs/ctn";
      var printing_info_1 = "";
      var printing_info_2 = "NA";
      var printing_info_3 = "Unprinted";
      var printing_info_4 = "";
      var function_info_1 = "";
      var function_info_2 = "";
      var function_info_3 = "";
      var function_info_4 = "";
      var function_info_5 = "";
      var function_info_6 = "";
      var function_info_7 = "";
      var function_info_8 = "";

      $.post("/index.php?c=main&a=create_pdf",{product_code:product_code,product_title:product_title,product_pic:product_pic,product_des:product_des,product_info_1:product_info_1,product_info_2:product_info_2,product_info_3:product_info_3,product_info_4:product_info_4,product_info_5:product_info_5,product_info_6:product_info_6,product_info_7:product_info_7,product_info_8:product_info_8,printing_info_1:printing_info_1,printing_info_2:printing_info_2,printing_info_3:printing_info_3,printing_info_4:printing_info_4,function_info_1:function_info_1,function_info_2:function_info_2,function_info_3:function_info_3,function_info_4:function_info_4,function_info_5:function_info_5,function_info_6:function_info_6,function_info_7:function_info_7,function_info_8:function_info_8,timeframe:timeframe,model:model,decoration:decorations,post_code:post_code,setup:setup,unitcost:unit_cost,totalunits:totalunits,cost:cost,freight:freight,total:total,more_text:more_text,addon:services},function(result){

        result = JSON.parse(result);
        if(result.status === 1){
          $.confirm({
            title: 'Create success',
            content: 'You can download or send it to the registered mailbox',
            type:'blue',
            icon:'glyphicon glyphicon-question-sign',
            buttons: {
              down: {
                  text: 'Download',
                  btnClass: 'btn-primary',
                  action: function(){
                    var a = document.getElementById("downPdf");
                    a.href=result.file;
                    a.download=result.file;
                    a.click();
                  }
              },
              ok: {
                  text: 'Send mail',
                  btnClass: 'btn-primary',
                  action: function(){
                    $.post("/index.php?c=main&a=send_pdf_mail", {to: user.email,subject:'pdf title',content:' pdf content',file:result.file}, function(data, textStatus, xhr) {
                      console.log(data);
                      var data = eval('(' + data + ')');
                      if(data.status === 1){
                        $.alert({
                          type: 'blue',
                          theme: 'modern',
                          typeAnimated: true,
                          title: "Alert",
                          content: 'send successful'
                        });
                      }else{
                        $.alert({
                          type: 'red',
                          theme: 'modern',
                          typeAnimated: true,
                          title: "Alert",
                          content: data.message
                        });
                      }
                    });
                  }
              },
              cancel: {
                  text: 'cancel',
                  btnClass: 'btn-primary',
                  action: function(){
                      // button action.
                  }
              },
            }
          });
        }
      });
    }else{
      $.alert({
        type: 'red',
        theme: 'modern',
        typeAnimated: true,
        title: "Alert",
        content: "Please log in"
      });
    }
    return false;
  });

  $('.quoteQtyInput').on('keyup', function(){
    caculateTotal();
  });

  $('.quotePostCode').on('keyup', function(){
    caculateTotal();
  });

  $('input[name=quote_freight_type]').on('change', function(){
    caculateTotal();
  });

  $(document).on('click', '.quoteMarkOption', function(){
    $(document).find('.quoteMarkOption').removeClass('quoteActive');
    $(this).addClass('quoteActive');
    var quantity = parseInt($(this).text());
    $('.quoteMarkInput').val(quantity);
    caculateTotal();
  })

  $(document).on('click', '.removeDecoration', function(){
    var block = $(this).parents('.addedblock');
    block.remove();
    var limit_count = $('.quoteDecoration .addDecoration').data('limit');
    var block_count = $('.quoteDecoration .decorationReal .addedblock').length;
    if(block_count < limit_count){
      if(block_count == limit_count - 1){
        $('.addDecorationZone').show();
      }
    }
    caculateTotal();
  })

  $(document).on('click', '.removeFreight', function(){
    var block = $(this).parents('.FreightQuoteZone');
    $('.addFreightDiv').fadeIn();
    $('.quotePostCode').val('');
    block.fadeOut();
    $('.quoteFreightCost').text('$0.00');
    caculateTotal();
  })

  $(document).on('click', '.addFreight', function(){
    $('.addFreightDiv').fadeOut();
    var block = $(this).parents('.quoteMarkUp').find('.FreightQuoteZone');
    block.fadeIn();
  })

  /*$(document).on('click', '.removeExtra', function(){
    var block = $(this).parents('.addedblock');
    block.remove();
    var limit_count = $('.quoteAddon .addExtra').data('limit');
    var block_count = $('.quoteAddon .serviceReal .addedblock').length;
    if(block_count < limit_count){
      if(block_count == limit_count - 1){
        $('.addExtraZone').show();
      }
    }
    caculateTotal();
  });*/

  $(document).on('click', '.removeExtra', function(){
    var block = $(this).parents('.addedblock');
    //var block_count = $("select.services:eq(0) option").size();
    //var item_count = $('div.serviceReal').find('div.addedblock').length;
    block.remove();
    $('.addExtraZone').show();
    caculateTotal();
  });

  $(document).on('change', '.decorationItem, .services, .quoteMarkInput, .quoteQtyInput, .modelSelect', function(){
    caculateTotal();
  });

  $(document).on('change', '.decorationList', function(){
    var list  = $(this);
    var product = $(this).find('option:selected').attr('data-product').toUpperCase();
    var items = list.parents('.addedblock').find('.decorationItem');
    var limit = parseInt(list.find('option:selected').attr('data-limit'));
    var options = '';
    for(var i=1;i<=limit;i++){
      options += '<option value="'+i+'">'+i+'</option>';
    };
    items.html(options);
    if((product.indexOf("ENGRAVING") >= 0) || (product.indexOf("CUSTOMIZE") >= 0) || (product.indexOf("FULL COLOUR PRINT") >= 0)){
      items.hide();
    }else{
      items.show();
    }
  });

  $(document).on('change', '.quoteQtyInput', function(){
    var quantity =  parseInt($('.quoteQtyInput').val());
    var moq      =  parseInt($('.modelSelect option:selected').attr('data-moq'));
    if(quantity < moq){
      $('.quoteQtyInput').val(moq);
      alert('Please enter quantity above our MOQ');
    }else{
      if($('.quoteQtyOption'+quantity).length){
        $(document).find('.quoteQtyOption').removeClass('quoteActive');
        $('.quoteQtyOption'+quantity).addClass('quoteActive');
      }
    }
  });

  $(document).on('click', '.addDecoration', function(){
    console.log('add decoration');
    var exam = $(this).parents('.quoteDecoration').find('.decorationExample .addedblock');
    var limit_count = $(this).data('limit');
    var block_count = $('.decorationReal .addedblock').length;
    if(block_count < limit_count){
      if(block_count == limit_count - 1){
        $('.addDecorationZone').hide();
      }
      $('.decorationReal').append(exam.clone());
    }else{
      console.log('reach max decoration count');
    }
    $(document).find('.decorationList:last').change();
    caculateTotal();
  })

  $(document).on('click', '.addExtra', function(){
    console.log('add extra');
    var exam        = $(this).parents('.quoteAddon').find('.serviceExample .addedblock');
    var block_count = $("select.services:eq(0) option").size();
    var item_count = $('div.serviceReal').find('div.addedblock').length;
    if(block_count > 1){
      //$('.serviceReal').append(exam.clone());
      addExtra(exam);
      var length = addExtra(exam,false,true);
      if(length === 0){
        $('.addExtraZone').hide();
      }
    }
    caculateTotal();
  });

  function addExtra(exam,is_show,is_res){
    var addedblockLast = $('.serviceReal').find('div.addedblock:last');
    if(addedblockLast.length > 0){
      var html = $('.serviceReal').find('div.addedblock:last').prop("outerHTML");
    }else{
      var html = exam.clone();
    }
    $('.serviceReal').append(html);

    if(is_show === false){
      $('div.serviceReal').find('div.addedblock:last').hide();
    }

    var prevSelect = $('div.serviceReal').find('div.addedblock:eq(-2) select.services option:checked');
    var prevSelectValue = prevSelect.val();
    var prevSelectText = prevSelect.text();
    var selectObjLast = $('div.serviceReal').find('div.addedblock:last select.services');

    //删除已选
    selectObjLast.find('option[value="'+prevSelectValue+'"]').remove();
    //获取商品编辑
    var _pid = 'B006';
    //判断是否PCU编号的产品
    if(_pid.indexOf("PCU") > -1){
      if(prevSelectText.indexOf("Upload") > -1){
        selectObjLast.find('option').each(function(){
          var _sthis = $(this);
          var _stext = _sthis.text();
          if(_stext.indexOf("Upload") > -1){
            _sthis.remove();
          }
        });
      }else if(prevSelectText.indexOf("Upgrade") > -1){
        selectObjLast.find('option').each(function(){
          var _sthis = $(this);
          var _stext = _sthis.text();
          if(_stext.indexOf("Upgrade") > -1){
            _sthis.remove();
          }
        });
      }
    }
    if(is_res === true){
      var length = selectObjLast.find('option').size();
      $('div.serviceReal').find('div.addedblock:last').remove();
      return length;
    }
  }

  $(document).ready(function() {
    $('.timeFrame:first').click();
    $('.quoteMarkOption:first').click();
    $('.quoteQtyOption:first').click();
    $('.decorationList').change();
    caculateTotal();
  });
  $('.quoteGenerator').on('click', function(){
    $('.quotePage').slideToggle();
  })
</script>
<a download="" href="" target="blank" id="downPdf" style="display: none;"></a>            </div>
        </div>
        <script>
            $(function(){
                $(".freightCalculator").fancybox({
                    'modal':false,
                    'width': '600px',
                    'hideOnContentClick': false,
                    'overlayShow':true
                });

                $(".quoteFreight").fancybox({
                    'modal':false,
                    'width': '600px',
                    'hideOnContentClick': false,
                    'overlayShow':true
                });

                $(".freigtExplain").fancybox({
                    'modal':false,
                    'hideOnContentClick': false,
                    'overlayShow':true
                });

                $(".Calculator").fancybox({
                    'modal':false,
                    'hideOnContentClick': false,
                    'overlayShow':true
                });

                $('#demo5').scrollbox({
                  direction: 'h',
                  distance: 140
                });

            })
            $('.cn-3').click(function(){
                var id = 149
               $.get("/index.php?c=goods&a=Compare",{'id':id},callback)
               function callback(data){
                if(data == ''){
                    alert('The product is already in your compare list.');
                }
                if(data){
                    var id = 149
                    var title = "8cm Carabiner"
                    var img = $('#list_img img').eq(0).attr('src');
                    var div = '<li><div class="shop">';
                    div +=   '<em class="clear_this" value='+id+'></em>'
                    div +=   '<img src='+img+' width="28" height="28" alt="" style="margin:0 10px 0 3px;">'+title
                    div +=   '</div></li>'
                    var num = data;
                    $('.compare_num').hide()
                    if(num){
                        $('.compare_num').css('background','url(themes/home/images/png-8.png) no-repeat');
                        $('.compare_num').html(num)
                        $('.compare_num').show()
                    }
                    if(title)$('.compare').prepend(div)
                        $('.sele_none').slideDown()
                        setTimeout(function(){$('.sele_none').slideUp() },2000)
                        hide_li()
                    }
                }
            })
        </script>
            <div style="height: 84px;"></div>
        </div>
    </div>
    <div style="height: 18px;"></div>
    <style type="text/css">
    .print-h1{
        font-size: 30px;
        margin-top: 20px;
        font-weight: 900;
        color: rgb(7,105,162);
    }
    .print-h2{
        font-size: 22px;
        font-weight: 900;
        color: black;
    }
    .value-h2{
        font-size: 22px;
        font-weight: 900;
        color: rgb(138,138,141);
    }
    #quotePDF td{
        font-size: 18px;
        font-weight: normal;
        padding-left: 15px !important;
    }
    #quotePDF td:nth-child(1) {
      width: 20%;
    }
    #quotePDF  td {
      word-wrap:break-word; 
      word-break:break-all;
      padding: 8px;
      line-height: 20px;
      text-align: left;
      border-top: 1px solid #000;
      border-left: 1px solid #000;
      border-bottom: 1px solid #000;
      border-right: 1px solid #000;
    }
    .clearboth{
        clear:both;height:0;overflow:hidden;
    }
</style>
<div id="quotePDF" style="display: none;">

    <div class="layout" style="background-color: #ffffff;min-height: 841.89px;">
        <div style="height: 50px;"></div>

       <div> <b style="float:right;font-size:40px;font-weight: 900;color: rgb(138,138,141);" >Product Quote</b></div>
 
        <div class="clearboth"></div>
        <hr/>
        <div class="photo_box">
            <div class="b_img" style="width: 50%;">
                <img src="uploads/sm_goods/PCU607.jpg" id="b_img" alt="01" width="460" height="460" style="margin-right: 80px;"></a>
            </div>
        </div>
        <div class="m8-r" style="margin-top: 20px;">
            <div class="print-h1">Distributer contact info:</div>
            <div class="print-h2">Company Name : <b class="value-h2"> ABC company</b> </div>
            <div class="print-h2">Account Manager : <b class="value-h2"> EFG</b></div>
            <div class="print-h2">Phone : <b class="value-h2"> 021-87373773</b></div>
            <div class="print-h2">Email : <b class="value-h2"> ABC@promojet.com</b></div>
            <div class="print-h2">Address: </div>
            <div class="print-h1">Distributer message:</div>
            <div class="value-h2">Reliable, price low, solid quality, we are a key client and we deal direct with Factory manager Mr. Yin</div>
            <div class="print-h1">Client information:</div>
            <div class="print-h2">Company Name : <b class="value-h2"> ABC</b></div> 
            <div class="print-h2">company Sales representative : <b class="value-h2"> EFG</b></div>
            <div class="print-h2">Job reference number : <b class="value-h2"> 123</b></div>
        </div>
        <div class="print-h1" style="margin-top: 20px;">Product basic info</div>
        <div class="print-h2">Product name : <b class="value-h2">Belton Flash Drive</b></div>
        <div class="print-h2">Product code : <b class="value-h2">PCU607</b></div>
        <div class="print-h2">Product colour : <b class="value-h2">red, blue, black, green, orange, yellow, white, purple, burgandy</b> 
        <div class="print-h2" style="min-height: 50px;">Product description :</div>
        <div class="pdf-tables"> 
            <table class="table table-bordered" style="margin-top: 20px;">
              <thead>
                <tr>
                  <th colspan="2" style="text-align: center;font-size: 25px;color:white;background-color: rgb(0,145,197);">Product Info</th>
                </tr>
              </thead>
              <tbody>
                <tr><td>Product dimensions</td><td>G/N Weight: 22kgs Meas: 54x32x32cm Packing:1000pcs/ctn</td></tr>
                <tr><td>Carton weight</td><td></td></tr>
                <tr><td>Material</td><td>Aluminium</td></tr>
                <tr><td>Included Packaging</td><td></td></tr>
                <tr><td>Optional Packaging</td><td></td></tr>
                <tr class="last_tr"><td>MOQ</td><td>100</td></tr>
              </tbody>
            </table>
            <table class="table table-bordered" style="margin-top: 20px;">
              <thead>
                <tr>
                  <th colspan="2" style="text-align: center;font-size: 25px;color:white;background-color: rgb(0,145,197);">Printing Info</th>
                </tr>
              </thead>
              <tbody>
                <tr><td>Print Positon</td><td></td></tr>
                <tr><td>Print Size Area</td><td>NA</td></tr>
                <tr><td>Print Methods</td><td>Unprinted</td></tr>
                <tr><td>Print Marketing</td><td></td></tr>
                <tr><td>MOQ</td><td>100</td></tr>
              </tbody>
            </table>
            <table class="table table-bordered" style="margin-top: 20px;">
              <thead>
                <tr>
                  <th colspan="2" style="text-align: center;font-size: 25px;color:white;background-color: rgb(0,145,197);">Functional Info</th>
                </tr>
              </thead>
              <tbody>
                <tr><td>Data Services</td><td></td></tr>
                <tr><td>Chip Grade</td><td></td></tr>
                <tr><td>Certifications</td><td></td></tr>
                <tr><td>Standards</td><td></td></tr>
                <tr><td>Warranty</td><td>100</td></tr>
                <tr><td>Included Accessories</td><td></td></tr>
                <tr><td>Optional Accessories</td><td></td></tr>
                <tr><td>Capacity</td><td></td></tr>
                <tr><td>Protocols</td><td></td></tr>
                <tr><td>Battery Type</td><td></td></tr>
              </tbody>
            </table>
        </div>
    </div>
</div>  
</div>      <div class="main-4">
  <div class="layout" style="background-color: #ffffff;">
    <style type="text/css">
    .productDescription .table thead th {
      vertical-align: bottom;
    }

    .productDescription td:nth-child(1) , .productDescription td:nth-child(4) {
      width: 18%;
      font-weight: 600;
    }

    .productDescription td:nth-child(2) , .productDescription td:nth-child(5)  {
      width: 60%;
    }

    .productDescription .table th, .productDescription .table td {
      word-wrap:break-word; 
      /*word-break:break-all;*/
      padding: 8px;
      line-height: 20px;
      text-align: left;
      vertical-align: top;
      border-top: 1px solid #ddd;
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd;
    }

    /* table th, table td {
      padding: 3px !important;
    } */

    html table.table-bordered>thead>tr>th,table.table-bordered>tbody>tr>td {
      padding:12px !important;
    }

    .table.table-bordered td {
      font-size: 18px;
    }

    html .gai-table {
      margin-bottom:initial;margin-top: 10px; font-size: 18px;
      border: 1px #eee solid;
    }
    html .gai-table>tbody>tr>td {
      font-size: 18px;
      line-height: 25px;
      background-color: #fff;
      border: 1px #eee solid;
    }
    html .gai-table>tbody>tr>td.gai-table-title {
      text-align: center;
      color: white;
      background-color: cornflowerblue;
      font-size: 24px;
    }
    table th, table td {
      padding: 4px 0 4px 15px !important;
    }
    </style>
    <div id="demo5" class="scroll-img productDescription" style="width: 80%;margin-left: 10%;margin-right: 10%;">
      <div style="padding-top: 20px;padding-bottom: 20px;">
        <!-- <table class="table table-bordered" style="margin-bottom:initial;margin-bottom: 20px;">
          <thead>
            <tr>
              <th colspan="2" style="text-align: center;font-size: 20px;color:white;background-color: cornflowerblue;">Product Info</th>
              <th  style="border-bottom:none;border-top:none;"></th>
              <th colspan="2" style="text-align: center;font-size: 20px;color:white;background-color: cornflowerblue;">Printing Info</th>
            </tr>
          </thead>
          <tbody>
            <tr><td>Product dimensions</td><td>G/N Weight: 22kgs Meas: 54x32x32cm Packing:1000pcs/ctn</td><td style="border-bottom:none;border-top:none;"></td><td>Print Positon</td><td></td></tr>
            <tr><td>Carton weight</td><td></td><td style="border-bottom:none;border-top:none;"></td><td>Print Size Area</td><td>NA</td></tr>
            <tr><td>Material</td><td>Aluminium</td><td style="border-bottom:none;border-top:none;"></td><td rowspan="2">Print Methods</td><td rowspan="2">Unprinted</td></tr>
            <tr><td>Included Packaging</td><td></td><td style="border:none;"></td></tr>
            <tr><td>Optional Packaging</td><td></td><td style="border:none;"></td><td rowspan="2">Print Marketing</td><td rowspan="2"></td></tr>
            <tr class="last_tr"><td>MOQ</td><td>100</td></tr>
          </tbody>
        </table> -->

        <!--2018.08.10改 开始-->
        <table border="0" cellspacing="0" cellpadding="0" class="gai-table">
          <tbody>
          <!--   <tr>
              <td colspan="2" class="gai-table-title">Product Description</td>
            </tr>
            <tr>
              <td colspan="2" class="gai-table-content">Our standard attachments for your lanyard are necessary for full function. Connect to the bottom of the lanyard's main fabric to hang your items. Available in metal, plastic, and either simple J Hooks or Alligator Clips. Feel free to contact us if you have any questions or need help in making a purchase.</td>
            </tr>  -->
            <tr>
              <td colspan="2" class="gai-table-title">Product Info</td>
            </tr>
            <tr>
                  <td class="gai-table-item-name">Product Size</td>
                  <td class="gai-table-item-value">NA</td>
              </tr>
			  
              <tr>
                  <td class="gai-table-item-name">Material</td>
                  <td class="gai-table-item-value">Aluminium</td>
              </tr>
			  
              <tr>
                  <td class="gai-table-item-name">MOQ</td>
                  <td class="gai-table-item-value">100</td>
              </tr>
			  
			  
			  
		
	  
              <tr>
                  <td class="gai-table-item-name">Product dimensions</td>
                  <td class="gai-table-item-value">G/N Weight: 22kgs Meas: 54x32x32cm Packing:1000pcs/ctn</td>
              </tr>
			  
              <tr>
                  <td class="gai-table-item-name">Additional Info</td>
                  <td class="gai-table-item-value">Lead time is from confirmation of artwork approval. Lead time refers to dispatch, final delivery time will depend on location and type of courier used.</td>
              </tr>
            <tr>
              <td colspan="2" class="gai-table-title">Printing Info</td>
            </tr>			  
			  
              <tr>
                  <td class="gai-table-item-name">Print Size Area</td>
                  <td class="gai-table-item-value">NA</td>
              </tr>
			  

                                  </tbody>
        </table>
        <!--2018.08.10改 结束-->

        <!-- <table class="table table-bordered" style="margin-bottom:initial;margin-top: 10px; font-size: 18px;">
          <thead>
            <tr>
              <th style="text-align: center;color:white;background-color: cornflowerblue; font-size: 24px;">Product Description</th>
            </tr>
          </thead>
          <tbody>
              <tr>
                  <td>Our standard attachments for your lanyard are necessary for full function. Connect to the bottom of the lanyard's main fabric to hang your items. Available in metal, plastic, and either simple J Hooks or Alligator Clips. Feel free to contact us if you have any questions or need help in making a purchase.</td>
              </tr>
          </tbody>
        </table>
        
        <table class="table table-bordered" style="margin-bottom:initial;margin-top: 10px; font-size: 18px;">
          <thead>
            <tr>
              <th colspan="5" style="text-align: center;color:white;background-color: cornflowerblue; font-size: 24px;">Product Info</th>
            </tr>
          </thead>
          <tbody>
              <tr>
                  <td>Product Size</td>
                  <td>NA</td>
              </tr>
              <tr>
                  <td>Material</td>
                  <td>Aluminium</td>
              </tr>
              <tr>
                  <td>MOQ</td>
                  <td>100</td>
              </tr>
              <tr>
                  <td>Included Packaging</td>
                  <td></td>
              </tr>
              <tr>
                  <td>Optional Packaging</td>
                  <td><a href="http://www.promojet.co.uk/index.php?c=goods&a=index&industry=151" style="font-size:18px; color:#000;"></a>　</td>
              </tr>
              <tr>
                  <td>Include Attachment</td>
                  <td></td>
              </tr>
              <tr>
                  <td>Optional Attachment</td>
                  <td>
                                      </td>
              </tr>
              <tr>
                  <td>Product dimensions</td>
                  <td>G/N Weight: 22kgs Meas: 54x32x32cm Packing:1000pcs/ctn</td>
              </tr>
          </tbody>
        </table>
        
        <table class="table table-bordered" style="margin-bottom:initial;margin-top: 10px;font-size: 18px;">
          <thead>
            <tr>
              <th colspan="5" style="text-align: center;font-size: 24px;color:white;background-color: cornflowerblue;">Printing Info</th>
            </tr>
          </thead>
          <tbody>
              <tr>
                  <td>Print Positon</td>
                  <td></td>
              </tr>
              <tr>
                  <td>Print Size Area</td>
                  <td>NA</td>
              </tr>
              <tr>
                  <td>Print Methods</td>
                  <td>
                                                                                      </td>
              </tr>
              <tr>
                  <td>Print Marketing</td>
                  <td><a href="http://www.promojet.co.uk/index.php?c=goods&a=index&industry=151" style="font-size:18px; color:#000;"></a>　</td>
              </tr>
          </tbody>
        </table>
        
                
        <table class="table table-bordered" style="margin-bottom:initial;">
            <thead>
              <tr>
                <th colspan="5" style="text-align: center;font-size: 20px;color:white;background-color: cornflowerblue;">Functional Info</th>
              </tr>
            </thead>
          </table>  
               -->

          <!-- <table class="table table-bordered" style="margin-bottom:initial;margin-top: 10px; font-size: 18px;">
            <thead>
              <tr>
                <th colspan="4" style="text-align: center;font-size: 24px;color:white;background-color: cornflowerblue;">Functional Info</th>
              </tr>
            </thead>
            <tbody>
                              <tr>
                                                        <td data-index="0">Data Services</td>
                    <td data-index="0"></td>
                                          <td style="border-bottom:none;border-top:none;border-right:none;"></td>
                                                                              <td data-index="1">Included Accessories</td>
                    <td data-index="1"></td>
                                                                          </tr>
                              <tr>
                                                        <td data-index="0">Chip Grade</td>
                    <td data-index="0"></td>
                                          <td style="border-bottom:none;border-top:none;border-right:none;"></td>
                                                                              <td data-index="1">Optional Accessories</td>
                    <td data-index="1"></td>
                                                                          </tr>
                              <tr>
                                                        <td data-index="0">Certifications</td>
                    <td data-index="0"></td>
                                          <td style="border-bottom:none;border-top:none;border-right:none;"></td>
                                                                              <td data-index="1">Capacity</td>
                    <td data-index="1"></td>
                                                                          </tr>
                              <tr>
                                                        <td data-index="0">Standards</td>
                    <td data-index="0"></td>
                                          <td style="border-bottom:none;border-top:none;border-right:none;"></td>
                                                                              <td data-index="1">Protocols</td>
                    <td data-index="1"></td>
                                                                          </tr>
                              <tr>
                                                        <td data-index="0">Warranty</td>
                    <td data-index="0"></td>
                                          <td style="border-bottom:none;border-top:none;border-right:none;"></td>
                                                                              <td data-index="1">Battery Type</td>
                    <td data-index="1"></td>
                                                                          </tr>
                              <tr>
                                                        <td data-index="0">Power Input/Output</td>
                    <td data-index="0"></td>
                                          <td style="border-bottom:none;border-top:none;border-right:none;"></td>
                                                                          </tr>
                
             <tr><td>Data Services</td><td></td><td style="border-bottom:none;border-top:none;"></td><td style="color:red;">Included Accessories</td><td></td></tr>
              <tr><td>Chip Grade</td><td></td><td style="border-bottom:none;border-top:none;"></td><td style="color:red;">Optional Accessories</td><td></td></tr>
              <tr><td>Certifications</td><td></td><td style="border-bottom:none;border-top:none;"></td><td>Capacity</td><td></td></tr>
              <tr><td>Standards</td><td></td><td style="border:none;"></td><td>Protocols</td><td></tr>
              <tr><td>Warranty</td><td></td><td style="border:none;"></td><td>Battery Type</td><td></td></tr>
            </tbody>
          </table> -->
        <!--  -->
      </div>
    </div>
  </div>
</div>
    <div style="height: 18px;"></div>
        <div class="main-4" style="background-color:rgba(0,0,0,0);">
  <div class="layout" style="background-color: #ffffff;">
    <div style="height:50px;"></div>
    <!-- <div class="main-top">
      <p class="en-1">Related Items</p>
      <p class="en-2">Australia's favourite collections of promotional products</p>
    </div> -->
    <link rel="stylesheet" href="themes/pdf/print.css" type="text/css" media="print"/>
    <style type="text/css">
      .printing_options img, .marketing_options img, .packaging_options img{
        width: 19.69%;
      }
      .hide{display: none;}
      .solution,.showcase{margin-top: 0px; /* 9.5 leo 原码5px*/}
      .showcaseNews{
        background-image: url(themes/sample/newsletter.jpg);
        background-repeat: round;
        height: 424px;
      }
      .showcaseHeader{
        color:rgb(38,54,111);font-size: 45px;font-weight: bold;margin-top: 15px;text-align: center;
      }
      .showcaseSubHeader img{
        width: 100%;
        margin-top: 15px;
      }
      .edm_gap{
        width:1%;display: inline-block;
      }
      .edm_download{
        width: 50%; /* 9.5 leo 原码 49%*/
        /*display: inline-block;*/
        float: left;/*直接浮动最有效，但要在原位置下面清除浮动，兼容各类浏览器*/
        
      }
      .edm_download img{
        width: 100%;
      }
      .showcasePrintMethod img{
        width: 100%;
      }
      .showcasePrintMethod{
        margin-top: 15px;
      }
      .showcasePrintMarketing img{
        width: 100%;
      }
      .showcasePrintMarketing{
        margin-top: 15px;
      }
      .showcasePrintMarketingBlock{
        display: inline-block;
        width: 49%;
      }
      .showcasePrintMarketingBlock img{
        width: 100%;
      }
      .showcasePrintMarketingGap{
        display: inline-block;
        width: 1%;
      }

      .showcasePackaging img{
        width: 100%;
      }
      .showcasePackaging{
        margin-top: 15px;
      }
      .showcasePackagingBlock{
        display: inline-block;
        width: 23.5%;
      }
      .showcasePackagingGap{
        display: inline-block;
        width: 1%;
      }

      .showcaseAttachment img{
        width: 100%;
      }
      .showcaseAttachment{
        margin-top: 15px;
      }
      .showcaseAttachmentBlock{
        display: inline-block;
        width: 23.5%;
      }
      .showcaseAttachmentGap{
        display: inline-block;
        width: 1%;
      }

      .showcaseServiceHeader, .showcaseService img{
        width: 100%;
      }
      .showcaseService{
        margin-top: 15px;
      }
      .showcaseNews img{
        height: 265px;
        margin-top: 33%;
      }
      .showcaseServ{
        background-image: url(themes/sample/service.jpg);
        background-repeat: round;
        height: 229.36px;
      }
      .showcaseServ img{
        height: 100px;
        margin-top: 60px;
        margin-left: 24px;
      }
      .showcaseAtta{
        background-image: url(themes/sample/attachments.jpg);
        background-repeat: round;
        height: 229.36px;
      }
      .showcaseAtta img{
        height: 100px;
        margin-top: 60px;
        margin-left: 24px;
      }
      .margin40{
        margin-right: 120px;
        position: relative;
        float: right;
      }
      .shadow {
        -webkit-box-shadow: 4px 12px 20px -9px #666;
           -moz-box-shadow: 4px 12px 20px -9px #666;
                box-shadow: 4px 12px 20px -9px #666;
      }
    </style>
    <div id="pdfZone" class="scroll-img " style="width: 80%;margin-left: 10%;margin-right: 10%;">
           <!--  <div class="showcase showcasePost">
        <a href="javascript:void(0)"><img src="themes/sample/post.jpg" style="width:100%;"></a>
      </div> -->
              <div class="showcase showcaseNews">
          <div class="margin40">
                                      <a class="fancyOpen" href="uploads/newsletters/lanyards.jpg">
                <img  src="uploads/newsletters/lanyards.jpg" style="margin-top: 63px;margin-right: 92px;height:271px;">
              </a>
                                  </div>
        </div>
            <!-- <div class="showcase showcaseNews">
        <div class="margin40" style="">
            <a class="fancyOpen" href="themes/sample/newsimg.jpg">
              <img class="shadow" src="themes/sample/newsimg.jpg">
            </a>
            <a class="fancyOpen" href="themes/sample/newsimg.jpg">
              <img class="shadow" src="themes/sample/newsimg.jpg" style="height: 274px;">
            </a>
            <a class="fancyOpen" href="themes/sample/newsimg.jpg">
              <img class="shadow" src="themes/sample/newsimg.jpg">
            </a>
        </div>
      </div> -->
            <div class="showcase showcaseNewsLetter">
        <div class="edm_download edm_pdf">
          <a href="http://www.promocollection.com.au/artlib/images/Lanyard%202017-2/lanyards-PSD.psd" download><img src="themes/sample/edm_pdf.png"></a>
        </div>
        <!--	
        <div class="edm_gap"></div>
            9.5 leo 原码 不删
        -->
        <div class="edm_download edm_doc">
          <a href="mailto:Info@promocollection.com.au?subject=Custom EDM request"><img src="themes/sample/edm_word.png"></a>
        </div>
        <div style="clear: both;"></div>
      </div>
            
      <!-- <div class="showcase showcaseService">
        <img src="themes/sample/data-upload.jpg">
      </div>
      <div class="showcase showcaseService">
        <img src="themes/sample/data-protection.jpg">
      </div>
      <div class="showcase showcaseService">
        <img src="themes/sample/screen-pop.jpg">
      </div>
      <div class="showcase showcaseService">
        <img src="themes/sample/pms-match.jpg">
      </div>
      <div class="showcase showcaseService">
        <img src="themes/sample/custom-shape.jpg">
      </div> -->

      <!-- <div class="showcase showcaseService">
        <img src="uploads/services/item_header.png">
        <a href="http://www.promojet.co.uk/index.php?c=news&a=show&id=100"><img src="lib/kindeditor/attached/image/20180530/20180530025141_19203.jpg"></a>
      </div>
      <div class="showcase showcaseService">
        <a href="http://www.promojet.co.uk/index.php?c=news&a=show&id=99"><img src="lib/kindeditor/attached/image/20180530/20180530024905_95188.jpg"></a>
      </div>
      <div class="showcase showcaseService">
        <a href="http://www.promojet.co.uk/index.php?c=news&a=show&id=94"><img src="lib/kindeditor/attached/image/20180530/20180530024235_14463.jpg"></a>
      </div>
      <div class="showcase showcaseService">
        <a href="http://www.promojet.co.uk/index.php?c=news&a=show&id=101"><img src="lib/kindeditor/attached/image/20180530/20180530025539_92433.png"></a>
      </div>
      <div class="showcase showcaseService">
        <a href="http://www.promojet.co.uk/index.php?c=news&a=show&id=98"><img src="lib/kindeditor/attached/image/20180530/20180530024631_20036.jpg"></a>
      </div>
      <div class="showcase showcaseService">
        <a href="http://www.promojet.co.uk/index.php?c=news&a=show&id=93"><img src="lib/kindeditor/attached/image/20180530/20180530023010_90276.jpg"></a>
      </div>
      <div class="showcase showcaseService">
        <a href="http://www.promojet.co.uk/index.php?c=news&a=show&id=95"><img src="lib/kindeditor/attached/image/20180530/20180530024334_86739.jpg"></a>
      </div>
      <div class="showcase showcaseService">
        <a href="http://www.promojet.co.uk/index.php?c=news&a=show&id=96"><img src="lib/kindeditor/attached/image/20180530/20180530024430_86717.jpg"></a>
      </div> -->

      
      <!-- <div class="showcaseSubHeader">
        <a href="http://www.promojet.co.uk/index.php?c=goods&a=index&industry=151"><img src="themes/sample/print_methods.png"></a>
      </div>
      <div class="showcase showcasePrintMethod">
        <a href="http://www.promojet.co.uk/index.php?c=goods&a=index&industry=151"><img src="themes/sample/full-color-print.jpg"></a>
      </div>
      <div class="showcase showcasePrintMethod">
        <a href="http://www.promojet.co.uk/index.php?c=goods&a=index&industry=151"><img src="themes/sample/screen-print.jpg"></a>
      </div>
      <div class="showcase showcasePrintMethod">
        <a href="http://www.promojet.co.uk/index.php?c=goods&a=index&industry=151"><img src="themes/sample/embroidery.jpg"></a>
      </div>
      <div class="showcase showcasePrintMethod">
        <a href="http://www.promojet.co.uk/index.php?c=goods&a=index&industry=151"><img src="themes/sample/expoxy_dome.jpg"></a>
      </div> -->

      
      <!-- <div class="viewMore">
        <div class="showcaseSubHeader">
          <img src="themes/sample/print_marketing.png">
        </div>
        <div class="showcasePrintMarketing">
          <div class="showcase showcasePrintMarketingBlock">
            <img src="themes/sample/backing-cards.jpg">
          </div>
          <div class="showcasePrintMarketingGap"></div>
          <div class="showcase showcasePrintMarketingBlock">
            <img src="themes/sample/stickers.jpg">
          </div>
        </div>
        <div  class="showcasePrintMarketing">
          <div class="showcase showcasePrintMarketingBlock">
            <img src="themes/sample/fridge_magnets.jpg">
          </div>
          <div class="showcasePrintMarketingGap"></div>
          <div class="showcase showcasePrintMarketingBlock">
            <img src="themes/sample/fridge_magnets.jpg">
          </div>
        </div>
        <div  class="showcasePrintMarketing hide" style="display: none;">
          <div class="showcase showcasePrintMarketingBlock">
            <img src="themes/sample/fridge_magnets.jpg">
          </div>
          <div class="showcasePrintMarketingGap"></div>
          <div class="showcase showcasePrintMarketingBlock">
            <img src="themes/sample/fridge_magnets.jpg">
          </div>
        </div>
        <div class="showcaseSubHeader"  style="margin-bottom: 15px;">
          <a class="click_view_more"> <img src="themes/sample/click_view_more.png" > </a>
        </div>
      </div>  -->

      
      <!-- <div class="viewMore">
        <div class="showcaseSubHeader">
          <img src="themes/sample/attachements.png">
        </div>
        <div  class="showcaseAttachment">
          <div class="showcase showcaseAttachmentBlock">
            <img src="themes/sample/keyring.jpg">
          </div>
          <div class="showcaseAttachmentGap"></div>
          <div class="showcase showcaseAttachmentBlock">
            <img src="themes/sample/keyring.jpg">
          </div>
          <div class="showcaseAttachmentGap"></div>
          <div class="showcase showcaseAttachmentBlock">
            <img src="themes/sample/keyring.jpg">
          </div>
          <div class="showcaseAttachmentGap"></div>
          <div class="showcase showcaseAttachmentBlock">
            <img src="themes/sample/keyring.jpg">
          </div>
        </div>
        <div  class="showcaseAttachment hide" style="display: none;">
          <div class="showcase showcaseAttachmentBlock">
            <img src="themes/sample/keyring.jpg">
          </div>
          <div class="showcaseAttachmentGap"></div>
          <div class="showcase showcaseAttachmentBlock">
            <img src="themes/sample/keyring.jpg">
          </div>
          <div class="showcaseAttachmentGap"></div>
          <div class="showcase showcaseAttachmentBlock">
            <img src="themes/sample/keyring.jpg">
          </div>
          <div class="showcaseAttachmentGap"></div>
          <div class="showcase showcaseAttachmentBlock">
            <img src="themes/sample/keyring.jpg">
          </div>
        </div>
        <div class="showcaseSubHeader" style="margin-bottom: 15px;">
          <a class="click_view_more"> <img src="themes/sample/click_view_more.png"> </a>
        </div>
      </div>   -->

      
      <!-- <div class="viewMore">
        <div class="showcaseSubHeader">
          <img src="themes/sample/packaging.png">
        </div>
        <div  class="showcasePackaging">
          <div class="showcase showcasePackagingBlock">
            <img src="themes/sample/plastic-seal.jpg">
          </div>
          <div class="showcasePackagingGap"></div>
          <div class="showcase showcasePackagingBlock">
            <img src="themes/sample/plastic-seal.jpg">
          </div>
          <div class="showcasePackagingGap"></div>
          <div class="showcase showcasePackagingBlock">
            <img src="themes/sample/plastic-seal.jpg">
          </div>
          <div class="showcasePackagingGap"></div>
          <div class="showcase showcasePackagingBlock">
            <img src="themes/sample/plastic-seal.jpg">
          </div>
        </div>
        <div  class="showcasePackaging hide">
          <div class="showcase showcasePackagingBlock">
            <img src="themes/sample/plastic-seal.jpg">
          </div>
          <div class="showcasePackagingGap"></div>
          <div class="showcase showcasePackagingBlock">
            <img src="themes/sample/plastic-seal.jpg">
          </div>
          <div class="showcasePackagingGap"></div>
          <div class="showcase showcasePackagingBlock">
            <img src="themes/sample/plastic-seal.jpg">
          </div>
        </div>
        <div class="showcaseSubHeader"  style="margin-bottom: 15px;">
          <a class="click_view_more"> <img src="themes/sample/last_view_more.png"></a>
        </div>
      </div>
 -->
      <div id="editor"></div>

  </div>
</div>
<script type="text/javascript">
  $(document).on('click', '.click_view_more', function(){
    $(this).fadeOut(300);
    $(this).parents('.viewMore').find('.hide').fadeIn(300);
  })
</script>        <div class="main-4" style="background-color:rgba(0,0,0,0);">
        <div class="layout" style="background-color: #ffffff;">
            <div style="height:50px;"></div>
            <div class="main-top">
                <p class="en-1">Related Items</p>
                <p class="en-2">Australia's favourite collections of promotional products</p>
            </div>
                         <div id="demo5" class="scroll-img">
                        <ul class="ware clearfix">
                                        <li>
                            <a href="A005-Deluxe-Swivel.html">
                    <div class="ibox" style="margin-left: 20px;">
                        <span></span>
                        <img src="uploads/smm_goods/A005.jpg" alt="" width='150px' height='150px' />
                    </div>
                    <div class="tbox" style='margin-top: -12px;margin-left: 50px'>
                        <p class="en-1" style="height: 37px;width: 99%;overflow:hidden;">A005</p>
                        <p class="en-2" style="height: 37px;">Deluxe Swivel</p>
                        <span style='margin-top: -88px;float: right;margin-right: 10px;'>
                                                        <p style='float:right;height: 37px;'><img src='uploads/goodstype/goodstype-201708141753190.jpg' width='45px' height='45px' style="margin:auto;"/></p>
                                                    </span>
                    </div>
                    <div class="menb" style="padding-left:20px;padding-right:20px;width:230px;height:320px;background: rgba(0,0,0,0.7);">
                        <p class="title" style="height: 61px;margin-top: 25px">A005</p>
                        <div class="content" style="margin-top: 40px;">
                            <p>Types:Deluxe Swivel</p>
                            <p style="height:auto;">Color:as shown<br />PMS matching not available</p>
                            <p>Product Size: NA </p>
                        </div>
                    </div>
                </a>
            </li>
                                         <li>
                            <a href="A006-Executive-Swivel.html">
                    <div class="ibox" style="margin-left: 20px;">
                        <span></span>
                        <img src="uploads/smm_goods/A006.jpg" alt="" width='150px' height='150px' />
                    </div>
                    <div class="tbox" style='margin-top: -12px;margin-left: 50px'>
                        <p class="en-1" style="height: 37px;width: 99%;overflow:hidden;">A006</p>
                        <p class="en-2" style="height: 37px;">Executive Swivel</p>
                        <span style='margin-top: -88px;float: right;margin-right: 10px;'>
                                                        <p style='float:right;height: 37px;'><img src='uploads/goodstype/goodstype-201708141753190.jpg' width='45px' height='45px' style="margin:auto;"/></p>
                                                    </span>
                    </div>
                    <div class="menb" style="padding-left:20px;padding-right:20px;width:230px;height:320px;background: rgba(0,0,0,0.7);">
                        <p class="title" style="height: 61px;margin-top: 25px">A006</p>
                        <div class="content" style="margin-top: 40px;">
                            <p>Types:Executive Swivel</p>
                            <p style="height:auto;">Color:as shown<br />PMS matching not available</p>
                            <p>Product Size: NA </p>
                        </div>
                    </div>
                </a>
            </li>
                                         <li>
                            <a href="A007-J-Swivel.html">
                    <div class="ibox" style="margin-left: 20px;">
                        <span></span>
                        <img src="uploads/smm_goods/A007.jpg" alt="" width='150px' height='150px' />
                    </div>
                    <div class="tbox" style='margin-top: -12px;margin-left: 50px'>
                        <p class="en-1" style="height: 37px;width: 99%;overflow:hidden;">A007</p>
                        <p class="en-2" style="height: 37px;">J Swivel</p>
                        <span style='margin-top: -88px;float: right;margin-right: 10px;'>
                                                        <p style='float:right;height: 37px;'><img src='uploads/goodstype/goodstype-201708141753190.jpg' width='45px' height='45px' style="margin:auto;"/></p>
                                                    </span>
                    </div>
                    <div class="menb" style="padding-left:20px;padding-right:20px;width:230px;height:320px;background: rgba(0,0,0,0.7);">
                        <p class="title" style="height: 61px;margin-top: 25px">A007</p>
                        <div class="content" style="margin-top: 40px;">
                            <p>Types:J Swivel</p>
                            <p style="height:auto;">Color:as shown<br />PMS matching not available</p>
                            <p>Product Size: NA </p>
                        </div>
                    </div>
                </a>
            </li>
                                         <li class="no">
                            <a href="A008-Superior-O-Clip.html">
                    <div class="ibox" style="margin-left: 20px;">
                        <span></span>
                        <img src="uploads/smm_goods/A008.jpg" alt="" width='150px' height='150px' />
                    </div>
                    <div class="tbox" style='margin-top: -12px;margin-left: 50px'>
                        <p class="en-1" style="height: 37px;width: 99%;overflow:hidden;">A008</p>
                        <p class="en-2" style="height: 37px;">Superior O Clip</p>
                        <span style='margin-top: -88px;float: right;margin-right: 10px;'>
                                                        <p style='float:right;height: 37px;'><img src='uploads/goodstype/goodstype-201708141753190.jpg' width='45px' height='45px' style="margin:auto;"/></p>
                                                    </span>
                    </div>
                    <div class="menb" style="padding-left:20px;padding-right:20px;width:230px;height:320px;background: rgba(0,0,0,0.7);">
                        <p class="title" style="height: 61px;margin-top: 25px">A008</p>
                        <div class="content" style="margin-top: 40px;">
                            <p>Types:Superior O Clip</p>
                            <p style="height:auto;">Color:as shown<br />PMS matching not available</p>
                            <p>Product Size: NA </p>
                        </div>
                    </div>
                </a>
            </li>
                                         <li>
                            <a href="A009-Metal-Clamp.html">
                    <div class="ibox" style="margin-left: 20px;">
                        <span></span>
                        <img src="uploads/smm_goods/A009.jpg" alt="" width='150px' height='150px' />
                    </div>
                    <div class="tbox" style='margin-top: -12px;margin-left: 50px'>
                        <p class="en-1" style="height: 37px;width: 99%;overflow:hidden;">A009</p>
                        <p class="en-2" style="height: 37px;">Metal Clamp</p>
                        <span style='margin-top: -88px;float: right;margin-right: 10px;'>
                                                        <p style='float:right;height: 37px;'><img src='uploads/goodstype/goodstype-201708141753190.jpg' width='45px' height='45px' style="margin:auto;"/></p>
                                                    </span>
                    </div>
                    <div class="menb" style="padding-left:20px;padding-right:20px;width:230px;height:320px;background: rgba(0,0,0,0.7);">
                        <p class="title" style="height: 61px;margin-top: 25px">A009</p>
                        <div class="content" style="margin-top: 40px;">
                            <p>Types:Metal Clamp</p>
                            <p style="height:auto;">Color:as shown<br />PMS matching not available</p>
                            <p>Product Size: 2.25x1.4cm </p>
                        </div>
                    </div>
                </a>
            </li>
                                         <li>
                            <a href="B001-Safety-Breakaway.html">
                    <div class="ibox" style="margin-left: 20px;">
                        <span></span>
                        <img src="uploads/smm_goods/B001.jpg" alt="" width='150px' height='150px' />
                    </div>
                    <div class="tbox" style='margin-top: -12px;margin-left: 50px'>
                        <p class="en-1" style="height: 37px;width: 99%;overflow:hidden;">B001</p>
                        <p class="en-2" style="height: 37px;">Safety Breakaway</p>
                        <span style='margin-top: -88px;float: right;margin-right: 10px;'>
                                                        <p style='float:right;height: 37px;'><img src='uploads/goodstype/goodstype-201708141753190.jpg' width='45px' height='45px' style="margin:auto;"/></p>
                                                    </span>
                    </div>
                    <div class="menb" style="padding-left:20px;padding-right:20px;width:230px;height:320px;background: rgba(0,0,0,0.7);">
                        <p class="title" style="height: 61px;margin-top: 25px">B001</p>
                        <div class="content" style="margin-top: 40px;">
                            <p>Types:Safety Breakaway</p>
                            <p style="height:auto;">Color:as shown<br />PMS matching not available</p>
                            <p>Product Size: NA </p>
                        </div>
                    </div>
                </a>
            </li>
                                         <li>
                            <a href="B002-O-Ring.html">
                    <div class="ibox" style="margin-left: 20px;">
                        <span></span>
                        <img src="uploads/smm_goods/B002.jpg" alt="" width='150px' height='150px' />
                    </div>
                    <div class="tbox" style='margin-top: -12px;margin-left: 50px'>
                        <p class="en-1" style="height: 37px;width: 99%;overflow:hidden;">B002</p>
                        <p class="en-2" style="height: 37px;">O Ring</p>
                        <span style='margin-top: -88px;float: right;margin-right: 10px;'>
                                                        <p style='float:right;height: 37px;'><img src='uploads/goodstype/goodstype-201708141753190.jpg' width='45px' height='45px' style="margin:auto;"/></p>
                                                    </span>
                    </div>
                    <div class="menb" style="padding-left:20px;padding-right:20px;width:230px;height:320px;background: rgba(0,0,0,0.7);">
                        <p class="title" style="height: 61px;margin-top: 25px">B002</p>
                        <div class="content" style="margin-top: 40px;">
                            <p>Types:O Ring</p>
                            <p style="height:auto;">Color:as shown<br />PMS matching not available</p>
                            <p>Product Size: NA </p>
                        </div>
                    </div>
                </a>
            </li>
                                         <li class="no">
                            <a href="B003-Length-Adjuster-Bead.html">
                    <div class="ibox" style="margin-left: 20px;">
                        <span></span>
                        <img src="uploads/smm_goods/B003.jpg" alt="" width='150px' height='150px' />
                    </div>
                    <div class="tbox" style='margin-top: -12px;margin-left: 50px'>
                        <p class="en-1" style="height: 37px;width: 99%;overflow:hidden;">B003</p>
                        <p class="en-2" style="height: 37px;">Length Adjuster Bead</p>
                        <span style='margin-top: -88px;float: right;margin-right: 10px;'>
                                                        <p style='float:right;height: 37px;'><img src='uploads/goodstype/goodstype-201708141753190.jpg' width='45px' height='45px' style="margin:auto;"/></p>
                                                    </span>
                    </div>
                    <div class="menb" style="padding-left:20px;padding-right:20px;width:230px;height:320px;background: rgba(0,0,0,0.7);">
                        <p class="title" style="height: 61px;margin-top: 25px">B003</p>
                        <div class="content" style="margin-top: 40px;">
                            <p>Types:Length Adjuster Bead</p>
                            <p style="height:auto;">Color:as shown<br />PMS matching not available</p>
                            <p>Product Size: NA </p>
                        </div>
                    </div>
                </a>
            </li>
                                         <li>
                            <a href="B004-Water-Bottle-Holder.html">
                    <div class="ibox" style="margin-left: 20px;">
                        <span></span>
                        <img src="uploads/smm_goods/B004.jpg" alt="" width='150px' height='150px' />
                    </div>
                    <div class="tbox" style='margin-top: -12px;margin-left: 50px'>
                        <p class="en-1" style="height: 37px;width: 99%;overflow:hidden;">B004</p>
                        <p class="en-2" style="height: 37px;">Water Bottle Holder</p>
                        <span style='margin-top: -88px;float: right;margin-right: 10px;'>
                                                        <p style='float:right;height: 37px;'><img src='uploads/goodstype/goodstype-201708141753190.jpg' width='45px' height='45px' style="margin:auto;"/></p>
                                                    </span>
                    </div>
                    <div class="menb" style="padding-left:20px;padding-right:20px;width:230px;height:320px;background: rgba(0,0,0,0.7);">
                        <p class="title" style="height: 61px;margin-top: 25px">B004</p>
                        <div class="content" style="margin-top: 40px;">
                            <p>Types:Water Bottle Holder</p>
                            <p style="height:auto;">Color:as shown<br />PMS matching not available</p>
                            <p>Product Size: NA </p>
                        </div>
                    </div>
                </a>
            </li>
                                         <li>
                            <a href="B005-6cm-Carabiner.html">
                    <div class="ibox" style="margin-left: 20px;">
                        <span></span>
                        <img src="uploads/smm_goods/B005.jpg" alt="" width='150px' height='150px' />
                    </div>
                    <div class="tbox" style='margin-top: -12px;margin-left: 50px'>
                        <p class="en-1" style="height: 37px;width: 99%;overflow:hidden;">B005</p>
                        <p class="en-2" style="height: 37px;">6cm Carabiner</p>
                        <span style='margin-top: -88px;float: right;margin-right: 10px;'>
                                                        <p style='float:right;height: 37px;'><img src='uploads/goodstype/goodstype-201708141753190.jpg' width='45px' height='45px' style="margin:auto;"/></p>
                                                    </span>
                    </div>
                    <div class="menb" style="padding-left:20px;padding-right:20px;width:230px;height:320px;background: rgba(0,0,0,0.7);">
                        <p class="title" style="height: 61px;margin-top: 25px">B005</p>
                        <div class="content" style="margin-top: 40px;">
                            <p>Types:6cm Carabiner</p>
                            <p style="height:auto;">Color:as shown<br />PMS matching not available</p>
                            <p>Product Size: NA </p>
                        </div>
                    </div>
                </a>
            </li>
                         </ul>
                         </div>
                         <div style="height:38px;"></div>
        </div>
    </div>
        <div style="height: 18px;"></div>
    <div style="height:50px;"></div>
</div>
<div id="footer">
<style type="text/css">
  .top{
    position: fixed;
    bottom: 130px;
    right: 0px;
    width: 37px;
    background: url(themes/home/images/top.png);
    height: 37px;
    background-position: 40px 0;
  }
</style>
<div class="top" style=""></div>
    <div class="footer">
        <div class="layout">
            <div class="foot-r">
                <p style="margin-top: 20px;">Copyright © 2011 Promocollection.</p></p>All right reserved.</p>
               <!--  <ul class="icon clearfix">
                    <li><a href="javascript:void(0)" style="cursor: default;"><img src="themes/home/images/png-28.png" alt=""/></a></li>
                    <li><a href="javascript:void(0)" style="cursor: default;"><img src="themes/home/images/png-29.png" alt=""/></a></li>
                    <li><a href="javascript:void(0)" style="cursor: default;"><img src="themes/home/images/png-30.png" alt=""/></a></li>
                </ul> -->
            </div>
            <div class="foot-l">
                <ul class="nav clearfix" style='width:600px'>
                    <li><a href="/index.php?c=main&a=index">Home</a></li>
                    <li class="shape"></li>
                    <li><a href="/index.php?c=info&a=index&id=5">About Us</a></li>
                    <li class="shape"></li>
                    <li style='width:82px'><a href="/index.php?c=guestbook&a=index">Contact Us</a></li>
                    <li class="shape"></li>
                    <li style='width:130px'><a href="/index.php?c=info&a=index&id=6">Terms & Conditions</a></li>
                </ul>
                <p style="display: none;" class="sum">0800-1337-928</p>
                <p style="display: none;" class="cop">&copy;sales@promojet.co.uk</p>
                <div style='float:right;margin-right: -575px;margin-top: -81px;'><a href="http://www.linkedin.com/company/promojet?trk=top_nav_home"><img src="themes/index/image/ww.png" /></a>
                <a href="http://www.facebook.com/promojetUK"><img src="themes/index/image/dd.png" /></a>
                <a href="http://twitter.com/Promojet_UK_LTD"><img src="themes/index/image/ll.png" /></a></div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-44332234-1']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<script>
    $(document).scroll(function(){
        if($(document).scrollTop() > 0){
            $('.top').show()
       }else{
            $('.top').hide()
       }
   })
   $('.top').click(function(){
      var interval =  setInterval(function(){
        if($(document).scrollTop() == 0){
          clearInterval(interval)}
        else{
          var i = $(document).scrollTop()
          i = i-50
          $(document).scrollTop(i)
        }
      },30);
    })
  </script>
</body>
</html>
<div class="black-none">
</div>
    <div class="form-n">
        <p class="sn">Product Enquiry/Order</p>
        <p class="en">please Enter Your Details</p>
        <form action="/index.php?c=main&a=leave_messege" method="post" onsubmit="return check_11()" id='formMsg' name='formMsg' target="hidden_frame">
         <iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
        <table>
            <tr>
                <td>Your Name <em>*</em></td>
                <td>Date Required</td>
            </tr>
            <tr>
                <td><input type="text" class="firstname" name="firstname" /></td>
                <td><input type="text" name="Date_Required" /></td>
            </tr>
            <tr>
                <td>Company Name <em>*</em></td>
                <td>Qty Amount <em>*</em></td>
            </tr>
            <tr>
                <td><input type="text" class="lastname" name="companyname"/></td>
                <td><input type="text" name="Qty_Amount" /></td>
            </tr>
           <!--  <tr>
                <td style="display:none">Branding</td>
            </tr> -->
            <tr>
                <td>Street Address and Suburb<em>*</em></td>
                <td>Comments (Product Colour)</td>
            </tr>
            <tr>
                <td><textarea rows="4" cols="25" style="padding:5px;" class="address" name="address"></textarea></td>
                <td><textarea rows="4" cols="25" style="padding:5px;" name="comments" class="comments" value="">I am interested in 8cm Carabiner B006</textarea></td>
            </tr>
            <tr>
                <td>Postcode<em>*</em></td>
                <td>How did you find us?</td>
            </tr>
            <tr>
                <td><input type="text" class="Postcode" name="Postcode"/></td>
                <td>
                    <select name="How_did_you_find_us" id="" style="width: 120px;">
                        <option>Google</option>
                        <option>Facebook</option>
                        <option>Bing</option>
                        <option>Word of Mouth</option>
                        <option>Other Website</option>
                        <option>Repeat Client</option>
                        <option>Others</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Telephone<em>*</em></td>
                <td>Email<em>*</em></td>
            </tr>
            <tr>
                <td><input type="text" class="Telephone" name="Telephone"/></td>
                <td><input type="text" name="email" /></td>
            </tr>
           <tr>
                <td>
                    I Need<em>*</em><br />
                    <input type="radio" value='Business' name="Entity" checked class="Business" />Order
                    <input type="radio" value='Private' name="Entity" class="private" />Enquiry
                </td>
                <script>
                $('.private').click(function(){
                    if($(this).attr('checked')){
                        $('.company_name').hide()
                    }
                })
                $('.Business').click(function(){
                    $('.company_name').show()
                })
                </script>
                <td style="display:none">
                    <select  id="" style="width: 120px;">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                    </select>
                </td>
                <td>Input Verification Code<em>*</em><br /><input type="text" name="verify" size='5' style="height: 22px;width: 70px;" /><img style="  margin-left: 5px;" id="imgcode" src="/lib/imgcode.php" title="reload" onclick="javascript:$(this).attr('src','/lib/imgcode.php')" /></td>
            </tr>
        </table>
        <input type="submit"  class="submit3" style="display:none" />
        <input type="image" src="themes/home/images/png-36s.png" class="but" id="submit_btn"  />
        <input type="hidden"  class="url" name="url" style="" value=""/>
        </form>
        <span class="close"></span>
    </div>
</div>

<form action="" class="freigt_form smodal" id="Freight" style="display:none;min-width: 520px;">
  <h3>Freight Calculator</h3>
  <p><label>Postcode:</label><input id="Postcode" name="postcode" type="text" maxlength="8"  style="width:auto;" />
    <span style="color:#666;margin-left: 5px;" id="Postcity">  </span></p>
  <p><label>Quantity:</label><input id="Quantity" name="quntity" type="text" maxlength="8"  style="width:auto;" /></p>
  <p><label>Freight Type:</label><span class="FreightType"><input data-type="Standard Road Express" name="freight_type" type="radio" checked> Standard Road Express <input data-type="AAE Air Bag" name="freight_type" type="radio"  style="margin-left: 65px;"> AAE Air Bag </span></p>
  <p id="errMsg" style="color:red;display: none;"></p>
  <p>
    <a href="#FreightExplain"  class="freigtExplain" style="text-decoration:underline;line-height: 30px;" />*Freight Calculator Info</a>
    <a href="javascript:void(0)" onclick="getFreight();" class="getFreight">Get Freight </a>
    <a href="#FreightRate"  class="Calculator" style="display:none" />Calculator</a>
  </p>
</form>
<img src="/themes/tools/freight.jpg"  id="FreightExplain"  style="display:none;"></img>
<div class="smodal fade freigt_form" id="FreightRate" style="display:none;min-width: 520px;">
    <div style="padding: 20px 30px;">
        <table class="table">
            <tbody>
                <tr>
                    <th style="font-size:16px;">Quantity</th>
                    <th style="font-size:16px;">Location</th>
                    <th style="font-size:16px;">Freight Cost</th>
                </tr>
                <tr>
                    <td style="font-size:15px;" class="Quantity"></td>
                    <td style="font-size:15px;" class="Location"></td>
                    <td style="font-size:15px;" class="ShippingRate"></td>
                </tr>
            </tbody>
        </table>
        <p style="color:red;padding: 0 0;" id="freightNote"></p>
    </div>
</div>

</body>
</html>
<script>
function callback(msg){
    alert(msg);
    $("#imgcode").trigger("click");
    if(msg.length > 150){
      window.location.reload();
    }
}
$(document).on('change', '#Postcode', function(){
    var postcode = $('#Postcode').val();
    if(postcode){
        $.get("/index.php?c=goods&a=getlocation",{postcode: postcode},function(result){
            result = JSON.parse(result);
            if(result.location){
                $('#errMsg').text('').fadeOut();
                $('#Postcity').text(result.location);
            }else{
                $('#Postcity').text('');
            }
        });
    }
});

function getFreight(){
  var quantity = $('#Quantity').val();
  var postcode = $('#Postcode').val();
  var freight_type = $('input[name=freight_type]:checked').attr('data-type');
  $.get("/index.php?c=goods&a=getfreight",{quantity: quantity, code: 'B006', postcode: postcode, freight_type: freight_type},function(result){
    result = JSON.parse(result);
    if(result.err){
        $('#errMsg').text(result.err).fadeIn();
    }else{
        $('#errMsg').text('').fadeOut();
        $('#FreightRate .Quantity').text(result.quantity);
        $('#FreightRate .Location').text(result.location);
        $('#FreightRate .ShippingRate').text(result.shipping_rate);
        if(result.note){
            $('#FreightRate #freightNote').text(result.note);
        }else{
            $('#FreightRate #freightNote').text('');
        }
        $(document).find(".Calculator").click();
    }
  })
}

function check_11(){
   var frm = document.forms['formMsg'];
   var firstname   = frm.elements['firstname'].value;
   var companyname   = frm.elements['companyname'].value;
   var Qty_Amount   = frm.elements['Qty_Amount'].value;
   var address   = frm.elements['address'].value;
   var Postcode   = frm.elements['Postcode'].value;
   var Telephone   = frm.elements['Telephone'].value;
   var email   = frm.elements['email'].value;
   var verify   = frm.elements['verify'].value;
    if (firstname.length == 0)
    {
        alert('Please enter First Name');
        return false;
    }
    if (companyname.length == 0)
    {
        alert('Please enter |Company Name');
        return false;
    }
    if (Qty_Amount.length == 0)
    {
        alert('Please enter Last Qty_Amount');
        return false;
    }
    if (address.length == 0)
    {
        alert('Please enter Street Address and Suburb');
        return false;
    }
    if (Postcode.length == 0)
    {
        alert('Please enter Postcode');
        return false;
    }
    if (Telephone.length == 0)
    {
        alert('Please enter Telephone');
        return false;
    }
    if (email.length == 0)
    {
        alert('Please enter email');
        return false;
    }
    if (email.length>0)
    {
        var reg = /^[0-9a-zA-Z]+(?:[\_\.\-][a-z0-9\-]+)*@[a-zA-Z0-9]+(?:[-.][a-zA-Z0-9]+)*\.[a-zA-Z]+$/i;
        if (!reg.test(email))
        {
          alert('Please provide a valid email address');
          return false;
        }
    }
    if(verify.length<1){
       alert('Please enter verify');
       return false;
    }else{
        $.post("/index.php?c=main&a=leave_messege",{'verify':verify}, function(res){
            if(res.ero=='1'){
                alert('verify code error');
                return false;
            }
        },'JSON');
    }
}
$(document).ready(function(){
    $('.coll .cn-1').click(function(){
        $('.black-none').css({'display':'block'});
        $('.form-n').css({'display':'block'});
    });
    $('.close').click(function(){
        $('.black-none').css({'display':'none'});
        $('.form-n').css({'display':'none'});
    });
    $('#submit_btn').click(function(){
        $('#formMsg').submit();
        // check_11()
    });
})
var str = String(location.href);
$('.url').attr('value',str)
$('.but').click(function(){
    var tel = $('.Telephone').val()
    var post = $('.Postcode').val()
    var addr = $('.address').val()
    var lastname = $('.lastname').val()
    var firstname = $('.firstname').val()
    if(tel != '' && post != '' && lastname !='' && firstname !='' && addr != '' ){
        $('submit3').click()
    }
})
</script>
<script type="text/javascript" src="http://virtualmarketingcart.com/js/virtualintegration.js"></script>