{detailedDescription}
'],\n ['', '{promoDisplay}']\n\t\t\t],\n\t\t\tcompareList = [],\n\t\t\tcompareTimer,\n\t\t\ttruckImages = {},\n\t\t\tgeo = new google.maps.Geocoder(),\n\t\t\tmap,\n\t\t\t$mapEl = $form.find('map-search'),\n\t\t\tpins = $mapEl.find('map-pin').toArray().map(function(item){\n\t\t\t\tvar $item = $(item);\n\t\t\t\treturn new google.maps.Marker({\n\t\t\t\t\tposition: {lat: parseFloat($item.attr('lat')), lng: parseFloat($item.attr('lng'))},\n\t\t\t\t});\n\t\t\t}),\n\t\t\tmapOptions = {\n\t\t\t\tzoom: 5,\n\t\t\t\tmapTypeControl: false,\n\t\t\t\tstreetViewControl: false,\n\t\t\t\tscrollwheel: false,\n\t\t\t\tdraggable: $(document).width() > 767 ? true : false,\n\t\t\t\tstyles: $.tb.mapStyle\n\t\t\t},\n\t\t\ttrucks = {};\n\n\t\t// Add syncPromoState function\n\t\tvar syncPromoState = function () {\n\t\t\tvar urlParams = new URLSearchParams(window.location.search);\n\t\t\tvar promoCheckbox = $form.find('input[name=\"promo\"]');\n\t\t\tpromoCheckbox.prop('checked', urlParams.has('promo'));\n\t\t};\n\n\t\t// Call it on initial load\n\t\tsyncPromoState();\n\n\t\t// Add pageshow handler for back button\n\t\t$(window).on('pageshow', function (event) {\n\t\t\tif (event.originalEvent.persisted) {\n\t\t\t\tsyncPromoState();\n\t\t\t\tloadTrucks();\n\t\t\t}\n\t\t});\n\t\t\n\t\t$form.find('select,input').on('change', function () {\n\t\t\tvar $field = $(this);\n\t\t\tswitch (this.name){\n\t\t\t\tcase 'centerId':\n\t\t\t\t\tif($field.val() === 'map'){\n\t\t\t\t\t\t$('comp-map-search').addClass('active');\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\t$('comp-map-search, map-search').removeClass('active');\n\t\t\t\t\t\tmapBounds = {}; \n\t\t\t\t\t\tresetFields(); \n\t\t\t\t\t}\n\t\t\t\tcase 'textSearch':\n\t\t\t\t\tsearch = $field.val();\n\t\t\t}\n\t\t\t\n\t\t\t$form.trigger('changed',{name:this.name, type:'select'});\n\t\t}).each(function(){\n\t\t\tif(this.name && $(this).attr('slider') === undefined){\n\t\t\t\tfields.push(this);\n\t\t\t}\n\t\t});\n\t\t$('comp-map-search input[type=\"search\"]').on('keypress',function(e){\n\t\t\tif(e.which === 13){\n\t\t\t\te.preventDefault();\n\t\t\t\tdrawMap(this.value.trim());\n\t\t\t}\n\t\t});\n\n\t\t$form.on('click','button',function(e){\n\t\t\te.preventDefault();\n\t\t});\n\n\t\t$form.on('click','part-card button[compare]',function(){\n\t\t\tvar truckCard = $(this).closest('part-card');\n\t\t\tcompareAdd(truckCard.attr('truck'),truckCard.find('img').attr('src'));\t\t\n\t\t});\n\t\t$form.on('click','part-card button[cancel]',function(){\n\t\t\tvar truckCard = $(this).closest('part-card');\n\t\t\tcompareRemove(truckCard.attr('truck'));\t\t\n\t\t});\n\n\t\t$form.on('changed', function (e, trigger) { \n\t\t\tloadTrucks(trigger.name,trigger.type);\n\t\t});\n\n\t\t$form.find('[pagination]').on('click','a',function(){\n\t\t\tswitch ($(this).attr('action')) {\n\t\t\t\tcase 'next': \n\t\t\t\t\tpageNumber += 1;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'prev':\n\t\t\t\t\tpageNumber -= 1;\n\t\t\t\t\tbreak;\n\t\t\t} \n\t\t\tloadTrucks();\n\t\t\t$('body > main').scrollTo($form);\n\t\t});\n\n\t\t// Check if geo is needed\n\t\t$form.find('[geoquery]').each(function(){\n\t\t\tvar $field = $(this),\n\t\t\t\tkey = $field.attr('data');\n\t\t\t\n\t\t\tif(!dealerHighlight){\n\t\t\t\tgetGeo($field,key);\t\t\t\n\t\t\t}\n\t\t\telse {\n\t\t\t\t$field.val(dealerHighlight.id);\n\t\t\t\t$form.closest('comp-container').find('[dealer-label]').text(dealerHighlight.label).closest('a').attr('href',dealerHighlight.url);\n\t\t\t\tloadTrucks(undefined,'initial');\n\t\t\t}\n\t\t})[0] || loadTrucks(undefined,'initial');\n\n\t\tfunction getGeo($field, key, ask) { \n\t\t\tif(ask){\n\t\t\t\tnavigator.geolocation.getCurrentPosition(function(position) {\n\t\t\t\t\tcookie.setItem('deviceLocation', JSON.stringify({\n\t\t\t\t\t\tlatitude:position.coords.latitude,\n\t\t\t\t\t\tlongitude:position.coords.longitude\n\t\t\t\t\t}));\n\t\t\t\t\tgetNearest($field,key,position.coords);\n\t\t\t\t},function(PosError){\n\t\t\t\t\tconsole.log('PosError', PosError);\n\t\t\t\t},{enableHighAccuracy: true, maximumAge: 10000, timeout: navigator.userAgent.toLowerCase().indexOf(\"android\") > -1 ? '15000' : '5000'});\n\t\t\t}\n\t\t\telse { \n\t\t\t\tvar dealerCard = cookie.getItem(key) !== undefined ? JSON.parse(cookie.getItem(key)) : false; \n\t\t\t\tif (dealerCard && dealerCard.id) { \n\t\t\t\t\t$field.val(dealerCard.id);\n\t\t\t\t\tpopulateNearestDealer(dealerCard); \n\t\t\t\t\tloadTrucks(undefined,'initial');\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\t$.ajax({\n\t\t\t\t\t\turl: $.tb.geoUrl,\n\t\t\t\t\t\tdataType: 'json',\n\t\t\t\t\t\tlocalCache: true\n\t\t\t\t\t}).done(function (data) {\n\t\t\t\t\t\tgetNearest($field, key, data);\t\t\t\t\t\t\n\t\t\t\t\t}).fail(function(){\n\t\t\t\t\t\tloadTrucks(undefined,'initial');\t\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfunction getNearest($field, key, data) {\n\t\t\t$.ajax({\n\t\t\t\turl: $field.attr('geoquery'),\n\t\t\t\tdata: data,\n\t\t\t\tdataType: 'json',\n\t\t\t\tlocalCache: true\n\t\t\t}).done(function (response) {\n\t\t\t\tif (response && response.id) {\n\t\t\t\t\tconst nearestDealerCookie = {\n\t\t\t\t\t\tid: response.id,\n\t\t\t\t\t\tip: data.ip,\n\t\t\t\t\t\tname: response.name\n\t\t\t\t\t};\n\t\t\t\t\tcookie.setItem(key, JSON.stringify(nearestDealerCookie));\n\t\t\t\t\t$field.val(response.id);\n\t\t\t\t\tpopulateNearestDealer(response);\n\t\t\t\t}\n\t\t\t\tloadTrucks(undefined, 'initial');\n\t\t\t});\n\t\t}\n\n\t\tfunction populateNearestDealer(dealerCard) { \n\t\t\t$form.find('comp-nearest h4').removeClass('loading').text(dealerCard.name); \n\t\t}\n\n\t\tfunction reducePostData(obj, item, type) {\n\t\t\tvar $item,\n\t\t\t\tval,\n\t\t\t\tname;\n\n\t\t\t// If item is slider\n if (Array.isArray(item.value)) {\n var urlParams = new URLSearchParams(window.location.search);\n if (type == 'initial') {\n if (urlParams.has(item.name + 'Min')) {\n obj[item.name + 'Min'] = urlParams.get(item.name + 'Min');\n }\n else {\n obj[item.name + 'Min'] = item.value[0];\n }\n if (urlParams.has(item.name + 'Max')) {\n obj[item.name + 'Max'] = urlParams.get(item.name + 'Max');\n }\n else {\n obj[item.name + 'Max'] = item.value[1];\n }\n }\n else {\n obj[item.name + 'Min'] = item.value[0];\n obj[item.name + 'Max'] = item.value[1];\n }\n\t\t\t}\n\t\t\telse {\n\t\t\t\t$item = $(item);\n\t\t\t\tval = $item.val();\n\t\t\t\tif (blankVals.indexOf(val) === -1) {\n\t\t\t\t\tname = $item.attr('name');\n\t\t\t\t\tif (name.indexOf('|') === -1) {\n\t\t\t\t\t\tconst valueType = $item.attr('valuetype');\n if (valueType && valueType === 'bool') {\n obj[name] = val === 'true' || val === true ? true : false;\n } else if (item.type == 'checkbox') {\n if (item.checked) {\n obj[$item.attr('name')] = val;\n }\n } else {\n obj[$item.attr('name')] = val;\n }\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\t_.zip(name.split('|'), val.split('|')).forEach(function (set) {\n\t\t\t\t\t\t\tif (set[1] !== undefined) {\n\t\t\t\t\t\t\t\tobj[set[0]] = set[1];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n }\n\t\t\treturn obj;\n\t\t}\n\n\t\tfunction getField(name) {\n\t\t\tfor (let i = 0, l = fields.length; i < l; i++) {\n\t\t\t\tif (fields[i].name === name) {\n\t\t\t\t\treturn fields[i];\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn undefined;\n\t\t}\n\n\t\tfunction redirect(trigger) {\n\n\t\t\tswitch (trigger) {\n\n\t\t\t\tcase 'centerId':\n\t\t\t\t\tconst centerField = getField('centerId');\n\t\t\t\t\tif (centerField)\n\t\t\t\t\t\tlocation.href = `/center/${centerField.value}/trucks`;\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase 'manufacturer':\n\t\t\t\t\tconst manufacturerField = getField('manufacturer');\n\t\t\t\t\tif (manufacturerField) {\n\t\t\t\t\t\tconst manufacturer = manufacturerField.value === 'any'\n\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t: manufacturerField.value;\n\t\t\t\t\t\tlocation.href = `/trucks/${manufacturer}`;\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\t\n\t\t}\n\n\t\tfunction loadTrucks(trigger, type) { \n\t\t\t\n\t\t\tif ((trigger === 'manufacturer' || trigger === 'centerId')\n\t\t\t\t&& getField('listAllManufacturers').value === 'true') {\n\t\t\t\tredirect(trigger);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t\n\t\t\tvar writePageContent = function (metaTitle, metaDescription, heading) {\n\t\t\t\tdocument.title = metaTitle;\n\t\t\t\t$('meta[name=description]').attr('content', metaDescription); \n\t\t\t\tdocument.getElementById('heading').innerHTML = heading;\n\t\t\t};\n\t\t\t\n\t\t\tvar postData = fields.reduce(function (obj, item) {\n\t\t\t\tconst properties = reducePostData(obj, item, type);\n\t\t\t\treturn properties;\n\t\t\t},Object.assign({\n\t\t\t\tincludeStats: true,\n\t\t\t\tpageNumber: pageNumber,\n\t\t\t\tpageSize: pageSize,\n\t\t\t\ttextSearch: search\n\t\t\t},mapBounds,JSON.parse($form.attr('params') || '{}')) || {});\n\n\t\t\tif($form.attr('home') === undefined){\n\t\t\t\t$.tb.pushQuery(postData);\n\t\t\t}\n\t\t\t\n\t\t\t$form.addClass('loading');\n\t\t\tif(type !== undefined && type !== 'initial'){\n\t\t\t\tpageNumber = 1;\n\t\t\t}\n\t\t\t\n\t\t\t$.ajax({\n\t\t\t\turl: $form.attr('action'),\n\t\t\t\tdata: postData,\n\t\t\t\tdataType: 'json',\n\t\t\t\tlocalCache: true,\n\t\t\t\tmethod: 'GET'\n\t\t\t}).done(function (data) {\n\t\t\t\tvar stats = data.stats || {},\n\t\t\t\t\tsliders = stats.sliders || {},\n\t\t\t\t\ttotal = stats.totals ? stats.totals : 0,\n\t\t\t\t\tpromos = $promos.toArray().map(function(item){\n\t\t\t\t\t\treturn $('