<!--/opt/diesite/maresiaparts.nl/shared/vqmod/vqcache/vq2-catalog_controller_product_search.php:346
object(stdClass)#591 (21) {
  ["partid"]=>
  int(20490705)
  ["automateid"]=>
  string(7) "O373474"
  ["internetid"]=>
  string(1) "0"
  ["supplierid"]=>
  int(100278)
  ["vehicleid"]=>
  int(8157231)
  ["makename"]=>
  string(7) "Renault"
  ["modelname"]=>
  string(6) "Kadjar"
  ["modeltypeid"]=>
  int(61892)
  ["partname"]=>
  string(6) "Dynamo"
  ["quantity"]=>
  int(1)
  ["locks"]=>
  int(0)
  ["state"]=>
  string(4) "used"
  ["price"]=>
  object(stdClass)#585 (2) {
    ["display"]=>
    bool(true)
    ["tax"]=>
    string(6) "margin"
  }
  ["deposit"]=>
  object(stdClass)#586 (3) {
    ["amount"]=>
    string(1) "0"
    ["percentage"]=>
    string(1) "0"
    ["remark"]=>
    string(0) ""
  }
  ["transport"]=>
  object(stdClass)#583 (3) {
    ["amount"]=>
    string(5) "12.10"
    ["quantity"]=>
    int(1)
    ["remark"]=>
    string(0) ""
  }
  ["match"]=>
  string(13) "automatemodel"
  ["properties"]=>
  object(stdClass)#584 (1) {
    ["partpropertyvalue"]=>
    array(12) {
      [0]=>
      object(stdClass)#588 (2) {
        ["id"]=>
        string(2) "14"
        ["values"]=>
        object(stdClass)#589 (1) {
          ["string"]=>
          string(6) "157,50"
        }
      }
      [1]=>
      object(stdClass)#587 (2) {
        ["id"]=>
        string(2) "12"
        ["values"]=>
        object(stdClass)#659 (1) {
          ["string"]=>
          string(4) "2018"
        }
      }
      [2]=>
      object(stdClass)#660 (2) {
        ["id"]=>
        string(3) "135"
        ["values"]=>
        object(stdClass)#661 (1) {
          ["string"]=>
          string(1) "3"
        }
      }
      [3]=>
      object(stdClass)#662 (2) {
        ["id"]=>
        string(2) "37"
        ["values"]=>
        object(stdClass)#663 (1) {
          ["string"]=>
          string(2) "A1"
        }
      }
      [4]=>
      object(stdClass)#664 (2) {
        ["id"]=>
        string(2) "17"
        ["values"]=>
        object(stdClass)#665 (1) {
          ["string"]=>
          string(7) "Benzine"
        }
      }
      [5]=>
      object(stdClass)#666 (2) {
        ["id"]=>
        string(3) "108"
        ["values"]=>
        object(stdClass)#667 (1) {
          ["string"]=>
          string(6) "M5M460"
        }
      }
      [6]=>
      object(stdClass)#668 (2) {
        ["id"]=>
        string(2) "18"
        ["values"]=>
        object(stdClass)#669 (1) {
          ["string"]=>
          string(4) "1618"
        }
      }
      [7]=>
      object(stdClass)#670 (2) {
        ["id"]=>
        string(3) "117"
        ["values"]=>
        object(stdClass)#671 (1) {
          ["string"]=>
          string(9) "Multiriem"
        }
      }
      [8]=>
      object(stdClass)#672 (2) {
        ["id"]=>
        string(3) "118"
        ["values"]=>
        object(stdClass)#673 (1) {
          ["string"]=>
          string(3) "150"
        }
      }
      [9]=>
      object(stdClass)#674 (2) {
        ["id"]=>
        string(2) "25"
        ["values"]=>
        object(stdClass)#675 (1) {
          ["string"]=>
          string(5) "BOSCH"
        }
      }
      [10]=>
      object(stdClass)#676 (2) {
        ["id"]=>
        string(3) "241"
        ["values"]=>
        object(stdClass)#677 (1) {
          ["string"]=>
          string(1) "K"
        }
      }
      [11]=>
      object(stdClass)#678 (2) {
        ["id"]=>
        string(2) "26"
        ["values"]=>
        object(stdClass)#679 (1) {
          ["string"]=>
          string(5) "96371"
        }
      }
    }
  }
  ["propertiessource"]=>
  object(stdClass)#680 (1) {
    ["stockrowpropertysource"]=>
    object(stdClass)#681 (2) {
      ["id"]=>
      string(2) "21"
      ["values"]=>
      object(stdClass)#682 (1) {
        ["stockrowpropertyvalue"]=>
        array(2) {
          [0]=>
          object(stdClass)#683 (2) {
            ["value"]=>
            string(10) "231004PA0A"
            ["source"]=>
            string(4) "none"
          }
          [1]=>
          object(stdClass)#684 (2) {
            ["value"]=>
            string(11) "231004PA0AF"
            ["source"]=>
            string(4) "none"
          }
        }
      }
    }
  }
  ["media"]=>
  object(stdClass)#685 (2) {
    ["images"]=>
    object(stdClass)#686 (2) {
      ["root"]=>
      string(52) "https://cdn.onderdelenlijn.nl/parts/100278/20490705/"
      ["list"]=>
      object(stdClass)#687 (1) {
        ["stockrowimage"]=>
        array(3) {
          [0]=>
          object(stdClass)#688 (2) {
            ["thumb"]=>
            string(46) "small/55384a7e-b206-4222-920e-155477f6d275.jpg"
            ["normal"]=>
            string(46) "large/55384a7e-b206-4222-920e-155477f6d275.jpg"
          }
          [1]=>
          object(stdClass)#689 (2) {
            ["thumb"]=>
            string(46) "small/adeed29c-e0c6-4501-abd0-7c6a08ccccd0.jpg"
            ["normal"]=>
            string(46) "large/adeed29c-e0c6-4501-abd0-7c6a08ccccd0.jpg"
          }
          [2]=>
          object(stdClass)#690 (2) {
            ["thumb"]=>
            string(46) "small/5e5b1861-3e9f-4544-a167-5ad5985c76a2.jpg"
            ["normal"]=>
            string(46) "large/5e5b1861-3e9f-4544-a167-5ad5985c76a2.jpg"
          }
        }
      }
    }
    ["youtube"]=>
    object(stdClass)#691 (0) {
    }
  }
  ["remark"]=>
  string(31) "MARKING:F000BL50R4 AMP-HOUR150A"
  ["changed"]=>
  string(19) "0001-01-01T00:00:00"
}
--><!DOCTYPE html>
<head>
<script>
    </script>            
<script>
    </script>            
    <title></title>

    <link href="https://www.maresiaparts.nl/image/data/favicon-16x16.png" rel="shortcut icon" type="image/x-icon"/>

    <!-- Mobile -->
    <link href="https://www.maresiaparts.nl/catalog/view/theme/dreamwhite/stylesheet/mobile.css?v=2" media="screen and (min-width: 320px) and (max-width: 560px)" rel="stylesheet" type="text/css"/>
    <link href="https://www.maresiaparts.nl/catalog/view/theme/dreamwhite/stylesheet/mobile.css?v=2" media="screen and (min-device-width: 320px) and (max-device-width: 560px)" rel="stylesheet" type="text/css"/>

    <!-- Stylesheets -->
    <link href="https://www.maresiaparts.nl/catalog/view/theme/dreamwhite/stylesheet/stylesheet.css?v=2" media="screen" rel="stylesheet" type="text/css"/>
    <link href="https://www.maresiaparts.nl/catalog/view/theme/dreamwhite/stylesheet/print.css?v=2" media="print" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="https://www.maresiaparts.nl/catalog/view/theme/dreamwhite/stylesheet/maresia.css?v=2"/>
    <link rel="stylesheet" type="text/css" href="https://www.maresiaparts.nl/catalog/view/theme/dreamwhite/stylesheet/lightbox.min.css?v=2"/>
    <link rel="stylesheet" type="text/css" href="https://www.maresiaparts.nl/catalog/view/javascript/dreamvention/colorbox/colorbox.css?v=2"/>

    <!-- Google font: Work Sans -->
    <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,700&display=swap" rel="stylesheet">

    <meta charset="UTF-8" />
    <meta content="" name="description"/>

			<meta content="" property="og:image" />
			<meta content="100%" property="og:width" />
			<meta content="100%" property="og:height" />
			<meta content="" property="og:title" />
			
    <meta content="" name="keywords"/>
    <meta content="index, follow" name="robots"/>

    <link rel="stylesheet" type="text/css" href="https://www.maresiaparts.nl/catalog/view/javascript/jquery/ui/themes/metro/jquery-ui.css"/>
    <link rel="stylesheet" href="https://www.maresiaparts.nl/catalog/view/javascript/dreamvention/uniform/css/uniform.default.css" type="text/css" media="screen">

        
    <!-- jQuery -->
    <script type="text/javascript" src="catalog/view/javascript/lazyload.js" defer></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" defer></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/jquery/ui/external/jquery.cookie.js" defer></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/dreamvention/colorbox/jquery.colorbox.js" defer></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/dreamvention/iosslider/jquery.iosslider.min.js" defer></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/jquery/tabs.js" defer></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/jquery/menu-mobile.js"></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/dreamvention/common.js"></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/jquery/jquery.rateit.min.js" defer></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/lightbox.min.js" defer></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/jquery/jquery.ui.touch-punch.min.js" defer></script>

    <!-- Meta viewport for mobile -->
    <script type="text/javascript">
        if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)) {
            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1" />');
        }
    </script>

    <!-- Bootsrap -->
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/dreamvention/bootstrap/tooltip.js" defer></script>

    <!-- Uniform -->
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/dreamvention/uniform/jquery.uniform.min.js" charset="utf-8" defer></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/dreamvention/selectbox/jquery.formstyler.min.js" defer></script>
    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/dreamvention/mobile.js"></script>

    <script type="text/javascript" src="https://www.maresiaparts.nl/catalog/view/javascript/dreamvention/modernizr-2.6.1.min.js" charset="utf-8" defer></script>
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet" />

    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css"/>
    <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js" defer></script>

    <!-- Google tag (gtag.js) - Google Analytics -->
    <script async src=https://www.googletagmanager.com/gtag/js?id=UA-98109837-1>
    </script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-98109837-1');
    </script>

    <script>

        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        window.addEventListener("load", function () {
            window.cookieconsent.initialise({
                "palette": {
                    "popup": {
                        "background": "#edeff5",
                        "text": "#838391"
                    },
                    "button": {
                        "background": "#4b81e8"
                    }
                },
                "type": "opt-out",
                "content": { //
                    "message": "Om uw bezoek aan onze website gemakkelijker en persoonlijker te maken, gebruiken wij cookies. Met deze cookies verzamelen we statistieken om onze website te verbeteren, sociale media-integraties te bieden en u nauwkeurige locatie-gebaseerde contactgegevens te geven. Door op Accepteren te drukken, gaat u akkoord met het instellen van cookies.", //Om uw bezoek aan onze website gemakkelijker en persoonlijker te maken, gebruiken wij cookies. Met deze cookies verzamelen we statistieken om onze website te verbeteren, sociale media-integraties te bieden en u nauwkeurige locatie-gebaseerde contactgegevens te geven. Door op Accepteren te drukken, gaat u akkoord met het instellen van cookies.
                    "dismiss": "Accepteren", //Accepteren
                    "deny": "Weigeren",
                    "link": "Lees meer over ons <a href='https://www.maresiaparts.nl/cookiebeleid'>cookie-beleid</a> en <a href='https://www.maresiaparts.nl/privacy-policy'>privacy policy</a>.", //Lees meer over ons cookie-beleid en privacy policy.
                    "href": "https://www.maresiaparts.nl/cookiebeleid"
                },
                onInitialise: function (status) {
                    var type = this.options.type;
                    var didConsent = this.hasConsented();
                    // if (type == 'opt-in' && didConsent) {
                    // ga('set', 'anonymizeIp', false); // enable cookies
                    // }
                    if (type == 'opt-out') {
                        ga('set', 'anonymizeIp', !didConsent); // disable cookies
                    }

                    ga('create', 'UA-46046269-10', 'auto');
                    ga('create', 'UA-98109837-1', 'auto', 'nieuwe');
                    ga('send', 'pageview');
                    ga('nieuwe.send', 'pageview');
                },
                onStatusChange: function (status, chosenBefore) {
                    var type = this.options.type;
                    var didConsent = this.hasConsented();
                    // if (type == 'opt-in' && didConsent) {
                    // ga('set', 'anonymizeIp', false); // enable cookies
                    // }
                    if (type == 'opt-out') {
                        ga('set', 'anonymizeIp', !didConsent); // disable cookies
                    }
                },
                onRevokeChoice: function () {
                    var type = this.options.type;
                    // if (type == 'opt-in') {
                    // ga('set', 'anonymizeIp', false); // disable cookies
                    // }
                    if (type == 'opt-out') {
                        ga('set', 'anonymizeIp', true); // enable cookies
                    }
                },
            })
        });
    </script>

    
                <style>
            .box-shadow .wrap:hover {
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                -khtml-border-radius: 2px;
                border-radius: 2px;
                -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
                box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                border: 1px solid #CCC;

            }

            .product-item .wrap:hover {
                padding: 9px 4px 19px 4px
            }

            .product-list .product-item .wrap:hover {
                padding: 0px;
            }
        </style>
                <style>
            #header_bg {
                /* test */
                background: url('https://www.maresiaparts.nl/image/data/Logo-Maresia-Parts.png') center
            }
        </style>
                <style>
            #footer_bg {
                background: url('https://www.maresiaparts.nl/image/data/Logo-Maresia-Parts.png') center
            }
        </style>
    
    <!-- jQuery -->
    <script src="/catalog/view/javascript/clicksite/faq.js" type="text/javascript" defer></script>
    <script src="/catalog/view/javascript/clicksite/instructions.js" type="text/javascript" defer></script>
    <script src="/catalog/view/javascript/clicksite/jobs.js" type="text/javascript" defer></script>

    <!-- Start of maresiaparts Zendesk Widget script -->
    <!--<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=292d6e38-6102-4a64-9ff6-12b9e89aaa95"> </script>-->
    <!-- End of maresiaparts Zendesk Widget script -->

    <!--Start of Zendesk Chat Script-->
    <script type="text/javascript">
        window.onload = function () {
            window.$zopim || (function (d, s) {
                var z = $zopim = function (c) {
                    z._.push(c)
                }, $ = z.s =
                    d.createElement(s), e = d.getElementsByTagName(s)[0];
                z.set = function (o) {
                    z.set._.push(o)
                };
                z._ = [];
                z.set._ = [];
                $.async = !0;
                $.setAttribute("charset", "utf-8");
                $.src = "https://v2.zopim.com/?6VwjpfjONW65H5iH3nZkJ3W0n8xu058f";
                z.t = +new Date;
                $.type = "text/javascript";
                e.parentNode.insertBefore($, e)
            })(document, "script");
        }
    </script>
    <!--End of Zendesk Chat Script-->

