2018 Subaru Crosstrek 2.0i Base - $20,998 - recycler.com

Sellers Description

Description

2018 Subaru Crosstrek 2.0i Base, Alloy Wheels, Backup Camera, Android Auto, Carplay mileage 58098, vin: JF2GTAAC8JH284082, Stock #: J0725064A, $20,998

2018 Subaru Crosstrek 2.0i Base

Posted 1 days ago in Gladstone, OR

$20,998

Member since 12/2024
View map
View More From This Seller

Summary

Vehicle Stock	J0725064A
Engine Disposition	2.00L
Drivetrain	AWD
Fuel Type	G
Price	$20,998
Make	Subaru
Model	Crosstrek
Trim	2.0i Base
Mileage	58098
Cylinders	H4
Exterior Color	Crystal White Pearl
Transmission	7
Doors	4
VIN	JF2GTAAC8JH284082

Contact Seller

Add Note

By clicking Send Message you agree to our Legal Disclaimer.

Legal Disclaimer: I agree to receive autodialed, text messages, and/or pre-recorded calls from or on behalf of the person(s) to whom this message is addressed, TMPi, recycler.com, and/or their agents, advertisers, and agencies at all telephone numbers provided by me (including mobile devices and wireless numbers). I understand this consent is not a condition of any purchase and that it means I may receive one or more of this type of call and/or message. I understand wireless carrier message and data rates may apply. I also agree to allow TMPi to use my cell phone’s location information obtained from my wireless carrier to enhance the content included in the calls and/or messages.

<script type="text/javascript">