<script src="catalog/view/javascript/mollie.js" type="text/javascript"></script>

						 <style type="text/css">
							#ToTopHover {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFS0lEQVRoQ92aV8xkYxjHf6sE0Xf1uFCiRls1emcXsWok+gWW6CURvUWJEn3VGyQIQfQavVuErB7lRrTVCVaU/OR5v5w5e2bmtBkfz81+O3PO+z7/p5cZQ3s0FtgU2BBYCVgOGAfMG1f8CHwNfAC8AzwLPAV824SFMU1eBuYEdgf2AzYHZql43p/A48ANwO3AbxXfpy6AuYDDgGOAxeJSL38eeAJ4A3gf+BL4Kb6fB1gEWAFYPQCvD8wR338GXARcCfxaFkgdADsAlwNLxSVTgWtCgt+XvTieWyA0eDCwZnz2UQjnwTJnVQGg1C8DDoiDXwNOAB4pc1GJZyYA54V2fPxq4Oh+2igLYHHgAWAN4Bfg+FC1NtwmzQocDpwb/vUqsD3wRbdLygBYBngMWBp4D9gNmNYm1wVn6SM6tZHsQ2Br4OOiO/sBUPLPBfMvANr/NwNmPh2/EHA/sG6AMDzPpIleALR5o4pm8yKwFfDzkJhP18wdYVYQmpMgOkJtLwDXAgeG2WwwRMnnZaQmFKTmNAU4NPtANwCayr3hsKIftM33U6w+oRWYOCcCD6UXigBoOm9HnD8iYn6/C4bx/VHAxeEPq6TwWgTgOOACwDi/DtAkVHr+6cBf8W8ToIZY/UBtmB8u8bA8AFVkuLI82LZhkkrMnxpcn9ECiO0iMn0KLKtD5wHsA9wIWB4o/brkuTJ8Su6ANkCoBcuOvYCb8wBMWFtG9Lm+JvdZ5jW/VKGmv5uCmBxlxsPAhCwA6/mvgN+BRYGqhVkyyTOBk8N3lNItwB/A/lE2C6gJiAWBzwF9YlwWwM7AnVEOb1FD+p6VZ/7WcGABzAbs3RKIp4GNgUlZABcCxwI63VkVAXiO75yUkbzMS0agBMD/twHCyHaa0TILwLpDL58E3FMBQC/miwC0ASJZy31ZAHZQpmv72XcrANgszE4n1eaT5NMReQ2kz7Oa2AR4psKdKwNv2fVlAdhw68g24lUrTk3HsjfPfDcNZEEsGY1MBf6xPjLgTM8CmAHMHj2qf7dF3TTQ5Hz7aPvmGf8rAE1MqJc0B6GBQhOq68T9TGEQAAqdOIXRnYC7+3FV4ftBANgFuAPoCKMpkZkgzKht0SAAWIqYcM/POrGSvwt4MqZmoxmAOWMjYMcsAIuk6VHM2Q981xKCtjVgrrKYsygcmy+nH43pw0HAdaMUgGPIq6IvnpgHYHq/KdrJtUYpgNdj1LOnpXoegBnOltKBVkf33wBMmyaUpiW2lE4MOzJx4tGS2ojkiFwtWAo3obYA2E84aFgVcEJxqUwVTSVs7K30RDjS/TdB0NK7SbAm3NXShK7bYEvzcRptwbQe8GZLTNQ9ZjzgbFYT3wYw2PxDvUaLeroe707L0aIh9t+ghYN5xyguVhy2jVAvAJqSizj94GXAPnnYw13XUu7QHPG8Esmro9TvBUCUTiccrOoPL8Wywap1GKTkNeO1wwqcTNvEdFA/AD7sYkObU4Wak1tJI9QgSZt3wZHu1O4/KbqwDICkCatVzUnHdjemPTYNsXmeDJVHAmeHw2q6xv6ZJF/GifOHGwGcDh8SX6iFE0PNbWhDRs+JOO95CshBc8/2tqwGsgy6Tbwi1OvnJheXIbfV2LpbmO0BWHu5CZI0U5cYI6Gyl3TqAPA8I5SaUEJLxAVKSkc3aqgdF4Iuuv2JgeRPDlx0rxgjcqOaOcZBgmR54Fjf9WrpjX1dAEkomtWuwL5RxTqvrEL6kJJ2Im6HVXka0hRAltn548ceNhoOx5aPOdN88dAPMW+yFHADlH7s4ee1qU0AtZlo8uJ/HsDfXbU565MiTTgAAAAASUVORK5CYII=') no-repeat left -51px;width: 51px;height: 51px;display: block;overflow: hidden;float: left;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);}
							#ToTop {display: none;text-decoration: none;position: fixed;bottom: 20px;right: 20px;overflow: hidden;width: 51px;height: 51px;border: none;text-indent: -999px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFS0lEQVRoQ92aV8xkYxjHf6sE0Xf1uFCiRls1emcXsWok+gWW6CURvUWJEn3VGyQIQfQavVuErB7lRrTVCVaU/OR5v5w5e2bmtBkfz81+O3PO+z7/p5cZQ3s0FtgU2BBYCVgOGAfMG1f8CHwNfAC8AzwLPAV824SFMU1eBuYEdgf2AzYHZql43p/A48ANwO3AbxXfpy6AuYDDgGOAxeJSL38eeAJ4A3gf+BL4Kb6fB1gEWAFYPQCvD8wR338GXARcCfxaFkgdADsAlwNLxSVTgWtCgt+XvTieWyA0eDCwZnz2UQjnwTJnVQGg1C8DDoiDXwNOAB4pc1GJZyYA54V2fPxq4Oh+2igLYHHgAWAN4Bfg+FC1NtwmzQocDpwb/vUqsD3wRbdLygBYBngMWBp4D9gNmNYm1wVn6SM6tZHsQ2Br4OOiO/sBUPLPBfMvANr/NwNmPh2/EHA/sG6AMDzPpIleALR5o4pm8yKwFfDzkJhP18wdYVYQmpMgOkJtLwDXAgeG2WwwRMnnZaQmFKTmNAU4NPtANwCayr3hsKIftM33U6w+oRWYOCcCD6UXigBoOm9HnD8iYn6/C4bx/VHAxeEPq6TwWgTgOOACwDi/DtAkVHr+6cBf8W8ToIZY/UBtmB8u8bA8AFVkuLI82LZhkkrMnxpcn9ECiO0iMn0KLKtD5wHsA9wIWB4o/brkuTJ8Su6ANkCoBcuOvYCb8wBMWFtG9Lm+JvdZ5jW/VKGmv5uCmBxlxsPAhCwA6/mvgN+BRYGqhVkyyTOBk8N3lNItwB/A/lE2C6gJiAWBzwF9YlwWwM7AnVEOb1FD+p6VZ/7WcGABzAbs3RKIp4GNgUlZABcCxwI63VkVAXiO75yUkbzMS0agBMD/twHCyHaa0TILwLpDL58E3FMBQC/miwC0ASJZy31ZAHZQpmv72XcrANgszE4n1eaT5NMReQ2kz7Oa2AR4psKdKwNv2fVlAdhw68g24lUrTk3HsjfPfDcNZEEsGY1MBf6xPjLgTM8CmAHMHj2qf7dF3TTQ5Hz7aPvmGf8rAE1MqJc0B6GBQhOq68T9TGEQAAqdOIXRnYC7+3FV4ftBANgFuAPoCKMpkZkgzKht0SAAWIqYcM/POrGSvwt4MqZmoxmAOWMjYMcsAIuk6VHM2Q981xKCtjVgrrKYsygcmy+nH43pw0HAdaMUgGPIq6IvnpgHYHq/KdrJtUYpgNdj1LOnpXoegBnOltKBVkf33wBMmyaUpiW2lE4MOzJx4tGS2ojkiFwtWAo3obYA2E84aFgVcEJxqUwVTSVs7K30RDjS/TdB0NK7SbAm3NXShK7bYEvzcRptwbQe8GZLTNQ9ZjzgbFYT3wYw2PxDvUaLeroe707L0aIh9t+ghYN5xyguVhy2jVAvAJqSizj94GXAPnnYw13XUu7QHPG8Esmro9TvBUCUTiccrOoPL8Wywap1GKTkNeO1wwqcTNvEdFA/AD7sYkObU4Wak1tJI9QgSZt3wZHu1O4/KbqwDICkCatVzUnHdjemPTYNsXmeDJVHAmeHw2q6xv6ZJF/GifOHGwGcDh8SX6iFE0PNbWhDRs+JOO95CshBc8/2tqwGsgy6Tbwi1OvnJheXIbfV2LpbmO0BWHu5CZI0U5cYI6Gyl3TqAPA8I5SaUEJLxAVKSkc3aqgdF4Iuuv2JgeRPDlx0rxgjcqOaOcZBgmR54Fjf9WrpjX1dAEkomtWuwL5RxTqvrEL6kJJ2Im6HVXka0hRAltn548ceNhoOx5aPOdN88dAPMW+yFHADlH7s4ee1qU0AtZlo8uJ/HsDfXbU565MiTTgAAAAASUVORK5CYII=') no-repeat left top;}
						</style>
						<script type="text/javascript">
						/* UItoTop jQuery */
						jQuery(document).ready(function(){$().UItoTop({easingType:'easeOutQuint'});});
						(function($){
							$.fn.UItoTop = function(options) {
						
								var defaults = {
									text: 'To Top',
									min: 200,
									inDelay:600,
									outDelay:400,
									containerID: 'ToTop',
									containerHoverID: 'ToTopHover',
									scrollSpeed: 1200,
									easingType: 'linear'
								};
								var settings = $.extend(defaults, options);
								var containerIDhash = '#' + settings.containerID;
								var containerHoverIDHash = '#'+settings.containerHoverID;
								$('body').append('<a href="#" id="'+settings.containerID+'">'+settings.text+'</a>');
								$(containerIDhash).hide().click(function(){
									$('html, body').animate({scrollTop:0}, settings.scrollSpeed, settings.easingType);
									$('#'+settings.containerHoverID, this).stop().animate({'opacity': 0 }, settings.inDelay, settings.easingType);
									return false;
								})
								.prepend('<span id="'+settings.containerHoverID+'"></span>')
								.hover(function() {
										$(containerHoverIDHash, this).stop().animate({
											'opacity': 1
										}, 600, 'linear');
									}, function() { 
										$(containerHoverIDHash, this).stop().animate({
											'opacity': 0
										}, 700, 'linear');
									});			
								$(window).scroll(function() {
									var sd = $(window).scrollTop();
									if(typeof document.body.style.maxHeight === "undefined") {
										$(containerIDhash).css({
											'position': 'absolute',
											'top': $(window).scrollTop() + $(window).height() - 50
										});
									}
									if ( sd > settings.min ) 
										$(containerIDhash).fadeIn(settings.inDelay);
									else 
										$(containerIDhash).fadeOut(settings.Outdelay);
								});
						};
						})(jQuery);
						</script>
                        
</head>

<body>
<div class="wrapper">
    <div id="header">
        <div class="menu-bar">
            <div class="layout">
                                <ul id="menu" style="display: inline-block;" class="test">
                                            <li>
                            <a href="https://www.maresiaparts.nl/">Home                                                            </a>
                                                    </li>
                                            <li>
                            <a href="https://www.maresiaparts.nl/ons-bedrijf">Ons bedrijf                                                            </a>
                                                    </li>
                                            <li>
                            <a href="https://www.maresiaparts.nl/auto-onderdelen">Auto-onderdelen                                                            </a>
                                                    </li>
                                            <li>
                            <a href="https://www.maresiaparts.nl/inbouwinstructies">Inbouwinstructies                                                            </a>
                                                    </li>
                                            <li>
                            <a href="https://www.maresiaparts.nl/vacatures">Vacatures                                                            </a>
                                                    </li>
                                            <li>
                            <a href="/index.php?route=information/contact">Contact                                                            </a>
                                                    </li>
                                    </ul>
                                <div class="menu-btn" style="margin: 0; float: right;">
                    <div class="menu-btn__wrapper" style="top: 18px">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
        </div>

        <div class="top">
            <div class="layout" style="height: 100%;">
                <div class="wrap" style="height: 100%;">
                    <div style="float:left;" style="height: 100%;">
                                                    <a href="https://www.maresiaparts.nl/" id="logo" title="Maresia Parts"><img src="https://www.maresiaparts.nl/image/data/Logo-Maresia-Parts.png" alt=""/></a>
                                            </div>
                    <div style="float:right; display:flex; align-items: center; height: 100%;">
                        <a href="tel:09006273742" id="phonenumber">
                            <strong>
                                <img class="phone-image" src="/catalog/view/theme/dreamwhite/image/header_icon_phone.png" alt="phone-icon">
                                0900 - MARESIA                            </strong>
                            <div>Technisch advies</div>
                            <div>(0900 - 627 37 42)</div>
                            <div class="phone-remark">Wij geven de voorkeur aan contact via mail.</div>
                        </a>
                         <!--module/cart.tpl-->
<div id="cart">
  <div class="heading">
    <!--<h4>Winkelwagen</h4>-->
    <a href="https://www.maresiaparts.nl/cart" class="link-cart dropdown-toggle"><span class="cart-box-icon"><i class="icon-large-cart"></i></span><span class="cart-box"><span id="cart-total">(0)</span></span></a>
    </div>
  <div class="content">
  <div class="dropdown-list-border"><span class="arrow-up"></span></div>
  <div class="wrap">
        <div class="empty">Uw winkelwagen is leeg!</div>
        </div>
  </div>
</div>                        <div class="menu-btn">
                            <div class="menu-btn__wrapper">
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <!--center-->
                    <div class="clear"></div>
                </div>
                <!--wrap top-->
            </div>
            <!--layout-->
        </div>

        <div class="top-bar">
            <div class="layout">
                <div class="wrap">
                    <div id="menu_mobile" class="mini-menu">
                        <a id="menu_mobile_toggle" class="toggleMenu">
                            <svg width="26" height="21" viewBox="0 0 26 21" xmlns="http://www.w3.org/2000/svg">
                                <g id="Page-1" fill="none" fill-rule="evenodd">
                                    <path d="M0 0v3.9h26V0H0zm0 8.45v3.9h26v-3.9H0zm0 8.45v3.9h26v-3.9H0z" id="Fill-1" fill="#FFF"/>
                                </g>
                            </svg>
                            </a>

                    </div>

                    <div id="profile" class="btn-group links">
                        <ul class="">
                                                            <li><a href="https://www.maresiaparts.nl/register">Registreren</a> &middot; <a href="https://www.maresiaparts.nl/login">Inloggen</a></li>
                                                    </ul>
                    </div>
                    <div id="language">
<form action="https://www.maresiaparts.nl/index.php?route=module/language" method="post" enctype="multipart/form-data" id="language_form">
  
  <!--Taal<br />-->
  <div class="btn-group">
  <a class="link-language  dropdown-toggle" data-toggle="dropdown" href="#">
        <img src="image/flags/nl.png" alt="Nederlands" title="Nederlands"  /> nl     </a>
  <ul class="dropdown-menu"><div class="dropdown-list-border"><span class="arrow-up"></span></div>
     <li><a onclick="$('input[name=\'language_code\']').attr('value', 'nl'); $('#language_form').submit();" >
    <img src="image/flags/nl.png" alt="Nederlands" title="Nederlands"  /> Nederlands</a></li>
       <li><a onclick="$('input[name=\'language_code\']').attr('value', 'en'); $('#language_form').submit();" >
    <img src="image/flags/gb.png" alt="English" title="English"  /> English</a></li>
       <li><a onclick="$('input[name=\'language_code\']').attr('value', 'fr'); $('#language_form').submit();" >
    <img src="image/flags/fr.png" alt="Français" title="Français"  /> Français</a></li>
       <li><a onclick="$('input[name=\'language_code\']').attr('value', 'de'); $('#language_form').submit();" >
    <img src="image/flags/de.png" alt="Deutsch" title="Deutsch"  /> Deutsch</a></li>
     </ul>
</div>
    <input type="hidden" name="language_code" value="" />
    <input type="hidden" name="redirect" value="https://www.maresiaparts.nl/index.php?route=product/search&amp;stype=makemodelpart&amp;make=Renault&amp;model=Kadjar&amp;part=Dynamo" />
  
</form>
</div>
                </div>
                <ul id="menu_mobile_nav" class="nav" style="text-align: left;">
                                            <li>
                            <!--<custom>-->
                                                        <a href="https://www.maresiaparts.nl/">
                            <!--</custom>-->
                                                                Home                            </a>
                                                    </li>
                                            <li>
                            <!--<custom>-->
                                                        <a href="https://www.maresiaparts.nl/ons-bedrijf">
                            <!--</custom>-->
                                                                Ons bedrijf                            </a>
                                                    </li>
                                            <li>
                            <!--<custom>-->
                                                        <a href="https://www.maresiaparts.nl/auto-onderdelen">
                            <!--</custom>-->
                                                                Auto-onderdelen                            </a>
                                                    </li>
                                            <li>
                            <!--<custom>-->
                                                        <a href="https://www.maresiaparts.nl/inbouwinstructies">
                            <!--</custom>-->
                                                                Inbouwinstructies                            </a>
                                                    </li>
                                            <li>
                            <!--<custom>-->
                                                        <a href="https://www.maresiaparts.nl/vacatures">
                            <!--</custom>-->
                                                                Vacatures                            </a>
                                                    </li>
                                            <li>
                            <!--<custom>-->
                                                        <a href="index.php?route=information/contact">
                            <!--</custom>-->
                                                                Contact                            </a>
                                                    </li>
                                    </ul>
            </div>
        </div>

                    <div id="menu_mobile_top" class="mini-top-menu">
                <ul id="menu_mobile_top_nav" class="nav-article">

                    
                </ul>
            </div>
                <!--top-->
        <div class="bottom">
            <div class="layout">
                <div class="wrap">
                    

                                    </div>
                <!--wrap -->
            </div>
            <!--layout -->
        </div>
        <!--bottom -->
    </div>
    <div id="container">
        <div id="notification_holder">
            <div class="layout">
                <div class="wrap">
                    <div id="notification"></div>
                </div>
            </div>
        </div>

        <script>
            $(function () {
                $('.menu-btn__wrapper').click(function () {
                    console.log($('.menu-btn__wrapper'));
                    if ($('.menu-btn__wrapper').hasClass("is-open")) {
                        $('.menu-btn__wrapper').removeClass("is-open");
                        $('.menu-bar').removeClass("open");
                    } else {
                        $('.menu-btn__wrapper').addClass("is-open");
                        $('.menu-bar').addClass("open");

                    }
                });
            });
        </script>