loadScript("//tmp-cdn-distm-01.recycler.com/bundles/pages/details?v=lDfTVg-saKOcBKGxtS6jkPHMAXdZdPQV9fIRGyAJCWQ1", function() {
			loadScript("//tmp-cdn-distm-01.recycler.com/Scripts/readmore.min.js", function() {
				$(document).ready(function() {
					if ($(".input-validation-error:first").length) {
						window.scrollTo(0, $(".input-validation-error:first").offset().top);
					}
					// details.init();
					$(".description-copy").append($(".description-orig").children().clone());

$(".read-more").readmore({
						speed: 75,
						moreLink: '<a href="#" style="padding-left: 15px;font-size:14px;">Read More</a>',
						lessLink: '',
						maxHeight: 100,
						afterToggle: function() {
							//$("#btn-interested-2").toggle();
							//$("#email-box-bottom").toggle();
						}

});
					$('#carousel-details').carousel({
						interval: 0
					});
					$('#carousel-details-thumbs').carousel({
						interval: 0,
						wrap: true
					});
					$("#carousel-details").swipe({
						excludedElements: "button, input, select, textarea, .noSwipe",
						swipeLeft: function(event, direction, distance, duration, fingerCount) {
							$(this).carousel('next');
							$(this).carousel('pause');
						},
						swipeRight: function(event, direction, distance, duration, fingerCount) {
							$(this).carousel('prev');
							$(this).carousel('pause');
						},
						tap : function(event, target) {
							target.parentNode.click();

},
						threshold: 5
					});
					//Handles the carousel thumbnails
					$('[id^=carousel-selector-]').click(function() {
						var id = parseInt($(this).attr("id").substr("carousel-selector-".length));
						$('#carousel-details').carousel(id);
					});
					$('.carousel').carousel({
						interval: 3000
					});
					$(".email-lead").click(function() {
						$("#contact-panel").show();
						$('html, body').animate({
							scrollTop: $("#contact-panel").offset().top - 80
						}, 500);
						$("#contact-panel").stop().css("background-color", "#F0F0F0");
						//$("#contact-panel").animate({ backgroundColor: "#FFFFFF" }, 1500);
					})
					$(".btn-interested").click(function() {
					    $("#contact-panel").show();
						$('html, body').animate({
							scrollTop: $("#contact-panel").offset().top - 80
						}, 500);
						$("#contact-panel").stop().css("background-color", "#F0F0F0");
						// $("#contact-panel").animate({ backgroundColor: "#FFFFFF" }, 1500);
					});

$('[data-toggle=offcanvas]').click(function() {
						$('.row-offcanvas').toggleClass('active');
						$("html, body").animate({ scrollTop: 0 }, "slow");
					});

$("#carfax").click(function(e) {
						showCarFax();
						$(this).unbind("click", false);
						e.preventDefault();
						return false

});

$("#carfax-close").click(function(e) {
						$(".carfax-details").toggle();
						$("#carfax-close").toggle();
						$(this).bind("click", null, function() { showCarFax(); });
						e.preventDefault();
						return false;
					});
					$(".comment-sign").click(function()
					{
					    if($(this).hasClass("fa-plus"))
					    {
					        $(this).removeClass("fa-plus");
					        $(this).addClass("fa-minus");
					        $(".contact-comment").show();
					    }
					    else
					    {
					        $(this).removeClass("fa-minus");
					        $(this).addClass("fa-plus");
					        $(".contact-comment").hide();
					    }

});

rebindsave();
				});

function rebindsave() {
					$(".btn-save").unbind();
					$(".btn-saved").unbind();
					$(".btn-save").on("click", function(e) {
						var $btn = $(this);
						var id = $("#AdID").val();
						$.ajax({
							type: "GET",
							url: "/AJAX/SaveAd?id=" + id,
							async: false,
							dataType: 'json',
							error: function(XMLHttpRequest, textStatus, errorThrown) {

},
							success: function(data, textStatus) {

$btn.removeClass("btn-save");
								$btn.removeClass("light-gray");
								$btn.addClass("btn-saved");
								$btn.addClass("blue");
								updateSaveAdCookie(127384656, true);
								rebindsave();
							}
						});
					});
					$(".btn-saved").on("click", function(e) {
						var $btn = $(this);
						var id = $("#AdID").val();
						$.ajax({
							type: "GET",
							url: "/AJAX/UnSaveAd?id=" + id,
							async: false,
							dataType: 'json',
							error: function(XMLHttpRequest, textStatus, errorThrown) {

},
							success: function(data, textStatus) {
								//console.log($(this));
								$btn.removeClass("btn-saved");
								$btn.removeClass("blue");
								$btn.addClass("btn-save");
								$btn.addClass("light-gray");
								updateSaveAdCookie(127384656, false);
								rebindsave();
							}
						});
					});
				}

function loadCarFax() {
					$.ajax({
						url: '/AJAX/CarFax',
						data: {
							vin: "JF2GTAAC8JH284082",
							requestType: "INV",
							oneOwner: "Y",
							invDate: "Y",
							windowSticker: "WS1"
						},
						success: function(data) {
							//var obj = $.parseJSON(data);
							if (data.Successful == "Yes") {
								// yes carfax
								$("#total-loss").html("<img src='" + data.XMLResult.TotalLoss[0].CheckmarkImage + "' alt='" + data.XMLResult.TotalLoss[0].TotalLossText + "' />");
								$("#total-loss-desc").html(data.XMLResult.TotalLoss[0].TotalLossText);
								$("#structural-damage").html("<img src='" + data.XMLResult.FrameDamage[0].CheckmarkImage + "' alt='" + data.XMLResult.FrameDamage[0].FrameDamageText + "' />");
								$("#structural-damage-desc").html(data.XMLResult.FrameDamage[0].FrameDamageText);
								$("#airbag").html("<img src='" + data.XMLResult.AirbagDeployment[0].CheckmarkImage + "' alt='" + data.XMLResult.AirbagDeployment[0].AirbagDeploymentText + "' />");
								$("#airbag-desc").html(data.XMLResult.AirbagDeployment[0].AirbagDeploymentText);
								$("#odometer").html("<img src='" + data.XMLResult.OdometerRollback[0].CheckmarkImage + "' alt='" + data.XMLResult.OdometerRollback[0].OdometerRollbackText + "' />");
								$("#odometer-desc").html(data.XMLResult.OdometerRollback[0].OdometerRollbackText);
								$("#manufacturer-recall").html("<img src='" + data.XMLResult.ManufacturerRecall[0].CheckmarkImage + "' alt='" + data.XMLResult.ManufacturerRecall[0].ManufacturerRecallText + "' />");
								$("#manufacturer-recall-desc").html(data.XMLResult.ManufacturerRecall[0].ManufacturerRecallText);
								$("#accident-indicators").html("<img src='" + data.XMLResult.AccidentIndicators[0].CheckmarkImage + "' alt='" + data.XMLResult.AccidentIndicators[0].AccidentIndicatorsText + "' />");
								$("#accident-indicators-desc").html(data.XMLResult.AccidentIndicators[0].AccidentIndicatorsText);
								$("#one-owner").html("<img src='" + data.XMLResult.Ownership[0].CheckmarkImage + "' alt='" + data.XMLResult.Ownership[0].OwnershipText + "' />");
								$("#one-owner-desc").html(data.XMLResult.Ownership[0].OwnershipText);
								$("#vehicle-info").html(data.XMLResult.VehicleSpecifications[0].Year[0].Value + " " +
									data.XMLResult.VehicleSpecifications[0].Make[0].Value + " " +
									data.XMLResult.VehicleSpecifications[0].Model[0].Value);
								$("#vehicle-vin").html(data.XMLResult.VehicleSpecifications[0].VIN[0].Value);
								$("#carfax-disclaimer").html(data.XMLResult.Disclaimer);
								if (data.XMLResult.Ownership[0].OwnershipText == "CARFAX 1-Owner") {
									$("#carfax-logo").attr("src", "/Images/show-me-carfax.png");
								}

} else {
								// no carfax
								$(".carfax-right").html("");
								$(".carfax-right").html("<h2>There is no CARFAX Report available for this vehicle. Be informed before buying and get the CARFAX report!</h2>");
								$("#carfax-link").html("Get the CARFAX Record Check");
								$("#carfax-link").parent().appendTo($("#carfax-center"));
								$("<img/>").attr("src", "/images/carfax-fox.png").appendTo($("#carfax-center"));

}
						}
					});
				}

function showCarFax() {
					loadCarFax();
					$(".carfax-details").toggle();
					$("#carfax-close").toggle();
				}

function updateSaveAdCookie(lstid, add) {
					var id = '|' + lstid + '|';
					var val = $.cookie("SaveAd");
					if (val == undefined) val = '';
					if (add) {

if (!val.indexOf(id) > -1) {
							val += id;
						}
					} else {
						val.replace(id, '');
					}
					$.cookie("SaveAd", val, { expires: 7 });
				}

var reportPopover = $(".report-ad a");
				reportPopover.parent().on("click", "[data-action=close]", function() {
					reportPopover.popover("hide");
				}).on("click", "[data-action=report]", function() {
					var data = reportPopover.parent().find(".popover-content input[name=report]:checked").map(function() { return this.value }).toArray();
					if (data.length) {
						$.post("/details/report", {
							id: $("#AdID").val(),
							reason: data
						});
						reportPopover.popover("hide");
					}
				});
				reportPopover.popover({
					content: function() {
						return $(".report-ad .report-content").html();
					},
					viewport:window,
					template: "<div class=\"popover with-close\" role=\"tooltip\"><div class=\"arrow\"></div><button aria-label=\"Close\" data-action=\"close\" class=\"close\" type=\"button\"><span aria-hidden=\"true\">×</span></button><h3 class=\"popover-title\"></h3><div class=\"popover-content\"></div></div>",
					html: true
				});
			});

});
    </script>