<div id="content_holder">
    <div class="layout">
        <div class="breadcrumb"></div>
        <div class="wrap"> <div class="autonet-search">
    <div class="left box box-border">
        <!--<div class="box-heading">Zoek op Automerk & Model</div>-->
        <div class="box-content">

            <ul class="nav nav-tabs" id="search-tab" role="tablist">
                                    <li class="nav-item">
                        <a class="nav-link " id="kenteken-tab" data-toggle="tab"
                           href="#kenteken" role="tab" aria-controls="kenteken"
                           aria-selected="false">Zoek op Kenteken</a>
                    </li>
                                <li class="nav-item">
                    <a class="nav-link active" id="auto-tab" data-toggle="tab"
                       href="#auto" role="tab" aria-controls="auto"
                       aria-selected="true">Zoek op Auto</a>
                </li>
            </ul>
            <div class="tab-content" id="search-tab-content">
                                    <div class="tab-pane fade " role="tabpanel"
                         aria-labelledby="kenteken-tab" id="kenteken">
                        <form action="https://www.maresiaparts.nl/index.php?route=product/search" method="get" enctype="multipart/form-data" autocomplete="off">
                            <input type="hidden" name="stype" value="lplate" autocomplete="off">
                            <input type="hidden" name="route" value="product/search">
                            
                            <div style="position: relative;">
                                <input type="text" name="kenteken" id="kenteken_input" class="input-kenteken"
                                   value="" autocomplete="off">
                                <div onclick="emptyField()" style="position: absolute; right: 10px; top: 7px; cursor: pointer; font-size: 2rem;">x</div>
                            </div>

                                                                                    <input type="submit" value="Zoeken" class="button"
                                   style="margin-left: 0; margin-bottom: 0;">
                        </form>
                                            </div><!-- </.tab-pane> -->
                                <div class="tab-pane fade show active" id="auto" role="tabpanel"
                     aria-labelledby="auto-tab">
                    <!-- #column-left only present if actually found parts -->
                    <form action="https://www.maresiaparts.nl/index.php?route=product/search#column-left" method="get" enctype="multipart/form-data">
                        <input type="hidden" name="stype" value="makemodelpart">
                        <input type="hidden" name="route" value="product/search">

                                                <select name="make" id="make" ><option value="" class="empty-option">Selecteer automerk...</option><option value="Alfa Romeo">Alfa Romeo</option><option value="Audi">Audi</option><option value="Citroen">Citroen</option><option value="Dacia">Dacia</option><option value="Fiat">Fiat</option><option value="Ford">Ford</option><option value="Iveco">Iveco</option><option value="Jaguar">Jaguar</option><option value="Lancia">Lancia</option><option value="Landrover">Landrover</option><option value="Mercedes">Mercedes</option><option value="Mitsubishi">Mitsubishi</option><option value="Nissan">Nissan</option><option value="Opel">Opel</option><option value="Peugeot">Peugeot</option><option value="Porsche">Porsche</option><option value="Renault" selected="selected">Renault</option><option value="Suzuki">Suzuki</option><option value="Toyota">Toyota</option><option value="Volkswagen">Volkswagen</option><option value="Volvo">Volvo</option></select>                        <select name="model" id="model" ><option value="" class="empty-option">Selecteer model...</option><option value="Avantime">Avantime</option><option value="Captur">Captur</option><option value="Clio">Clio</option><option value="Espace">Espace</option><option value="Express">Express</option><option value="Fluence">Fluence</option><option value="Grand Scenic">Grand Scenic</option><option value="Kadjar" selected="selected">Kadjar</option><option value="Kangoo">Kangoo</option><option value="Koleos">Koleos</option><option value="Laguna">Laguna</option><option value="Master">Master</option><option value="Megane">Megane</option><option value="Megane Break">Megane Break</option><option value="Megane Scenic">Megane Scenic</option><option value="Modus">Modus</option><option value="Nevada">Nevada</option><option value="R19">R19</option><option value="R21">R21</option><option value="R25">R25</option><option value="R5">R5</option><option value="Safrane">Safrane</option><option value="Scenic">Scenic</option><option value="Talisman">Talisman</option><option value="Trafic">Trafic</option><option value="Twingo">Twingo</option><option value="Vel Satis">Vel Satis</option><option value="Wind">Wind</option><option value="ZOE">ZOE</option></select>                        <select name="part" id="part" class="select2-lang" data-langcode="nl"><option value="" class="empty-option">Selecteer auto-onderdeel...</option><option value="AAC Unit Computerkachel">AAC Unit Computerkachel</option><option value="Aandrijfas links-voor">Aandrijfas links-voor</option><option value="Aandrijfas rechts-voor">Aandrijfas rechts-voor</option><option value="Aanjager">Aanjager</option><option value="Aanzuigslang Lucht">Aanzuigslang Lucht</option><option value="ABS Pomp">ABS Pomp</option><option value="Accu sensor">Accu sensor</option><option value="Achteras voorwielaandrijving">Achteras voorwielaandrijving</option><option value="Achterbank">Achterbank</option><option value="Achterklep Slotmechaniek">Achterklep Slotmechaniek</option><option value="Achterlicht links">Achterlicht links</option><option value="Achterlicht rechts">Achterlicht rechts</option><option value="Achteruitrij Camera">Achteruitrij Camera</option><option value="ADM brandstof module">ADM brandstof module</option><option value="Airbag hemel links">Airbag hemel links</option><option value="Airbag hemel rechts">Airbag hemel rechts</option><option value="Airbag Module">Airbag Module</option><option value="Airbag set + dashboard">Airbag set + dashboard</option><option value="Airco Condensor">Airco Condensor</option><option value="Airco Leiding">Airco Leiding</option><option value="Aircopomp">Aircopomp</option><option value="Alarmlicht Schakelaar">Alarmlicht Schakelaar</option><option value="Alternator">Alternator</option><option value="Armleuning">Armleuning</option><option value="Armsteun">Armsteun</option><option value="Asschenkel links-voor">Asschenkel links-voor</option><option value="Asschenkel rechts-voor">Asschenkel rechts-voor</option><option value="Automaatbak">Automaatbak</option><option value="AUX/USB aansluiting">AUX/USB aansluiting</option><option value="Bandenspanningsensor">Bandenspanningsensor</option><option value="Bedieningspaneel Multi Media">Bedieningspaneel Multi Media</option><option value="Binnenverlichting achter">Binnenverlichting achter</option><option value="Binnenverlichting voor">Binnenverlichting voor</option><option value="Blower">Blower</option><option value="Bobine">Bobine</option><option value="Brandstofpomp Elektrisch">Brandstofpomp Elektrisch</option><option value="Brandstofpomp Mechanisch">Brandstofpomp Mechanisch</option><option value="Buitenspiegel links">Buitenspiegel links</option><option value="Bumper voor">Bumper voor</option><option value="Bumperbalk achter">Bumperbalk achter</option><option value="Bumperbalk voor">Bumperbalk voor</option><option value="Bumperframe achter">Bumperframe achter</option><option value="Bumperframe voor">Bumperframe voor</option><option value="Camera achteruitrijden">Camera achteruitrijden</option><option value="Camera module">Camera module</option><option value="Camera voorzijde">Camera voorzijde</option><option value="Cardanas links-voor (VWA)">Cardanas links-voor (VWA)</option><option value="Cardanas rechts-voor (VWA)">Cardanas rechts-voor (VWA)</option><option value="Chaufage Bedieningspaneel">Chaufage Bedieningspaneel</option><option value="Chaufage Ventilatiemotor">Chaufage Ventilatiemotor</option><option value="Chaufagebak">Chaufagebak</option><option value="Cilinderkop">Cilinderkop</option><option value="Cockpit">Cockpit</option><option value="Combischakelaar ramen">Combischakelaar ramen</option><option value="Combischakelaar Stuurkolom">Combischakelaar Stuurkolom</option><option value="Common rail (Injectie)">Common rail (Injectie)</option><option value="Computer Handrem">Computer Handrem</option><option value="Computer Kachel">Computer Kachel</option><option value="Computer Motormanagement">Computer Motormanagement</option><option value="Daglicht LED module">Daglicht LED module</option><option value="Deur 4Deurs links-achter">Deur 4Deurs links-achter</option><option value="Deur 4Deurs links-voor">Deur 4Deurs links-voor</option><option value="Deur 4Deurs rechts-achter">Deur 4Deurs rechts-achter</option><option value="Deurbekleding 4Deurs links-achter">Deurbekleding 4Deurs links-achter</option><option value="Deurbekleding 4Deurs rechts-achter">Deurbekleding 4Deurs rechts-achter</option><option value="Deurbekleding 4Deurs rechts-voor">Deurbekleding 4Deurs rechts-voor</option><option value="Deurgreep 4Deurs links-achter">Deurgreep 4Deurs links-achter</option><option value="Deurgreep 4Deurs links-voor">Deurgreep 4Deurs links-voor</option><option value="Deurgreep 4Deurs rechts-achter">Deurgreep 4Deurs rechts-achter</option><option value="Deurgreep 4Deurs rechts-voor">Deurgreep 4Deurs rechts-voor</option><option value="Deurrubber 4Deurs links-achter">Deurrubber 4Deurs links-achter</option><option value="Deurrubber 4Deurs links-voor">Deurrubber 4Deurs links-voor</option><option value="Deurrubber 4Deurs rechts-achter">Deurrubber 4Deurs rechts-achter</option><option value="Deurrubber 4Deurs rechts-voor">Deurrubber 4Deurs rechts-voor</option><option value="Deurruit 4Deurs links-achter">Deurruit 4Deurs links-achter</option><option value="Deurruit 4Deurs links-voor">Deurruit 4Deurs links-voor</option><option value="Deurruit 4Deurs rechts-achter">Deurruit 4Deurs rechts-achter</option><option value="Deurruit 4Deurs rechts-voor">Deurruit 4Deurs rechts-voor</option><option value="Deurslot Mechaniek 4Deurs links-achter">Deurslot Mechaniek 4Deurs links-achter</option><option value="Deurslot Mechaniek 4Deurs links-voor">Deurslot Mechaniek 4Deurs links-voor</option><option value="Deurslot Mechaniek 4Deurs rechts-achter">Deurslot Mechaniek 4Deurs rechts-achter</option><option value="Deurslot Mechaniek 4Deurs rechts-voor">Deurslot Mechaniek 4Deurs rechts-voor</option><option value="Draagarm links-voor">Draagarm links-voor</option><option value="Draagarm onder links-voor">Draagarm onder links-voor</option><option value="Draagarm rechts-voor">Draagarm rechts-voor</option><option value="Draagarmsteun linksvoor">Draagarmsteun linksvoor</option><option value="Draagarmsteun rechtsvoor">Draagarmsteun rechtsvoor</option><option value="Dynamo" selected="selected">Dynamo</option><option value="EGR Buis">EGR Buis</option><option value="EGR Klep">EGR Klep</option><option value="Expansievat">Expansievat</option><option value="Frontpaneel">Frontpaneel</option><option value="Fusee links-voor">Fusee links-voor</option><option value="Fusee rechts-voor">Fusee rechts-voor</option><option value="Galerij (Injectie)">Galerij (Injectie)</option><option value="Gasklephuis">Gasklephuis</option><option value="Gaspedaal">Gaspedaal</option><option value="Gaspedaalpositie Sensor">Gaspedaalpositie Sensor</option><option value="Gevarenlicht Schakelaar">Gevarenlicht Schakelaar</option><option value="Gier sensor">Gier sensor</option><option value="G-lader">G-lader</option><option value="Gloeirelais">Gloeirelais</option><option value="Handrem Computer">Handrem Computer</option><option value="Handrem Module">Handrem Module</option><option value="Handrem schakelaar">Handrem schakelaar</option><option value="Hemel airbag links">Hemel airbag links</option><option value="Hemel airbag rechts">Hemel airbag rechts</option><option value="Homokineetas links-voor">Homokineetas links-voor</option><option value="Homokineetas rechts-voor">Homokineetas rechts-voor</option><option value="Injector (benzine injectie)">Injector (benzine injectie)</option><option value="Injector brug">Injector brug</option><option value="Instrumentenpaneel">Instrumentenpaneel</option><option value="Intercooler">Intercooler</option><option value="Intercooler Buis">Intercooler Buis</option><option value="Intercooler Slang">Intercooler Slang</option><option value="Kachel Bedieningspaneel">Kachel Bedieningspaneel</option><option value="Kachel Ventilatiemotor">Kachel Ventilatiemotor</option><option value="Kachel Weerstand">Kachel Weerstand</option><option value="Kachelcomputer">Kachelcomputer</option><option value="Kachelhuis">Kachelhuis</option><option value="Katalysator">Katalysator</option><option value="Kleppendeksel">Kleppendeksel</option><option value="Koelvin Motor">Koelvin Motor</option><option value="Koelvinweerstand">Koelvinweerstand</option><option value="Koelvloeistof Reservoir">Koelvloeistof Reservoir</option><option value="Koelwater Reservoir">Koelwater Reservoir</option><option value="Kofferbak Mat">Kofferbak Mat</option><option value="Koolstoffilter">Koolstoffilter</option><option value="Koppeling schakelaar">Koppeling schakelaar</option><option value="Krukas">Krukas</option><option value="Krukas Tandwiel">Krukas Tandwiel</option><option value="Licht + Raw Schakelaar">Licht + Raw Schakelaar</option><option value="Luchtfilterhuis">Luchtfilterhuis</option><option value="Luchthoeveelheidsmeter">Luchthoeveelheidsmeter</option><option value="Luchtinlaat slang">Luchtinlaat slang</option><option value="Luchtregelklep">Luchtregelklep</option><option value="Luchtrooster Dashboard">Luchtrooster Dashboard</option><option value="Mac Phersonpoot links-voor">Mac Phersonpoot links-voor</option><option value="Mac Phersonpoot rechts-voor">Mac Phersonpoot rechts-voor</option><option value="Mistlamp links-voor">Mistlamp links-voor</option><option value="Mistlamp rechts-voor">Mistlamp rechts-voor</option><option value="Modderkuip">Modderkuip</option><option value="Modele EPB">Modele EPB</option><option value="Module (diversen)">Module (diversen)</option><option value="Module Airbag">Module Airbag</option><option value="Module brandstof ADM">Module brandstof ADM</option><option value="Module Navigatie">Module Navigatie</option><option value="Module PDC">Module PDC</option><option value="Module Trekhaak">Module Trekhaak</option><option value="Motor">Motor</option><option value="Motor Beschermplaat">Motor Beschermplaat</option><option value="Motor Ruitenwisser achter">Motor Ruitenwisser achter</option><option value="Motorkap Scharnier">Motorkap Scharnier</option><option value="Motorrubber">Motorrubber</option><option value="Motorsteun">Motorsteun</option><option value="Multi Media Regelunit">Multi Media Regelunit</option><option value="Navigatie computer">Navigatie computer</option><option value="Navigatie Display">Navigatie Display</option><option value="Navigatie Module">Navigatie Module</option><option value="Nokkenas Tandwiel">Nokkenas Tandwiel</option><option value="Oliefilterhouder">Oliefilterhouder</option><option value="Oliekoeler">Oliekoeler</option><option value="Oliepomp">Oliepomp</option><option value="Paniekverlichtings Schakelaar">Paniekverlichtings Schakelaar</option><option value="Paravan">Paravan</option><option value="Paravent">Paravent</option><option value="Parkeersensor">Parkeersensor</option><option value="PDC Module">PDC Module</option><option value="PDC Sensor">PDC Sensor</option><option value="Pomp Airco">Pomp Airco</option><option value="Pook">Pook</option><option value="Portier 4Deurs links-achter">Portier 4Deurs links-achter</option><option value="Portier 4Deurs links-voor">Portier 4Deurs links-voor</option><option value="Portier 4Deurs rechts-achter">Portier 4Deurs rechts-achter</option><option value="Portierbekleding 4Deurs links-achter">Portierbekleding 4Deurs links-achter</option><option value="Portierbekleding 4Deurs rechts-achter">Portierbekleding 4Deurs rechts-achter</option><option value="Portierbekleding 4Deurs rechts-voor">Portierbekleding 4Deurs rechts-voor</option><option value="Portiergreep 4Deurs links-achter">Portiergreep 4Deurs links-achter</option><option value="Portiergreep 4Deurs links-voor">Portiergreep 4Deurs links-voor</option><option value="Portiergreep 4Deurs rechts-achter">Portiergreep 4Deurs rechts-achter</option><option value="Portiergreep 4Deurs rechts-voor">Portiergreep 4Deurs rechts-voor</option><option value="Portierrubber 4Deurs links-achter">Portierrubber 4Deurs links-achter</option><option value="Portierrubber 4Deurs links-voor">Portierrubber 4Deurs links-voor</option><option value="Portierrubber 4Deurs rechts-achter">Portierrubber 4Deurs rechts-achter</option><option value="Portierrubber 4Deurs rechts-voor">Portierrubber 4Deurs rechts-voor</option><option value="Portierruit 4Deurs links-achter">Portierruit 4Deurs links-achter</option><option value="Portierruit 4Deurs links-voor">Portierruit 4Deurs links-voor</option><option value="Portierruit 4Deurs rechts-achter">Portierruit 4Deurs rechts-achter</option><option value="Portierruit 4Deurs rechts-voor">Portierruit 4Deurs rechts-voor</option><option value="Portierslot Mechaniek 4Deurs links-achter">Portierslot Mechaniek 4Deurs links-achter</option><option value="Portierslot Mechaniek 4Deurs links-voor">Portierslot Mechaniek 4Deurs links-voor</option><option value="Portierslot Mechaniek 4Deurs rechts-achter">Portierslot Mechaniek 4Deurs rechts-achter</option><option value="Portierslot Mechaniek 4Deurs rechts-voor">Portierslot Mechaniek 4Deurs rechts-voor</option><option value="Raammechaniek 4Deurs links-achter">Raammechaniek 4Deurs links-achter</option><option value="Raammechaniek 4Deurs links-voor">Raammechaniek 4Deurs links-voor</option><option value="Raammechaniek 4Deurs rechts-achter">Raammechaniek 4Deurs rechts-achter</option><option value="Raammechaniek 4Deurs rechts-voor">Raammechaniek 4Deurs rechts-voor</option><option value="Radar sensor">Radar sensor</option><option value="Radiateur">Radiateur</option><option value="Radiateurbalk">Radiateurbalk</option><option value="Radio">Radio</option><option value="Radio versterker">Radio versterker</option><option value="Radiobediening Stuur">Radiobediening Stuur</option><option value="Regelunit Multi Media">Regelunit Multi Media</option><option value="Regensensor">Regensensor</option><option value="Relais">Relais</option><option value="Relais Voorgloei">Relais Voorgloei</option><option value="Rembekrachtiger">Rembekrachtiger</option><option value="Rembol">Rembol</option><option value="Rembooster">Rembooster</option><option value="Remklauw (Tang) links-achter">Remklauw (Tang) links-achter</option><option value="Remklauw (Tang) links-voor">Remklauw (Tang) links-voor</option><option value="Remklauw (Tang) rechts-achter">Remklauw (Tang) rechts-achter</option><option value="Remklauw (Tang) rechts-voor">Remklauw (Tang) rechts-voor</option><option value="Ruitensproeiertank voor">Ruitensproeiertank voor</option><option value="Ruitenwis Mechaniek">Ruitenwis Mechaniek</option><option value="Ruitenwisserarm voor">Ruitenwisserarm voor</option><option value="Ruitenwissermotor achter">Ruitenwissermotor achter</option><option value="Ruitenwissermotor voor">Ruitenwissermotor voor</option><option value="Ruitmechaniek 4Deurs links-achter">Ruitmechaniek 4Deurs links-achter</option><option value="Ruitmechaniek 4Deurs links-voor">Ruitmechaniek 4Deurs links-voor</option><option value="Ruitmechaniek 4Deurs rechts-achter">Ruitmechaniek 4Deurs rechts-achter</option><option value="Ruitmechaniek 4Deurs rechts-voor">Ruitmechaniek 4Deurs rechts-voor</option><option value="Schakelaar">Schakelaar</option><option value="Schakelaar handrem">Schakelaar handrem</option><option value="Schakelaar Paniekverlichting">Schakelaar Paniekverlichting</option><option value="Schakelaar Spiegel">Schakelaar Spiegel</option><option value="Schakelaar Stuurkolom (licht)">Schakelaar Stuurkolom (licht)</option><option value="Schakelblok ruiten">Schakelblok ruiten</option><option value="Schakelmechaniek">Schakelmechaniek</option><option value="Scherm links-voor">Scherm links-voor</option><option value="Scherm rechts-voor">Scherm rechts-voor</option><option value="Schokdemperpoot links-voor">Schokdemperpoot links-voor</option><option value="Schokdemperpoot rechts-voor">Schokdemperpoot rechts-voor</option><option value="Schroefveer achter">Schroefveer achter</option><option value="Sensor Bandenspanning">Sensor Bandenspanning</option><option value="Sensor Gaspedaalpositie">Sensor Gaspedaalpositie</option><option value="Sensor PDC">Sensor PDC</option><option value="Sensor regen">Sensor regen</option><option value="Servo Elektrisch">Servo Elektrisch</option><option value="Slijkweerder">Slijkweerder</option><option value="Slotmechaniek Achterklep">Slotmechaniek Achterklep</option><option value="Slotmechaniek Portier 4Deurs links-achter">Slotmechaniek Portier 4Deurs links-achter</option><option value="Slotmechaniek Portier 4Deurs links-voor">Slotmechaniek Portier 4Deurs links-voor</option><option value="Slotmechaniek Portier 4Deurs rechts-achter">Slotmechaniek Portier 4Deurs rechts-achter</option><option value="Slotmechaniek Portier 4Deurs rechts-voor">Slotmechaniek Portier 4Deurs rechts-voor</option><option value="Spanning Stabilisator">Spanning Stabilisator</option><option value="Spatbord Lijst">Spatbord Lijst</option><option value="Spatbord links-voor">Spatbord links-voor</option><option value="Spatbord rechts-voor">Spatbord rechts-voor</option><option value="Spiegel Buiten links">Spiegel Buiten links</option><option value="Spiegel Schakelaar">Spiegel Schakelaar</option><option value="Spiegelkap links">Spiegelkap links</option><option value="Spiegelkap rechts">Spiegelkap rechts</option><option value="Start/stop condensator">Start/stop condensator</option><option value="Start/Stop relais">Start/Stop relais</option><option value="Start/Stop schakelaar">Start/Stop schakelaar</option><option value="Startmotor">Startmotor</option><option value="Steekas links-voor">Steekas links-voor</option><option value="Steekas rechts-voor">Steekas rechts-voor</option><option value="Stoel links">Stoel links</option><option value="Stoel rechts">Stoel rechts</option><option value="Stuurbekrachtiging Elektrisch">Stuurbekrachtiging Elektrisch</option><option value="Stuurhoek sensor">Stuurhoek sensor</option><option value="Stuurhuis">Stuurhuis</option><option value="Stuurkolom Huis">Stuurkolom Huis</option><option value="Stuurkolomschakelaar">Stuurkolomschakelaar</option><option value="Stuurwiel">Stuurwiel</option><option value="Subframe">Subframe</option><option value="Tank element Pomp">Tank element Pomp</option><option value="Tank Klep">Tank Klep</option><option value="Thermostaathuis">Thermostaathuis</option><option value="Trekhaak Module">Trekhaak Module</option><option value="Triangel links-voor">Triangel links-voor</option><option value="Triangel rechts-voor">Triangel rechts-voor</option><option value="Turbo">Turbo</option><option value="Uitlaat Einddemper">Uitlaat Einddemper</option><option value="Uitlaat gasklep (EGR)">Uitlaat gasklep (EGR)</option><option value="Vacuumpomp (Diesel)">Vacuumpomp (Diesel)</option><option value="Veerpoot links-voor">Veerpoot links-voor</option><option value="Veerpoot rechts-voor">Veerpoot rechts-voor</option><option value="Veerschroef achter">Veerschroef achter</option><option value="Veiligheidsgordel links-achter">Veiligheidsgordel links-achter</option><option value="Veiligheidsgordel links-voor">Veiligheidsgordel links-voor</option><option value="Veiligheidsgordel rechts-achter">Veiligheidsgordel rechts-achter</option><option value="Veiligheidsgordel rechts-voor">Veiligheidsgordel rechts-voor</option><option value="Velg">Velg</option><option value="Versnellingsbak">Versnellingsbak</option><option value="Versnellingsbakdeksel">Versnellingsbakdeksel</option><option value="Versnellingsbakhuis">Versnellingsbakhuis</option><option value="Versnellingspook">Versnellingspook</option><option value="Verstuiver brug">Verstuiver brug</option><option value="Videpomp (Diesel)">Videpomp (Diesel)</option><option value="Vliegwiel">Vliegwiel</option><option value="Vloerplaat bagageruimte">Vloerplaat bagageruimte</option><option value="Voorbumper">Voorbumper</option><option value="Voorfront">Voorfront</option><option value="Voorgloei Relais">Voorgloei Relais</option><option value="Voorpoot links">Voorpoot links</option><option value="Voorpoot rechts">Voorpoot rechts</option><option value="Voorscherm links">Voorscherm links</option><option value="Voorscherm rechts">Voorscherm rechts</option><option value="Voorstoel links">Voorstoel links</option><option value="Voorstoel rechts">Voorstoel rechts</option><option value="Wieldop">Wieldop</option><option value="Wielkuip">Wielkuip</option><option value="Winterband">Winterband</option><option value="Zekeringkast">Zekeringkast</option><option value="Zonneklep">Zonneklep</option><option value="Zuiger">Zuiger</option></select>                                                <input type="submit" value="Zoeken" class="button"
                               style="margin-left: 0; margin-bottom: 0;">
                    </form>
                </div><!-- </.tab-pane> -->
                                                                    
            </div><!-- </.tab-content> -->

        </div>
    </div>
    <div class="right box box-border">
        <!--<div class="box-heading">Zoek op Onderdeel</div>-->
        <div class="box-content">

            <ul class="nav nav-tabs" id="search-tab-2" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="onderdeel-tab" data-toggle="tab" href="#onderdeel" role="tab"
                       aria-controls="onderdeel" aria-selected="true">Onderdeel</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="categorie-tab" data-toggle="tab" href="#categorie" role="tab"
                       aria-controls="categorie" aria-selected="false">Categorie</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="banden-tab" data-toggle="tab" href="#banden" role="tab"
                       aria-controls="banden" aria-selected="false">Banden</a>
                </li>
            </ul>
            <div class="tab-content" id="search-tab-content">

                <div class="tab-pane fade show active" id="onderdeel" role="tabpanel" aria-labelledby="onderdeel-tab">
                    <!-- #column-left only present if actually found parts -->
                    <form action="https://www.maresiaparts.nl/index.php?route=product/search#column-left" method="get" enctype="multipart/form-data" id="other_search">
                        <input type="hidden" name="stype" value="code">
                        <input type="hidden" name="route" value="product/search">
                        <input type="text" id="articlenumber"
                               data-name="artikelnummer"
                               placeholder="Artikelnummer"
                               value=""/>
                        <input type="text" id="enginecode" data-name="motorcode" placeholder="Motorcode"
                               value="" >
                        <input type="text" id="transmissioncode" data-name="versnellingsbakcode"
                               placeholder="Versnellingsbakcode"
                               value="">

                                                <select name="other_part" style="display: none;"></select>

                        <script>
                            $(function() {
                                $("input[data-name]").each(function (e) {
                                    var originalValue = $(this).attr("data-name");
                                    $(this).attr("name", originalValue);
                                });

                                var inputs = $('#articlenumber, #enginecode, #transmissioncode');
                                inputs.on('input', function() {
                                    var otherPartInput = $('#other_part');
                                    if (otherPartInput.length > 0) {
                                        otherPartInput.select2('destroy').remove();
                                    }
                                    var currentInput = $(this);
                                    inputs.each(function() {
                                        var self = $(this);
                                        if (!currentInput.is(self)) {
                                            self.val('');
                                        }
                                    });
                                });
                            });
                        </script>
                        <!-- reusing the name attribute 'part' but using id 'other_part' -->
                                                <input type="submit" value="Zoeken" class="button" id="part-search"
                               style="margin-left: 0; margin-bottom: 0;">
                    </form>
                    <script>
                        $('select[name=other_search]').change( function () {
                            var val = $(this).find('option:selected').val();
                            if ( val === 'audio' || val === 'velgen' ) {
                                let select = $('select[name=other_part]');
                                select.disabled = true;
                                select.addClass("disabled");

                                $.ajax('https://www.maresiaparts.nl/index.php?route=module/autonet_search/parts&other_search='+val+'&other_text=', {
                                    success: function (data) {
                                        var values = JSON.parse(data);
                                        console.debug(values);
                                        var select = $('select[name=other_part]');
                                        select.append("<option disabled selected hidden style='display: none'>Selecteer...</option>");
                                        values.forEach(function(value) {
                                            select.append("<option value=\""+value.value+"\">"+value.label+"</option>");
                                        });
                                        select.disabled = false;
                                        select.removeClass("disabled");
                                    }
                                });
                            }
                        });

                        function show_input(val) {
                            let select = $('select[name=other_part]');
                            let input = $('#other_search input:not([type=submit])');

                            if ( val === 'reset' ) {
                                select.hide();
                                input.hide();
                            } else if ( val === 'audio' || val === 'velgen' ) {
                                select.empty();
                                select.show();
                                input.hide();
                            } else {
                                select.hide();
                                input.hide();
                                $('input#'+val).show();
                            }
                        }
                    </script>
                </div>

                <div class="tab-pane fade" id="categorie" role="tabpanel" aria-labelledby="categorie-tab">
                    <!-- #column-left only present if actually found parts -->
                    <form action="https://www.maresiaparts.nl/index.php?route=product/search#column-left" method="get" enctype="multipart/form-data" id="other_search">
                        <input type="hidden" name="stype" value="code">
                        <input type="hidden" name="route" value="product/search"/>

                        <div class="search-groups">
                            <label>
                                <input type="radio" name="group" value="tires" />
                                <img src="https://www.onderdelenlijn.nl/images/icons_direct/icon_tires.png" alt="Banden">
                                <span class="label-text">Banden</span>
                            </label>
                            <label>
                                <input type="radio" name="group" value="wintertyres" />
                                <img src="https://www.onderdelenlijn.nl/images/icons_direct/icon_wintertires.png" alt="Winterbanden">
                                <span class="label-text">Winterbanden</span>
                            </label>
                            <label>
                                <input type="radio" name="group" value="rims" />
                                <img src="https://www.onderdelenlijn.nl/images/icons_direct/icon_velgen.png" alt="Velgen">
                                <span class="label-text">Velgen</span>
                            </label>
                            <label>
                                <input type="radio" name="group" value="audio" />
                                <img src="https://www.onderdelenlijn.nl/images/icons_direct/icon_speaker.png" alt="Audio">
                                <span class="label-text">Audio</span>
                            </label>
                            <label>
                                <input type="radio" name="group" value="lpg" />
                                <img src="https://www.onderdelenlijn.nl/images/icons_direct/icon_lpg.png" alt="LPG">
                                <span class="label-text">LPG</span>
                            </label>
                            <label>
                                <input type="radio" name="group" value="universal" />
                                <img src="https://www.onderdelenlijn.nl/images/icons_direct/icon_universal.png" alt="Universeel">
                                <span class="label-text">Universeel</span>
                            </label>
                        </div>

                        <!-- reusing the name attribute 'part' but using id 'category_parts' -->
                        

                        <input type="submit" value="Zoeken" class="button" id="part-search"
                               style="margin-left: 0; margin-bottom: 0;">
                    </form>
                </div>
                <div class="tab-pane fade" id="banden" role="tabpanel" aria-labelledby="banden-tab">
                    <!-- #column-left only present if actually found parts -->
                    <form action="https://www.maresiaparts.nl/index.php?route=product/search#column-left" method="get" enctype="multipart/form-data">
                        <input type="hidden" name="stype" value="tires">
                        <input type="hidden" name="route" value="product/search">
                        <input type="hidden" name="property_partname" value="band">
                        <input type="hidden" name="group" value="tires">
                        <!-- send directly as being a part -->
                        <select name="part" id="tire_size" ><option value="" class="empty-option">Selecteer bandenmaat</option><option value="155/80/13">155/80/13</option><option value="165/65/15">165/65/15</option><option value="175/65/14">175/65/14</option><option value="175/65/15">175/65/15</option><option value="175/70/14">175/70/14</option><option value="185/55/15">185/55/15</option><option value="185/65/15">185/65/15</option><option value="185/65/16">185/65/16</option><option value="185/75/14">185/75/14</option><option value="195/15">195/15</option><option value="195/50/16">195/50/16</option><option value="195/55/15">195/55/15</option><option value="195/55/16">195/55/16</option><option value="195/55/20">195/55/20</option><option value="195/60/15">195/60/15</option><option value="195/60/16">195/60/16</option><option value="195/65/15">195/65/15</option><option value="195/65/16">195/65/16</option><option value="195/70/15">195/70/15</option><option value="205/45/17">205/45/17</option><option value="205/50/16">205/50/16</option><option value="205/50/17">205/50/17</option><option value="205/55/16">205/55/16</option><option value="205/55/17">205/55/17</option><option value="205/60/16">205/60/16</option><option value="205/65/15">205/65/15</option><option value="205/65/16">205/65/16</option><option value="215/40/18">215/40/18</option><option value="215/45/17">215/45/17</option><option value="215/50/17">215/50/17</option><option value="215/55/16">215/55/16</option><option value="215/55/17">215/55/17</option><option value="215/60/16">215/60/16</option><option value="215/65/15">215/65/15</option><option value="215/65/16">215/65/16</option><option value="215/70/15">215/70/15</option><option value="215/75/16">215/75/16</option><option value="225/45/17">225/45/17</option><option value="225/55/17">225/55/17</option><option value="235/45/18">235/45/18</option><option value="235/50/19">235/50/19</option><option value="235/55/19">235/55/19</option><option value="255/45/20">255/45/20</option><option value="255/60/17">255/60/17</option><option value="275/30/19">275/30/19</option><option value="295/35/21">295/35/21</option></select>                        <input type="submit" value="Zoeken" class="button hidden"
                               style="margin-left: 0; margin-bottom: 0;">
                    </form>
                </div>

            </div>

        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#search-tab a').tabs();
            $('#search-tab-2 a').tabs();
                                });
    </script>

        
</div>


<div class="clear"></div>

<script type="text/javascript"><!--
    $(document).ready(function () {

        /*
        if ($('#other_search').val() == 'velgen' || $('#other_search').val() == 'banden' || $('#other_search').val() == 'audio') {
            $('#other_text').attr('disabled', 'disabled');
        }
        */

        // NOTE: see also catalog/view/theme/dreamwhite/template/common/home.tpl
        // there trigger('change') is called and this clears search for homepage.

        var make = $('#make');
        var model = $('#model');
        var part = $('#part');
        var kenteken = $('#kenteken_input');


        var makeSearchedVal = null;
        // using change and blur because iphone does not call change, see https://stackoverflow.com/a/10544704/3017716
        make.on('change', function (e) {
            // this is for when change is called and blur called directly afterwards
            if (makeSearchedVal == make.val()) return;
            makeSearchedVal = make.val();
            // model.prop('disabled', true);
            model.find('option:gt(0)').remove();
            // part.prop('disabled', true);
            part.find('option:gt(0)').remove();
            make.closest('form').toggleClass('loading', true);


            if (makeSearchedVal != '') {
                //$.getJSON("<?//= HTTP_SERVER ?>//?route=module/autonet_search/models", {make: makeSearchedVal}, function (data) {
                $.ajax({
                    url: "/?route=module/autonet_search/models",
                    data: { make: makeSearchedVal },
                    accepts: 'application/json',
                    dataType: 'json',
                    success: function (data) {
                        var replace = '';
                        make.closest('form').toggleClass('loading', false);
                        $.each(data, function (key, val) {
                            replace += "<option value='" + val.value + "'>" + val.label + "</option>";
                        });
                        model.append(replace);
                        // model.prop('disabled', false);
                        // called in catalog/view/theme/dreamwhite/template/product/search.tpl
                        if (typeof make.data('successCallback') === 'function') {
                            make.data('successCallback')(data);
                        }
                    }
                })
                //.done(function() {
                //    alert("second success");
                //})
                //.fail(function( jqxhr, textStatus, error ) {
                //    alert( "<?//= HTTP_SERVER ?>//?route=module/autonet_search/models: " + textStatus + ': ' + error + ': '  + JSON.stringify(jqxhr) + ': ' + make.val() );
                //})
                //.always(function() {
                //    alert( "complete" );
                //})
                ;
                // jqxhr.complete(function() {
                //     alert( "second complete" );
                // })
            }
        });

        var modelSearchedVal = null;
        // using change and blur because iphone does not call change, see https://stackoverflow.com/a/10544704/3017716
        model.on('change', function () {
            if ( makeSearchedVal == null ) {
                makeSearchedVal = $('#make option:selected').val();
            }
            // this is for when change is called and blur called directly afterwards
            if (modelSearchedVal == model.val()) return;
            modelSearchedVal = model.val();
            // part.prop('disabled', true);
            part.find('option:gt(0)').remove();
            model.closest('form').toggleClass('loading', true);
            part.attr('disabled', 'disabled');
            if (modelSearchedVal != '') {
                //$.getJSON("<?//= HTTP_SERVER ?>//?route=module/autonet_search/parts", {
                $.getJSON("/?route=module/autonet_search/parts", {
                    make: makeSearchedVal,
                    model: modelSearchedVal
                }, function (data) {
                    var replace = '';
                    model.closest('form').toggleClass('loading', false);
                    if (data.hasOwnProperty('error')) {
                        alert(data.error);
                    } else {
                        part.removeAttr('disabled');
                        $.each(data, function (key, val) {
                            replace += "<option value='" + val.value + "'>" + val.label + "</option>";
                        });
                        part.append(replace);
                        // part.prop('disabled', false);
                        // called in catalog/view/theme/dreamwhite/template/product/search.tpl
                        if (typeof model.data('successCallback') === 'function') {
                            model.data('successCallback')(data);
                        }

                        // To be able to remove license plate searching when searching for a different car
                        make.off('change', rmL1).on('change', rmL1);
                        function rmL1() {
                            removethingy($('#removeLicense'));
                        }
                        model.off('change', rmL2).on('change', rmL2);
                        function rmL2() {
                            removethingy($('#removeLicense'));
                        }
                    }
                });
            }
        });

        $('.removeable').click(function () {
            removethingy(this);
        });

        function removethingy(element) {
            var self = $(element);
            var input = self.prev('input');
            self.remove();
            input.remove();
        }


        $('#auto .removeable').click(function () {
            make.prop('disabled', false);
            model.prop('disabled', false);
        });

        kenteken.change(function () {
            license_eval(kenteken.val());
        });
        function license_eval(license) {
            try {
                var valid = false;

                if (license === '') {
                    valid = true;
                } else {
                    var type = license_type(license);
                    if (type > 0) {
                        valid = true;
                        var licenseformat = license_format(license, type);

                        kenteken.val(licenseformat);
                    }
                }
                $(kenteken).data('valid', valid);
                //return valid;
            } catch (err) {
                console.log(err);
            }
        }

        function license_cleanup(license) {
            try {
                license = license.toLowerCase().replace('-', '');

                license = license.toUpperCase().replace('-', '');
                return license;
            } catch (err) {
                console.log(err);
            }
        }

        function license_type(license) {

            try {

                license = license.toUpperCase();
                license = license_cleanup(license);

                var types = new Array;

                types[0] = /^[A-Z]{2}[\d]{2}[\d]{2}$/;      //   1       XX-99-99
                types[1] = /^[\d]{2}[\d]{2}[A-Z]{2}$/;      //   2       99-99-XX
                types[2] = /^[\d]{2}[A-Z]{2}[\d]{2}$/;      //   3       99-XX-99
                types[3] = /^[A-Z]{2}[\d]{2}[A-Z]{2}$/;     //   4       XX-99-XX
                types[4] = /^[A-Z]{2}[A-Z]{2}[\d]{2}$/;     //   5       XX-XX-99
                types[5] = /^[\d]{2}[A-Z]{2}[A-Z]{2}$/;     //   6       99-XX-XX

                types[6] = /^[\d]{2}[A-Z]{3}[\d]{1}$/;      //   7       99-XXX-9
                types[7] = /^[\d]{1}[A-Z]{3}[\d]{2}$/;      //   8       9-XXX-99

                types[8] = /^[A-Z]{2}[\d]{3}[A-Z]{1}$/;     //   9       XX-999-X
                types[9] = /^[A-Z]{1}[\d]{3}[A-Z]{2}$/;     //   10      X-999-XX

                types[10] = /^[A-Z]{3}[\d]{2}[A-Z]{1}$/;    //   11      XXX-99-X
                types[11] = /^[A-Z]{1}[\d]{2}[A-Z]{3}$/;    //   12      X-99-XXX
                types[12] = /^[\d]{1}[A-Z]{2}[\d]{3}$/;     //   13      9-XX-999
                types[13] = /^[\d]{3}[A-Z]{2}[\d]{1}$/;     //   14      999-XX-9

                //except licenseplates for diplomats
                var exceptions = '^CD[ABFJNST][0-9]{1,3}$';              //for example: CDB1 of CDJ45
                for (i = 0; i < types.length; i++) {
                    if (license.match(types[i])) {
                        return i + 1;
                    }
                }
                if (license.match(exceptions)) {
                    return 0;
                }
                return 0;

            } catch (err) {
                alert(err);
            }
        }

        function license_format(license, type) {
            try {

                license = license_cleanup(license);
                license = license.toUpperCase();
                switch (type) {
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                    case 6:
                        return license.substr(0, 2) + '-' + license.substr(2, 2) + '-' + license.substr(4, 2);
                    case 7:
                    case 9:
                        return license.substr(0, 2) + '-' + license.substr(2, 3) + '-' + license.substr(5, 1);
                    case 8:
                    case 10:
                        return license.substr(0, 1) + '-' + license.substr(1, 3) + '-' + license.substr(4, 2);
                    case 11:
                    case 14:
                        return license.substr(0, 3) + '-' + license.substr(3, 2) + '-' + license.substr(5, 1);
                    case 12:
                    case 13:
                        return license.substr(0, 1) + '-' + license.substr(1, 2) + '-' + license.substr(3, 3);
                }
                return license;

            } catch (err) {
                alert(err);
            }
        }


    });

    function emptyField() {
        $('#kenteken_input').val('');
        document.cookie = "stype=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
    }
//--></script>

                            <div id="filter-ghost"></div>
                <div id="column-left" class="column filters">
                    <div class="search-results mobile">
                        <h1>U heeft gezocht op:<br/><span>Renault - Kadjar <br/> Dynamo</span></h1>

                                            </div>
                    <div class="box" id="refine">
                        <div class="filters-header js-toggle-filters">
                            <div class="box-heading">Verfijn zoekopdracht:</div>
                            <svg class="filters-icon"
                                xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                                 width="30" height="30"
                                 viewBox="0 0 172 172"
                                 style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#1b6aaa"><path d="M71.66667,14.33333c-9.3282,0 -17.21533,6.01103 -20.18424,14.33333h-37.14909v14.33333h37.14909c2.96891,8.3223 10.85604,14.33333 20.18424,14.33333c11.85367,0 21.5,-9.64633 21.5,-21.5c0,-11.85367 -9.64633,-21.5 -21.5,-21.5zM107.5,28.66667v14.33333h50.16667v-14.33333zM107.5,64.5c-9.3282,0 -17.21533,6.01103 -20.18424,14.33333h-72.98242v14.33333h72.98242c2.96891,8.3223 10.85605,14.33333 20.18424,14.33333c11.85367,0 21.5,-9.64633 21.5,-21.5c0,-11.85367 -9.64633,-21.5 -21.5,-21.5zM143.33333,78.83333v14.33333h14.33333v-14.33333zM50.16667,114.66667c-9.3282,0 -17.21533,6.01103 -20.18424,14.33333h-15.64909v14.33333h15.64909c2.96891,8.3223 10.85604,14.33333 20.18424,14.33333c11.85367,0 21.5,-9.64633 21.5,-21.5c0,-11.85367 -9.64633,-21.5 -21.5,-21.5zM86,129v14.33333h71.66667v-14.33333z"></path></g></g></svg>
                        </div>
                        <div class="box-content js-filters">
                            <form id="filter-form" method="get">
                                <!-- <div id="slider-range"></div> -->
                                <input type="hidden" name="route" value="product/search">
                                
                                                                    <div class="filter_term">
                                        <strong>Sorteer op</strong>
                                        <select name="sort_by">
                                            <option value="" selected>Standaard</option>
                                                                                            <option value="12">Bouwjaar</option>
                                                                                            <option value="14">Prijs</option>
                                                                                            <option value="17">Motortype</option>
                                                                                            <option value="18">Cilinderinhoud</option>
                                                                                            <option value="25">Merk onderdeel</option>
                                                                                            <option value="26">Tellerstand</option>
                                                                                            <option value="37">Classificatiecode</option>
                                                                                            <option value="117">Aandrijving</option>
                                                                                            <option value="118">Amperage</option>
                                                                                            <option value="135">Garantie</option>
                                                                                    </select>
                                    </div>
                                    <div class="filter_term">
                                        <strong>Sorteervolgorde</strong>
                                        <select name="sort_direction">
                                                <option value="descending" selected>Aflopend</option>
                                                <option value="ascending" >Oplopend</option>
                                        </select>
                                    </div>
                                
                                
                                    <div class="filter-term">
                                                                            </div>
                                
                                    <div class="filter-term">
                                                                            </div>
                                
                                    <div class="filter-term">
                                                                            </div>
                                
                                    <div class="filter-term">
                                                                            </div>
                                
                                    <div class="filter-term">
                                                                            </div>
                                
                                    <div class="filter-term">
                                                                            </div>
                                
                                    <div class="filter-term">
                                                                            </div>
                                
                                    <div class="filter-term">
                                                                            </div>
                                
                                    <div class="filter-term">
                                                                            </div>
                                
                                    <div class="filter-term">
                                                                            </div>
                                
                                
                                <!-- <input class="refine" type="submit" value="Verfijn"> -->
                                <button type="button" class="button mobile js-toggle-filters">Verfijn</button>
                            </form>
                        </div>
                    </div>
                </div>
            
            
                            <article id="content" class="category-page">
                    <div id="search-results" class="wrap">
                        <div class="search-results desktop">
                            <h1>U heeft gezocht op: <span>Renault - Kadjar <br/> Dynamo</span></h1>

                                                    </div>
                        <h3>Totaal 1 gevonden</h3>
                        <div class="product-list">
                                                            <div class="product">
                                    <div class="product-image product-image-search">
                                        <a href="https://www.maresiaparts.nl/index.php?route=product/search/detail&amp;row_id=20490705" title="Renault Kadjar - Dynamo"><img src="https://cdn.onderdelenlijn.nl/parts/100278/20490705/large/55384a7e-b206-4222-920e-155477f6d275.jpg"/>
                                        <div class="overlay"></div>


                                        </a>

                                    </div>
                                    <style>
                                        .overlay {
                                            position: absolute;
                                            top: 0;
                                            bottom: 0;
                                            left: 0;
                                            right: 0;
                                            height: 100%;
                                            width: 100%;
                                            opacity: 0;
                                            transition: .5s ease;
                                            background-color: #fff;
                                        }

                                        .product-image {
                                            position: relative;
                                        }

                                        .product-image:hover .overlay {
                                            opacity: 0.6;
                                        }
                                    </style>
                                    <div class="product-info">
                                        <h2>
                                            <a href="https://www.maresiaparts.nl/index.php?route=product/search/detail&amp;row_id=20490705" title="Renault Kadjar - Dynamo">Renault Kadjar - Dynamo</a>
                                        </h2>
                                        <div class="description">
                                            <table>
                                                                                                    <tr>
                                                        <th class="property_id-21">Artikelnummer</th>
                                                        <td class="word-break">231004PA0A, 231004PA0AF</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-12">Bouwjaar</th>
                                                        <td class="word-break">2018</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-135">Garantie</th>
                                                        <td class="word-break">3</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-17">Motortype</th>
                                                        <td class="word-break">Benzine</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-108">Motorcode</th>
                                                        <td class="word-break">M5M460</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-18">Cilinderinhoud</th>
                                                        <td class="word-break">1618</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-117">Aandrijving</th>
                                                        <td class="word-break">Multiriem</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-118">Amperage</th>
                                                        <td class="word-break">150</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-25">Merk onderdeel</th>
                                                        <td class="word-break">BOSCH</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-241"></th>
                                                        <td class="word-break">K</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-26">Tellerstand</th>
                                                        <td class="word-break">96371 km</td>
                                                    </tr>
                                                                                                        <tr>
                                                        <th class="property_id-0">Opmerking</th>
                                                        <td class="word-break"></td>
                                                    </tr>
                                                                                                            <tr>
                                                            <td class="word-break" colspan="2">MARKING:F000BL50R4 AMP-HOUR150A</td>
                                                        </tr>
                                                                                                </table>

                                        </div>
                                        <!--<a href="#" class="show-more">Toon meer</a>-->
                                    </div>
                                    <p class="price">
                                        <span class="price-product">€ 157,50</span>
                                                                                    <span class="text-price">Marge</span>
                                                                            </p>
                                                                        <p class="shipping">
                                                                                    <span>Verzendkosten: € 12,10</span>
                                                                            </p>
                                    
                                                                            <input type="button" value="In winkelwagen" onclick="addToCart('20490705');$(this).prop('disabled', true );" class="addtocart"/>
                                        <a href="https://www.maresiaparts.nl/index.php?route=information/enquiry&amp;part=20490705" class="button button-blue next_to_add">Info aanvragen</a><!--.request-->
                                                                        <a href="https://www.maresiaparts.nl/index.php?route=product/search/detail&amp;row_id=20490705" style="white-space: nowrap"><img class="button-info" src="catalog/view/theme/dreamwhite/image/button-info.png"></a>
                                </div>
                                                    </div>
                    </div>
                    <br class="clear"/>
                    <div class="pagination">
                        <div class="results">Producten 1 t/m 1 van 1 (1 pagina's)</div>                    </div>
                </article>
                <script>
                    $( function(){
                        // when searching for part we can not reuse the partname for search
                        // because it is in the wrong language after redirect.
                        $( '#language_form [name="redirect"]' ).remove();
                    } );
                </script>
            
        </div>
        <!--content wrap-->
    </div>
    <!--content layout-->
</div>
<!--content-->
<div class="clear"></div>
<div id="column_footer_holder">
    <div class="layout">
        <div class="wrap">  </div>
    </div>
</div>
<div class="push"></div>
</div><!--Container-->
</div>
<!--wrapper-->
<footer id="footer">
    <div id="footer-bar">
        <div class="layout">
            <div class="wrap">
                <img data-src="image/data/IDEAL_Logo.png" alt="iDeal" class="footer-bar__img lazy" src="image/data/IDEAL_Logo.png">
                <img data-src="image/data/bancontact.png" alt="Bancontact" class="footer-bar__img lazy" src="image/data/bancontact.png">
                <img data-src="image/data/sofort.png" alt="sofort" class="footer-bar__img lazy" src="image/data/sofort.png">
                <img data-src="image/data/eps.png" alt="eps" class="footer-bar__img lazy" src="image/data/eps.png">
                <img data-src="image/data/DHL.png" alt="DHL" class="footer-bar__img lazy" src="image/data/DHL.png">
                <img data-src="image/data/DPD.png" alt="DPD" class="footer-bar__img lazy" src="image/data/DPD.png">
                <span>
                    <img  data-src="image/data/bezorgservice3.png" src="image/data/bezorgservice3.png" alt="own-service" class="footer-bar__img lazy" style="height: auto !important; width: 20px; vertical-align: middle">
                    <span style="color: black;">Eigen bezorgservice</span>
                </span>
                <img data-src="image/data/iso-9001.png" src="image/data/iso-9001.png" alt="iso-9001" class="footer-bar__img lazy">
                <img data-src="image/data/kzd.png" src="image/data/kzd.png" alt="kzd" class="footer-bar__img lazy">
                <a title="Onderdelenlijn voor gebruikte, tweedehands, revisie en nieuwe auto-onderdelen"
                   href="https://www.onderdelenlijn.nl" class="footer-bar__img" style="width: 128px;">
                    <img title="onderdelenlijn voor gebruikte, tweedehands, revisie en nieuwe auto-onderdelen"
                         class="lazy" data-src="https://www.onderdelenlijn.nl/images/onderdelenlijn-link-to-us-50.png" src="https://www.onderdelenlijn.nl/images/onderdelenlijn-link-to-us-50.png"
                         alt="onderdelenlijn voor gebruikte, tweedehands, revisie en nieuwe auto-onderdelen"/>
                </a>
            </div>
        </div>
    </div>
    <div id="footer_bg">
        <div class="top">
            <div class="layout">
                <div class="wrap">
                    <div class="column-set hide-on-mobile">
                                                    <div class="column column1">
                                <a href="" title="Over ons">Over ons</a>
                                <ul>
                                                                            <li>
                                            <a href="https://www.maresiaparts.nl/bedrijfsfilm">Bedrijfsfilmpjes</a>
                                        </li>
                                                                            <li>
                                            <a href="https://www.maresiaparts.nl/ons-bedrijf">Ons bedrijf</a>
                                        </li>
                                                                            <li>
                                            <a href="https://www.maresiaparts.nl/veelgestelde-vragen">Veelgestelde vragen FAQ</a>
                                        </li>
                                                                            <li>
                                            <a href="https://www.maresiaparts.nl/klantenservice">Klantenservice </a>
                                        </li>
                                                                            <li>
                                            <a href="https://www.maresiaparts.nl/vacatures">Vacatures</a>
                                        </li>
                                                                            <li>
                                            <a href="https://www.maresiaparts.nl/contact">Contact</a>
                                        </li>
                                                                        <li>
                                        <a href="https://www.maresiaparts.nl/index.php?route=information/news">Nieuws</a>
                                    </li>
                                </ul>
                            </div>
                                                <div class="column column2">
                            <a href="" title="Handige links">Handige links</a>
                            <ul>
                                <li><a href="https://www.maresiaparts.nl/afhaalmogelijkheden">Afhaalmogelijkheden</a></li>
                                <li><a href="https://www.maresiaparts.nl/returns">Garantie-verzoek</a></li>
                                <!--<li><a href="/garantievoorwaarden">--><!--</a></li>-->
                                <li><a href="https://www.maresiaparts.nl/Garantievoorwaarden">Garantievoorwaarden</a></li>
                                <li><a href="https://www.maresiaparts.nl/sitemap">Sitemap</a></li>
                                <li>
                                    <a href="https://www.maresiaparts.nl/downloads/retourformulier.pdf" target="_blank>">Retourformulier</a>
                                </li>
                                <li>
                                    <a href="https://www.maresiaparts.nl/downloads/omruilformulier.pdf" target="_blank>">Omruilformulier</a>
                                </li>
                                <li>
                                    <a href="https://www.maresiaparts.nl/downloads/reparatieverzoek.pdf" target="_blank>">Reparatieverzoek</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="column-set">
                        <div class="column column3">
                            <a href="" title="Maresia Parts">Maresia Parts</a>
                            <ul>
                                <li>Zuidhollandsedijk 131</li>
                                <li>5171 TL Kaatsheuvel</li>
                                <li></li>
                                <li>T: 0900 - MARESIA (0900-6273742) </li>
                                <li>E:
                                    <a href="mailto:info@maresiaparts.nl" class="email" title="info@maresiaparts.nl">info@maresiaparts.nl</a>
                                </li>

                            </ul>
                        </div>
                        <div class="column column4">
                            <a href="" title="Openingstijden">Openingstijden</a>
                            <ul>
                                <li>Ma t/m vr: 8:00-12:00, 13:00-18:00</li>
                                <li>Za: 8:00-13:00</li>
                                <li>Zon- en feestdagen gesloten</li>
                                <li></li>
                                <li><br></li>
                                <li>De prijzen zijn onder voorbehoud van wijzigingen/fouten</li>
                            </ul>
                        </div>
                    </div>
                    <!--
                    <div id="certifications">
                         <img alt="" src="image/data/stiba.png" title="Stiba"/>
                         <img alt="" src="image/data/kzd.png" title="KZD"/>
                         <img alt="" src="image/data/iso-9001.png" title="ISO 9001"/>
                    </div> -->
                    <div class="clear"></div>
                </div>
                <!--footer wrap-->
            </div>
            <!--layout-->
        </div>
        <div class="bottom">
            <div class="layout">
                <div class="wrap">
                    <p id="copyright">
                        &copy; Copyright 2020 Maresia Parts | <a href="/algemene-voorwaarden" title="Algemene voorwaarden">Algemene voorwaarden</a> | <a href="/privacy-policy" title="Privacy Policy">Privacy Policy</a> | <a href="/cookiebeleid">Cookiebeleid</a>                    </p>
                    <!--<p id="clicksite">
                        Website by <a href="http://www.clicksite.nl" target="_blank" title="ClickSite">ClickSite</a>
                    </p>-->
                </div>
                <!--footer wrap-->
            </div>
            <!--layout-->
        </div>
    </div>

</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/i18n/nl.js"></script>
<!--script>
    $(function(){
        $('.select2-lang').select2({
            language: 'nl'
        });
    });
</script-->

<script>
    $(function(){
        $(window).on('load resize scroll', function() {
            var f = $('#footer');
            f.css({position:'relative'});
            if (f.offset().top + f.height() < $(window).height()) {
                f.css({position:'absolute', bottom:'0', width:'100%'});
            }
        });

        $('a[href*="privacy-policy"]').attr('href', 'https://www.maresiaparts.nl/privacy-policy');
        $('a[href*="algemene-voorwaarden"]').attr('href', 'https://www.maresiaparts.nl/algemene-voorwaarden');
        $('a[href*="cookiebeleid"]').attr('href', 'https://www.maresiaparts.nl/cookiebeleid');
    });
</script>
</body>
</html>
<script>
    $(function () {
        /*
        function setCookie(cname, cvalue) {
            var d = new Date();
            d.setTime( d.getTime() + 3600 );
            var t = document.cookie = cname + "=" + cvalue + ";expires=" + d.toUTCString() + ";path=/";
            console.log(t);
        }

        function getCookie( cname ) {
            var cnameEq = name + "=";
            var cookies = decodeURIComponent(document.cookie).split(';');
            for ( var i = 0; i < cookies.length; i++ ) {
                var c = cookies[i].trim();
                if ( c.indexOf( cnameEq ) == 0 ) return c.substring( cnameEq.length, c.length );
            }
            return null;
        }
         */

        var getParams = {};
        // grab all current GET parameters from url
        var currentGetsStr = location.search.substr(1);
        var currentGets = currentGetsStr.split('&');

        for ( var i = 0; i < currentGets.length; i++ ) {
            var get = currentGets[ i ].split('=');
            if ( get.length == 2 ) {
                getParams[ decodeURIComponent( get[0] ) ] = decodeURIComponent( get[1] );
            }
        }

        var formFilter = $('#filter-form');
        formFilter.submit(function () {
            var self = $( this );
            // grab serialised string data from filter form
            var newGetsStr = self.serialize();
            // combine string get params with actual get params
            var allGets = ( currentGetsStr + '&' + newGetsStr ).split('&');

            var filterParams = {};
            for ( var i = 0; i < allGets.length; i++ ) {
                var get = allGets[ i ].split('=');
                if ( get.length == 2 ) {
                    filterParams[ decodeURIComponent( get[0] ) ] = decodeURIComponent( get[1] );
                }
            }

            var cookieString = JSON.stringify( filterParams );
            sessionStorage.setItem( 'searchFilters', cookieString );
            // setCookie( 'searchFilters', cookieString );

            $.ajax({
                // not using data option because then has conflicts with duplicate parameters ( like route )
                // because the url is set to current url and that already has route parameter
                url: location.origin + location.pathname + '?' + $.param( filterParams ), // self.attr( 'action' ),
                type: self.attr( 'method' ),
                // data: filterParams, // $.param( gets ),
                success: function( data ) {
                    // $('#content').replaceWith($('<div>' + data + '</div>').find('#content'));
                    $( '#content' ).html( $( data ).find( '#content' ).html() );
                    bindShowMore();
                }
            });

            return false;
        });
        formFilter.find(':input').change(function(){
            formFilter.submit();
        });

        $('.range-slider').each(function (i, e) {
            var id = this.id, min = parseInt($(this).attr('min')), max = parseInt($(this).attr('max')),
                step = parseInt($(this).attr('step'));
            $('#' + id + '_from_label').text(min);
            $('#' + id + '_to_label').text(max);
            $('#' + id + '_from_base').text(min);
            $('#' + id + '_to_base').text(max);
            $(this).slider({
                range: true,
                min: min,
                max: max,
                step: step,
                values: [min, max],
                stop: function (event, ui) {
                    var id = this.id;
                    $('#' + id + '_from').val(ui.values[0]);
                    $('#' + id + '_to').val(ui.values[1]);
                    $('#' + id + '_from_label').text(ui.values[0]);
                    $('#' + id + '_to_label').text(ui.values[1]);
                    formFilter.submit();
                }
            });
        });

        var searchedFilters = sessionStorage.getItem('searchFilters');
        if ( searchedFilters !== null ) {
            try {
                searchedFilters = JSON.parse( searchedFilters );
            } catch (e) {
                return;
            }

            if (    searchedFilters.part   == getParams.part
                 && searchedFilters.model  == getParams.model
                 && searchedFilters.make   == getParams.make
            ) {
                for ( var filterName in searchedFilters ) {
                    var filterValue = searchedFilters[ filterName ];
                    $('[name="' + filterName + '"]').val( filterValue );
                    if ( filterName.indexOf("_from") > 0 ) {
                        $( '#' + filterName.replace('_from', '') ).slider('values', 0, filterValue );
                    } else if ( filterName.indexOf("_to") > 0 ) {
                        $( '#' + filterName.replace('_from', '') ).slider('values', 1, filterValue );
                    }
                }
                formFilter.submit();
            }
        }
    });

    var bindShowMore = function () {
        $(".show-more").on('click', function (e) {
            e.preventDefault();
            $(this).parents('.product-info').find('table tr.hidden').removeClass('hidden');
            $(this).remove();
        })
    };

    $(document).ready(function () {
        bindShowMore(); // bind event on Ready

        var url = $('.load-next-page').attr('data-page-url');
        var page = $('.load-next-page').attr('data-nex-page');
        var total_pages = $('.load-next-page').attr('data-total-pages');
        if (Number(page) <= Number(total_pages)) {
            $('.load-next-page').show();
        }
        $('.load-next-page').live('click', function () {
            $.ajax({
                url: url + page,
                type: 'GET',
                dataType: 'html',
                beforeSend: function () {
                    $('.load-next-page').before('<span class="load-wait"></span>')
                },
                complete: function () {
                    $('.load-wait').remove()
                },
                success: function (html) {
                    page = Number(page) + 1;
                    $('#product_list').append($(html).find("#product_list").html())
                    display(view);
                    if (page > total_pages) {
                        $('.load-next-page').hide()
                    }

                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                }
            });
        })
    });


    $(function () {
        if ($(window).width() < 877) {
            var accordionTrigger = document.querySelector(".js-toggle-filters");
            var accrodionCollapse = document.querySelector(".js-filters");

            var accrodionCollapseHeight = accrodionCollapse.offsetHeight;
            accrodionCollapse.style.height = "0px";
            accrodionCollapse.style.position = "relative";
            accrodionCollapse.style.opacity = 1;
            accrodionCollapse.style.visibility = "visible";


            $('.js-toggle-filters').click(function () {
                if (accrodionCollapse.classList.contains('open')) {
                    accrodionCollapse.style.height = "0px";
                    accrodionCollapse.classList.remove('open');
                    accordionTrigger.classList.remove('open');
                } else {
                    accrodionCollapse.style.height = accrodionCollapseHeight + "px";
                    accrodionCollapse.classList.add('open');
                    accordionTrigger.classList.add('open');
                }
            });
        }

    });
</script>